28
1 How People Really Hold & Touch How about some data? @shoobe01 #MoDevUX2013

How People Really Hold and Touch (their phones)

Embed Size (px)

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

Page 1: How People Really Hold and Touch (their phones)

1

How People Really Hold & TouchHow about some data?

@shoobe01 #MoDevUX2013

Page 2: How People Really Hold and Touch (their phones)

2

What do we know?

Page 3: How People Really Hold and Touch (their phones)

3

What do we know?

• iPhone is sized for one

hand

Page 4: How People Really Hold and Touch (their phones)

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)

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)

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)

7

Page 8: How People Really Hold and Touch (their phones)

8

Page 9: How People Really Hold and Touch (their phones)

9

Page 10: How People Really Hold and Touch (their phones)

10

Page 11: How People Really Hold and Touch (their phones)

11

Page 12: How People Really Hold and Touch (their phones)

12

• Visual targets

• Touch targets

• Interference

Page 13: How People Really Hold and Touch (their phones)

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)

14

Page 15: How People Really Hold and Touch (their phones)

15

Page 16: How People Really Hold and Touch (their phones)

16

(3438)(l)d

=V

Page 17: How People Really Hold and Touch (their phones)

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)

18

44 points

Page 19: How People Really Hold and Touch (their phones)

19

44 points

Page 20: How People Really Hold and Touch (their phones)

20

(1 pt = 1/72”)

Page 21: How People Really Hold and Touch (their phones)

21

Page 22: How People Really Hold and Touch (their phones)

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)

23

Interference:Measured on center

Minimum23 pt / 8 mm

Preferred28 pt / 10 mm

Page 24: How People Really Hold and Touch (their phones)

24

Page 25: How People Really Hold and Touch (their phones)

25

Page 26: How People Really Hold and Touch (their phones)

2626

Page 27: How People Really Hold and Touch (their phones)

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)

28

Contact me for consulting, design, to

follow up on this deck, or just to talk:

Steven Hoober

[email protected]

+1 816 210 0455

@shoobe01

shoobe01 on:

www.4ourth.com