View
4.966
Download
0
Category
Tags:
Preview:
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.php
Citation preview
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
steven@4ourth.com
+1 816 210 0455
@shoobe01
shoobe01 on:
www.4ourth.com
Recommended