Mobile Design Concepts

574 views

Published on

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

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
574
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mobile Design Concepts

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

×