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