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.

How People Really Hold & Touch (their phones)

1,297 views

Published on

Despite decades of research and years of carrying a touchscreen mobile handset around, there’s a lot of myth, disinformation, and half-truths about how touchscreens work, how users actually interact with touch devices, and how best to design for touch.

Participants in this session will get research findings and other data in order to clarify and set aside misunderstandings about user behavior and touchscreen technologies. You’ll learn the different ways and types of interactions for touch devices that will give you a solid base of knowledge you will then use to review how behavior and interaction can influence design patterns and design choices.

Published in: Technology, Business
  • Be the first to comment

How People Really Hold & Touch (their phones)

  1. 1. 1How People ReallyHold & Touch(their phones)@shoobe01 #mLearnCon
  2. 2. 2What do we know?
  3. 3. 3What do we know?• iPhone is sized for one hand
  4. 4. 4What do we know?• iPhone is sized for one hand• The width of fingers varies
  5. 5. 5What do we know?• iPhone is sized for one hand• The width of fingers varies• 44 points is the ideal targetsize
  6. 6. 6What do we know?• iPhone is sized for one hand• The width of fingers varies• 44 points is the ideal targetsize
  7. 7. 7
  8. 8. 8
  9. 9. 9
  10. 10. 10
  11. 11. 11
  12. 12. 12• Visual targets• Touch targets• Interference
  13. 13. 13Visual targets must:• Attract the users eye.• Look like actionableelements.• Afford the specific action.• Be trustworthy.
  14. 14. 14
  15. 15. 15
  16. 16. 16(3438)(l)d=V
  17. 17. 172.5-inchPhone3.5–5-inchPhone9–10-inchTabletText4 pt1.4 mm6 pt2.1 mm8 pt2.8 mmIconsF6 pt2.1 mm8 pt2.8 mm10 pt3.5 mmMinimum Visual Targets:
  18. 18. 18Capacitive TouchScreen
  19. 19. 19ProximityAccelerometerGryosensorLight colorGestureCover sensorLight levelCapacitive TouchScreen
  20. 20. 20
  21. 21. 2121
  22. 22. 2244 points
  23. 23. 2344 points
  24. 24. 24(1 pt = 1/72”)
  25. 25. 25
  26. 26. 26Centroid?
  27. 27. 27Touch Targets:Minimum17 pt / 6 mmPreferred23 pt / 8 mmMaximum43 pt / 15 mm
  28. 28. 28Interference:Measured on centerMinimum23 pt / 8 mmPreferred28 pt / 10 mm
  29. 29. 29
  30. 30. 3030
  31. 31. 3131
  32. 32. 322.5-inch Phone3.5–5-inchPhone9–10-inchTabletText 4 pt / 1.4 mm 6 pt / 2.1 mm 8 pt / 2.8 mmIconsF 6 pt / 2.1 mm 8 pt / 2.8 mm 10 pt / 3.5 mmMinimum Visual Targets:Minimum 17 pt / 6mmPreferred 23 pt / 8 mmMaximum43 pt / 15mmTouch Targets:Minimum 23 pt / 8 mmPreferred28 pt / 10mmInterference:Measured on center
  33. 33. 33Tablets?
  34. 34. 3434
  35. 35. 35
  36. 36. 36
  37. 37. 37
  38. 38. 38
  39. 39. 39
  40. 40. 40
  41. 41. 41Design for Touch• Follow IA, information, hierarchies• Ergonomically feasible• Don’t obscure information• Consistency• Platform conventions
  42. 42. 42Contact me for consulting, design, tofollow up on this deck, or just to talk:Steven Hoobersteven@4ourth.com+1 816 210 0455@shoobe01shoobe01 on:www.4ourth.com

×