Download - Mobile Design Concepts
Mobile Design Concepts
Chariot Solutions Mobile Application Development Series
November 9th, 2010
Agenda
• Web vs Native
• ‘Mobile First’
• Guiding principles
Web vs. Native
Both
• Mobile optimized sites provide accessibility
• Flagship ‘native’ apps provide ‘warm fuzzies’*
But...
Native
• Device Hardware (GPS, user position, device orientation, multi-touch input)
• Games
Web
• Re-use of existing skills
• Re-use of existing infrastructure
‘Mobile First’
• @LukeW
• Focus
• Context aware
User context
vs
http://www.flickr.com/photos/yourdon/3563994877/
3 Mobile Contexts*
• I am local
• I am bored
• I am micro-tasking
*Tapworthy - Josh Clark
Guiding Principles
User Experience
Cut
Cut again
SIMPLE
http://www.marco.org/1111087530
Cognitive Effort
An app to fly a plane!
Thumb zones
Progressive Disclosure
Disappear
Don’t make them wait“If you have synchronous code in your app you suck”
Mike Lee (@bmf)
Input
Things to Do
• Experience
• Be ruthless with features
• Effort
• Disappear
• Input
Questions?
Resources
• Tapworthy - Josh Clark
• Mobile Design and Development - Brian Fling
• @LukeW @globalmoxie @kgriffin @fling