how people really hold and touch (their phones)
DESCRIPTION
Despite decades of research and years of us all carrying a touchscreen mobile handset around, there’s a lot of myth, disinformation and half truth about how they work, and how best to design for touch. Steven has evaluated dozens of studies and performed some of his own to find out how your users really grasp their phones, and how to make touch targets that work reliably. Find out how humans interface with touchscreen mobile devices, and how you can apply this information to your designs today. Presented at MoDevUX2013, 10 May 2013 and based on two articles with many references you should probably read also: http://www.uxmatters.com/mt/archives/2013/03/common-misconceptions-about-touch.php http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.phpTRANSCRIPT
![Page 1: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/1.jpg)
1
How People Really Hold & TouchHow about some data?
@shoobe01 #MoDevUX2013
![Page 2: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/2.jpg)
2
What do we know?
![Page 3: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/3.jpg)
3
What do we know?
• iPhone is sized for one
hand
![Page 4: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/4.jpg)
4
What do we know?
• iPhone is sized for one
hand
• The width of fingers
varies
![Page 5: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/5.jpg)
5
What do we know?
• iPhone is sized for one
hand
• The width of fingers
varies
• 44 points is the ideal
target size
![Page 6: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/6.jpg)
6
What do we know?
• iPhone is sized for one
hand
• The width of fingers
varies
• 44 points is the ideal
target size
![Page 7: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/7.jpg)
7
![Page 8: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/8.jpg)
8
![Page 9: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/9.jpg)
9
![Page 10: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/10.jpg)
10
![Page 11: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/11.jpg)
11
![Page 12: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/12.jpg)
12
• Visual targets
• Touch targets
• Interference
![Page 13: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/13.jpg)
13
Visual targets must:
• Attract the user's eye.
• Look like actionable
elements.
• Afford the specific action.
• Be trustworthy.
![Page 14: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/14.jpg)
14
![Page 15: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/15.jpg)
15
![Page 16: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/16.jpg)
16
(3438)(l)d
=V
![Page 17: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/17.jpg)
17
2.5-inch Phone
3.5–5-inch
Phone
9–10-inch Tablet
Text4 pt
1.4 mm6 pt
2.1 mm8 pt
2.8 mm
IconsF
6 pt2.1 mm
8 pt2.8 mm
10 pt3.5 mm
Minimum Visual Targets:
![Page 18: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/18.jpg)
18
44 points
![Page 19: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/19.jpg)
19
44 points
![Page 20: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/20.jpg)
20
(1 pt = 1/72”)
![Page 21: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/21.jpg)
21
![Page 22: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/22.jpg)
22
Touch Targets:
Minimum17 pt / 6 mm
Preferred23 pt / 8 mm
Maximum43 pt / 15 mm
![Page 23: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/23.jpg)
23
Interference:Measured on center
Minimum23 pt / 8 mm
Preferred28 pt / 10 mm
![Page 24: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/24.jpg)
24
![Page 25: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/25.jpg)
25
![Page 26: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/26.jpg)
2626
![Page 27: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/27.jpg)
27
2.5-inch Phone
3.5–5-inch Phone
9–10-inch Tablet
Text 4 pt / 1.4 mm 6 pt / 2.1 mm 8 pt / 2.8 mm
IconsF 6 pt / 2.1 mm 8 pt / 2.8 mm
10 pt / 3.5 mm
Minimum Visual Targets:
Minimum17 pt / 6mm
Preferred23 pt / 8
mm
Maximum43 pt / 15
mm
Touch Targets:
Minimum23 pt / 8
mm
Preferred28 pt / 10
mm
Interference:Measured on center
![Page 28: How People Really Hold and Touch (their phones)](https://reader038.vdocuments.net/reader038/viewer/2022110118/5552d466b4c90581158b54b5/html5/thumbnails/28.jpg)
28
Contact me for consulting, design, to
follow up on this deck, or just to talk:
Steven Hoober
+1 816 210 0455
@shoobe01
shoobe01 on:
www.4ourth.com