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