1
How People Really Hold & TouchHow about some data?
@shoobe01 #MoDevUX2013
2
What do we know?
3
What do we know?
• iPhone is sized for one
hand
4
What do we know?
• iPhone is sized for one
hand
• The width of fingers
varies
5
What do we know?
• iPhone is sized for one
hand
• The width of fingers
varies
• 44 points is the ideal
target size
6
What do we know?
• iPhone is sized for one
hand
• The width of fingers
varies
• 44 points is the ideal
target size
7
8
9
10
11
12
• Visual targets
• Touch targets
• Interference
13
Visual targets must:
• Attract the user's eye.
• Look like actionable
elements.
• Afford the specific action.
• Be trustworthy.
14
15
16
(3438)(l)d
=V
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:
18
44 points
19
44 points
20
(1 pt = 1/72”)
21
22
Touch Targets:
Minimum17 pt / 6 mm
Preferred23 pt / 8 mm
Maximum43 pt / 15 mm
23
Interference:Measured on center
Minimum23 pt / 8 mm
Preferred28 pt / 10 mm
24
25
2626
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
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
