Welcome to the "Fun Series - Design - Mobile Survey App Design Concepts Challenge (Design Language)". This challenge is part of a series of fun challenges across the different Topcoder design and development tracks. The goal is to have fun! Create conversation around what is good experience design and educate on best practices for working within the challenge format. We want to help new designers understand how to use the Topcoder platform and help existing designers improve their skills, knowledge and understanding on what it takes to "win".
This fun design challenge is focused on creating and planning the user experience for a mobile application. For this challenge we want you to learn and use the IBM Design Language!
Fun Challenge Details
The “Fun & Learn” company wants to develop a mobile survey solution. Within the format of the fun challenges we will design and build aspects of this survey application. This challenge is focused on designing the potential user experience for the "End User"
This challenge is focused on creating "design concepts" (see forum for discussing of what design concepts are) and how this mobile survey app could potentially look and work. In this challenge, we are focused on designing screens for the Survey.
Splash screen List of available survey screen Detail screen
Show Splash screen
Show list of available surveys screen.
Detail screen to selected survey description.
A survey has two fields (Title and Description)
Each survey has multiple related question with two fields (Question ID and Question Text)
The requirement is to create an app that will display all the surveys collected.
The user experience for the end user should be easy and catchy.
Design screens related to concepts on what you think the end user should see, what the user should experience when interfacing with this application.
- This challenge is focused on designing your mobile experience using the IBM Design Language! (and improving your skills in this area)
- Do some research! Ask questions in the forum!
- Lets talk design languages!
- This application will be a Mobile Responsive Design but the mobile view still need to feel “at home” when placed next to a native application.
- Responsive Focus
- Design screens for iPhone 6 (Portrait view, 750x1334px)
All submission MUST follow IBM Design Language (if you haven't learned it yet - now is a great time!): http://www.ibm.com/design/language/index.shtml
-- Layout: http://www.ibm.com/design/language/framework/visual/layout.shtml
-- Typography: http://www.ibm.com/design/language/framework/visual/typography.shtml
-- Iconography: http://www.ibm.com/design/language/framework/visual/iconography.shtml
-- Color: http://www.ibm.com/design/language/framework/visual/color.shtml
-- Interaction: http://www.ibm.com/design/language/framework/interaction/introduction.shtml
-- App Inspiration: http://www.ibm.com/design/language/inspiration.shtml
Submission & Source Files
Create your preview image as one (1) 1920x1080 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Please upload PNG images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
No Final Fixes! There is no prize money associated with the challenge. This challenge is intended for fun and learning only
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.