Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Designing for Mobile - Todd Bartz


Published on

Todd Bartz will present a quick overview on what space150 has learned in designing for the mobile experience. The talk will cover the opportunities and potential pitfalls unique to mobile. Todd will also offer thoughts on the future of the medium.

  • Be the first to comment

Designing for Mobile - Todd Bartz

  1. 1. DESIGNING FOR MOBILE “ Gotchas” to get it. What we’ve learned so far. DEEPSPACE mobile
  2. 2. Know your user. DEEPSPACE mobile
  3. 4. Mobile has context. DEEPSPACE mobile
  4. 5. Interruptive and distraction experience
  5. 6. mobile has context <ul><li>Interruptive & distraction experience </li></ul>- Multi-tasking - Distraction = Entertainment/ Gaming DEEPSPACE mobile
  6. 7. mobile has context <ul><li>interruptive & distraction experience </li></ul><ul><li>Incremental experience </li></ul>- Stop/start interaction DEEPSPACE mobile
  7. 8. Solution: Build use case around your users context. DEEPSPACE mobile
  8. 9. DEEPSPACE mobile
  9. 10. DEEPSPACE mobile
  10. 11. Have you used a mobile phone lately? DEEPSPACE mobile
  11. 12. Design for people who can’t read good
  12. 13. 32 AT&T 39 Verizon 30 Sprint 33 T-mobile Number of device types currently sold by the Top four carriers. DEEPSPACE mobile
  13. 14. scroll wheel trackball touch screen stylus numeric keypad QWERTY keyboard “ sure”type t-9 keyboard d-pad joystick DEEPSPACE mobile
  14. 15. Solution: Less is more. DEEPSPACE mobile
  15. 16. design for less <ul><li>balance content with clicks </li></ul><ul><li>consider screen size and scroll-ability </li></ul><ul><li>keep navigation simple. </li></ul><ul><li>big buttons, quick links, “start over” button </li></ul><ul><li>streamline content </li></ul><ul><li>can’t rely on consistent formatting </li></ul><ul><li>hardware has limits </li></ul><ul><li>small cache size and working memory </li></ul>DEEPSPACE mobile
  16. 17. DEEPSPACE mobile
  17. 18. Dive deep on the technology. DEEPSPACE mobile
  18. 19. 19+ Mobile browsers embedded by carriers or device manufacturers Mobile SafariPocket Internet ExplorerBlackberry BrowserOpera MiniOpenwaveBrewBlazer (Palm) Nokia NetfrontSidekick Browser (Danger)Android DEEPSPACE mobile
  19. 20. 21+ Number of user installable mobile browsers DEEPSPACE mobile
  20. 21. iPhone Rendering DEEPSPACE mobile
  21. 22. iPhone Rendering DEEPSPACE mobile
  22. 23. Blackberry Rendering DEEPSPACE mobile
  23. 24. Windows Mobile Rendering DEEPSPACE mobile
  24. 25. Moto RAZR Rendering DEEPSPACE mobile
  25. 26. Solution: Test, test, test. But build for the future. DEEPSPACE mobile
  26. 27. Standards will save us all. <ul><li>Device churn will bring newer standards based software into the mix </li></ul><ul><li>new browsers from MS, Nokia, Android, Mozilla/Firefox, Opera focusing on desktop equivalent rendering. </li></ul><ul><li>Lower end devices = lower end users </li></ul><ul><li>value-conscious users aren’t paying for mobile data </li></ul>DEEPSPACE mobile
  27. 28. Know your user. Imagine a solid mobile use case. Less is more Design for simple, short interactions Build for the future. Develop with standards, let the mobile past go. DEEPSPACE mobile
  28. 29. Q+A DEEPSPACE mobile