Every Screen is a Touchscreen

2,237 views

Published on

Michael Lowry, Design Director of Mobile at Fidelity Investments, presented "Every Screen is a Touchscreen" at Harvard ABCD's May 8th 2013 meeting. Summary: The era of the mouse and desktop is quickly fading yet many designers are still approaching user interfaces with dated design principles and patterns. Designers now need to account for a multitude of new device types and input methods. Michael exposes some of the complexities and opportunities of this new world and suggest that assuming all screens are touchscreens is a necessary first-step to a successful web design.

Published in: Technology

Every Screen is a Touchscreen

  1. 1. All Screens areTouch Screens
  2. 2. Michael LowryMobile Design Director, Fidelity Investments
  3. 3. TouchDriven
  4. 4. TouchDrivenPointerDriven
  5. 5. Touch & PointerDriven
  6. 6. Touch & PointerDriven
  7. 7. “We’ve donetons of usertesting on this”
  8. 8. “and it turnsout it doesn’twork”
  9. 9. “after an extended periodof time, your arm wantsto fall off”
  10. 10. Why Apple Will Never Ship a TouchscreenMacBook
  11. 11. Steve Jobs: Touchscreen Laptops Don’tWork
  12. 12. Why ‘Gorilla Arm Syndrome’ Rules OutMultitouch Notebook Displays
  13. 13. TouchDrivenPointerDriven
  14. 14. Daria LoiUX Innovation Manager @ Intel
  15. 15. Touch No Touch
  16. 16. ✓Change settings✓Create PPT slide✓Write email✓Browse✓Search✓Online purchase✓Video calling✓Crop imageTouch No Touch
  17. 17. Hybrid Devices
  18. 18. Tablet Convertible Traditional
  19. 19. Appropriate Targets Varied EnvironmentSimple GesturesMinimize Typing1 243
  20. 20. Appropriate Targets Varied EnvironmentSimple GesturesMinimize Typing243
  21. 21. Appropriate Targets Varied EnvironmentSimple GesturesMinimize Typing43
  22. 22. Appropriate Targets Varied EnvironmentSimple GesturesMinimize Typing4
  23. 23. Appropriate Targets Varied EnvironmentSimple GesturesMinimize Typing
  24. 24. Primary Control Location
  25. 25. Tiny Icon TargetsTight SpacingPrimary Control LocationTiny Text Targets
  26. 26. Tiny Icon TargetsTight SpacingPrimary Control LocationTiny Text TargetsRequired Typing
  27. 27. Tiny Icon TargetsTight SpacingPrimary Control LocationTiny Text TargetsRequired TypingLots of Scrolling
  28. 28. Financial Times
  29. 29. Financial Times
  30. 30. Do
  31. 31. Do
  32. 32. Quartz
  33. 33. Quartz
  34. 34. Pulse
  35. 35. Pulse
  36. 36. WageWorks
  37. 37. WageWorks
  38. 38. Deloitte GA
  39. 39. BootMetro
  40. 40. Fusion
  41. 41. Microsoft Store
  42. 42. Microsoft StoreJosh Clark
  43. 43. Microsoft StoreJosh ClarkLuke Wrorkerlubski?
  44. 44. Microsoft StoreJosh ClarkLuke Wrorkerlubski?Evan Gerber
  45. 45. pointer
  46. 46. voicetouchpointer
  47. 47. voiceneuromusculargesturesdevicesocularbrainwavestouchpointer
  48. 48. Maxims
  49. 49. My users will have a choice ofinput methods...Maxims
  50. 50. My users will have a choice ofinput methods...Their devices will be biased towardone of those methods.Maxims

×