Challenge Summary
Welcome to Gewitter - Wake App Mobile UI Design Concepts Challenge..In this challenge, we are looking for help from topcoder community to come up with design concepts that enables the user to set a background alert to play music through a Gewitter Wireless speaker at a predefined time. This is a simple application, so we’re looking for something that looks good and makes the best, simple user experience!
About the Client:
Gewitter is an electronics company that has come to [topcoder] for our app design expertise!
We have another Gewitter Mobile Application challenge, please have a look:
Gewitter - Page App Mobile UI Design Concepts Challenge
Round 1
Submit your initial screen for Checkpoint feedback
1) Gewitter Splash Screen (iPhone)
2) Current Alarms (iPhone)
3) Add Alarm (iPhone)
4) Edit Alarm (iPhone)
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs for all the required page with all checkpoint feedback implemented.
1) Gewitter Splash Screen (iPhone + Android)
2) Current Alarms (iPhone + Android)
3) Add Alarm (iPhone + Android)
4) Edit Alarm (iPhone + Android)
5) Find Wireless Speakers (iPhone + Android)
6) Wireless Speaker System (iPhone + Android)
7) Any Additional Screes (iPhone + Android)
8) Presentation Screens
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
We would like your help in designing a mobile application for the Gewitter customers, their customers are young and tech-savvy, and often have young families. The Wake reference application enables the user to set a background alert to play music through a Gewitter Wireless speaker at a predefined time. This is a simple application, so we’re looking for something that looks good and makes the best, simple user experience!!
The app is an like the alarm portion of a mobile device’s clock application. The Wake reference application enables the user to set a background alert to play music through a Gewitter Wireless speaker at a predefined time.
The app can scan for new speakers and have these added to any given alarm.
Design Guidelines:
- Looking for modern, intuitive user interface, application should be easy to use.
- We want this to look 'techie', but still friendly!
- We have included UI examples to show few design ideas - we want your own original designs for what will look and work best!
- Please show all the screens and provide a user flow/click-path so we can see how the interactions fit together in the application.
- Please follow the design guidelines (color palette) as given in the design direction document!
- Make the screens looks like a native app..
- Will need UI for both Android and iOS using standard UI components.
Screen Sizes:
We need below sizes:
- iPhone Portrait: 640 x 1136 px
- Android Portrait: 320 x 480 px
Design Concept Goals:
- How quickly could you find information?
- What is the clickpath for the application?
- How easily can you find a wireless system and connect to it?
- How easily can you set up one or more alarms and have them set to go off in different areas/sets of speakers
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- We want the user to understand what’s going on from the first glance.
Suggested Screens:
Based on the basic idea of the application, we have framed these screens - feel free to come up with any additional screens to show your design concepts
1) Gewitter Splash Screen
- Loading screen for when the user selects to use the application
- Come up with a simple logo that suits this application
2) Current Alarms:
- Shows the list of alarms already set by the user
- User has ability to add a new Alarm Item
- Each Alarm Item has schedules, which speakers/rooms/zones they are set to play in (including which types of speakers are in each), ability to edit the item
- Each Alarm can have a custom name
3) Add Alarm
- User can add a new Alarm item from any point in the application
- Shows all of the attributes for Alarm items on the UI example: default or custom name, schedules, speakers/zones/rooms, all of the items shown in Design Direction pdf
- When complete, places the new Alarm item within the list of Current Alarms
4) Edit Alarm
- Can be very similar to Add Alarm, but make it clear the user is editing instead of making a new Alarm item
- Allows user to Delete the Alarm item
- Takes user back to the Current Alarms screen when complete or if this item is deleted
5) Find Wireless Speakers
- The app will search for Wireless Speakers by their signals
- Find can be done from any point in the application
- When found, the new speakers can be added to the application’s list and be added to alarms already in place
- Wireless Speaker name defaults to Speaker’s product name, but can be edited for a custom speaker name
- Allow users to find speakers to be filtered based on Zones and Rooms
6) Wireless Speaker system
- Show the available Wireless Speakers that the application has found, connected to an Alarm item or not
- Indication of the Alarm items to which the Wireless Speaker systems connected is something to consider
- Manual editing of names of Wireless Speakers can be done in this screen and user can also indicate to which rooms, zones, it belongs to, etc.
- Assume the hierarchy could be like Zones > Rooms > Speakers, but basically these zones and rooms will help to find and filter from ist of speakers..
7) Any other screens which you suggest?
8) Presentation Screen:
- Create a presentation screen!
- Place your designs within an iPhone/Android template (come up with your own templates)! Showcase your submission
- Make sure your presentation screen is included in your submission files
- 1024x768 (4:3 Ratio)
Target Audience:
- Tech-savvy Gewitter customers who need to manage 1 or more alarms to play through a wireless speaker system set up in their house
Judging Criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a mobile application
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.