A breakfast seminar presentation about thing to think about when designing for mobile. Heavily influenced by Josh Clarks - Tapworthy.

1. Mobile Design
Concepts
Chariot Solutions Mobile Application Development Series
November 9th, 2010

2. Agenda
• Web vs Native
• ‘Mobile First’
• Guiding principles

3. Web vs. Native

4. Both
• Mobile optimized sites provide accessibility
• Flagship ‘native’ apps provide ‘warm
fuzzies’*

5. But...

6. Native
• Device Hardware (GPS, user position,
device orientation, multi-touch input)
• Games

7. Web
• Re-use of existing skills
• Re-use of existing infrastructure

8. ‘Mobile First’
• @LukeW
• Focus
• Context aware

9. User context

10. vs
http://www.flickr.com/photos/yourdon/3563994877/

11. 3 Mobile Contexts*
• I am local
• I am bored
• I am micro-tasking
*Tapworthy - Josh Clark

12. Guiding Principles

13. User Experience

15. Cut

16. Cut again

19. SIMPLE
http://www.marco.org/1111087530

20. Cognitive Effort

21. An app to fly a plane!

24. Thumb zones

28. Progressive Disclosure

34. Disappear

37. Don’t make them wait
“If you have synchronous code in your app you suck”
Mike Lee (@bmf)

39. Input

47. Things to Do
• Experience
• Be ruthless with features
• Effort
• Disappear
• Input

48. Questions?

49. Resources
• Tapworthy - Josh Clark
• Mobile Design and Development - Brian
Fling
• @LukeW @globalmoxie @kgriffin @fling