Project 4 – App Design
You will design UI/UX for a prototype for an app.
Minimum of 6 screens to be designed in PS.
Some links:
Smashing Magazine:
http://mobile.smashingmagazine.com/2009/08/11/how-to-create-your-first-iphone-application/
http://mobile.smashingmagazine.com/2013/07/04/top-ten-app-part-1-idea-and-design/
Templates:
UI in PS
http://www.teehanlax.com/tools/iphone/
Wireframe templates
http://uxdesign.smashingmagazine.com/2012/09/18/free-download-ux-sketching-wireframing-templates-mobile/
http://www.twelveskip.com/resources/psds/797/iphone-5-wireframe-template-for-your-next-project
NOTE: I have a sample wireframe and sample user flowchart in the downloads page for this class.
taken from www.smashingmagazine.com andĀ www.alistapart.com
6 things to consider
1. mirror the native interface
2. Create list views
3. simplify the interface
4. layer the interface
5. icons
6. gestures and responsive design
5 most common mistakes:
1. overblown visuals
2. neglecting limitations
3. confusing nav
4. app is not a computer or website
5.disregard of context
DUE NEXT CLASS:
Overall concept with a write up of:
a. who the app is for – core audience and user type.
b. how it works – summarize briefly in 3 sentences or less
Design:
1. USER FLOW CHART
2. 6 (minimum) WIREFRAMES OF THE MOST IMPORTANT SCREENS