Download - The hybrids are coming: The Era of Touchscreen Hybrids

Transcript
Page 1: The hybrids are coming: The Era of Touchscreen Hybrids

1

The hybrids are coming!

@johnwhalen #userfocus

Page 2: The hybrids are coming: The Era of Touchscreen Hybrids

Brilliant ExperienceUser Research Strategy & Ideation User Experience

@johnwhalen #userfocusMobile Apps

Page 3: The hybrids are coming: The Era of Touchscreen Hybrids

Brilliant Experience

@johnwhalen #userfocus

Page 4: The hybrids are coming: The Era of Touchscreen Hybrids

1.The hybrids are coming!

2. How behavior is changing.

3. How your team should adapt.

Page 5: The hybrids are coming: The Era of Touchscreen Hybrids

Source: http://ow.ly/ektFj

31%of US mobile phoneowners also have a

tablet computer

More web connected devices than people

by the end of 2012

23%of adults get

news on at leasttwo devices

@johnwhalen #userfocus

Page 6: The hybrids are coming: The Era of Touchscreen Hybrids

Sources: http://ow.ly/ekMrR, http://ow.ly/ekMg3

Touch devices are proliferating

Hmm, what’s this?

@johnwhalen #userfocus

Page 7: The hybrids are coming: The Era of Touchscreen Hybrids

Touch Type

@johnwhalen #userfocus

Page 9: The hybrids are coming: The Era of Touchscreen Hybrids

iPad Hybrid:Touch + Type

@johnwhalen #userfocus

Page 10: The hybrids are coming: The Era of Touchscreen Hybrids

ASUS Android Hybrid:Touch + Type

@johnwhalen #userfocus

Page 11: The hybrids are coming: The Era of Touchscreen Hybrids

Microsoft Surface Hybrid@johnwhalen #userfocus

Page 12: The hybrids are coming: The Era of Touchscreen Hybrids

12Ultrabook@johnwhalen #userfocus

Page 13: The hybrids are coming: The Era of Touchscreen Hybrids

40+ Ultrabooks by end in 2012!@johnwhalen #userfocus

Page 14: The hybrids are coming: The Era of Touchscreen Hybrids

1.The hybrids are coming!

2. How behavior is changing.

3. How your team should adapt.

Page 15: The hybrids are coming: The Era of Touchscreen Hybrids

Our study:

Page 16: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 17: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 18: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 19: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 20: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 21: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 22: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 23: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 24: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 25: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 26: The hybrids are coming: The Era of Touchscreen Hybrids

What we found:

@johnwhalen #userfocus

Page 27: The hybrids are coming: The Era of Touchscreen Hybrids

People use touch more than expected.

Source: http://intel.com @johnwhalen #userfocus

Page 28: The hybrids are coming: The Era of Touchscreen Hybrids

Interaction 1. Form field touched to select

@johnwhalen #userfocus

Page 29: The hybrids are coming: The Era of Touchscreen Hybrids

Interaction 2: Finger scrolling (right hand)

@johnwhalen #userfocus

Page 30: The hybrids are coming: The Era of Touchscreen Hybrids

Interaction 3: Finger select

@johnwhalen #userfocus

Page 31: The hybrids are coming: The Era of Touchscreen Hybrids

Interaction 4: “Thumbs Up”

@johnwhalen #userfocus

Page 32: The hybrids are coming: The Era of Touchscreen Hybrids

“There is something about the interaction of actually touching the screen and pressing a button that feels more engaging.” (Sonia, 26-United States)

@johnwhalen #userfocus

Page 33: The hybrids are coming: The Era of Touchscreen Hybrids

1.The hybrids are coming!

2. How behavior is changing.

3. How your team should adapt.

Page 34: The hybrids are coming: The Era of Touchscreen Hybrids

1. Place actions in easy to click locations

Source: lukew.com@johnwhalen #userfocus

Page 35: The hybrids are coming: The Era of Touchscreen Hybrids

35@johnwhalen #userfocus

Page 36: The hybrids are coming: The Era of Touchscreen Hybrids

36@johnwhalen #userfocus

Page 37: The hybrids are coming: The Era of Touchscreen Hybrids

2. Ensure targets are sufficiently large

37Source: lukew.com

@johnwhalen #userfocus

Page 38: The hybrids are coming: The Era of Touchscreen Hybrids

Touch target sizes

38

23 x 23px (6mm)

Source: lukew.com@johnwhalen #userfocus

Page 39: The hybrids are coming: The Era of Touchscreen Hybrids

@johnwhalen #userfocus

Page 40: The hybrids are coming: The Era of Touchscreen Hybrids

Reconsider your responsive designs

@johnwhalen #userfocus

Page 41: The hybrids are coming: The Era of Touchscreen Hybrids

41@johnwhalen #userfocus

Page 42: The hybrids are coming: The Era of Touchscreen Hybrids

3. Limit the number of clickable items down the right where people scroll

@johnwhalen #userfocus

Page 43: The hybrids are coming: The Era of Touchscreen Hybrids

3. Limit the number of clickable items down the right where people scroll

@johnwhalen #userfocus

Page 44: The hybrids are coming: The Era of Touchscreen Hybrids

4. Reconsider your responsive designs - account for touch on large screens

@johnwhalen #userfocus

Page 45: The hybrids are coming: The Era of Touchscreen Hybrids

In Summary

@johnwhalen #userfocus

1. The hybrids are coming!

2. How behavior is changing.

3. How your team should adapt.

Page 46: The hybrids are coming: The Era of Touchscreen Hybrids

46

1. The hybrids are coming!@johnwhalen #userfocus

Page 47: The hybrids are coming: The Era of Touchscreen Hybrids

47@johnwhalen #userfocus

Finger form selecting

Finger scrolling

Touchselecting “Mr Thumbs”

2. Behavior is changing

Page 48: The hybrids are coming: The Era of Touchscreen Hybrids

48@johnwhalen #userfocus

1. Put actions in touch friendly locations

3. How your team should adapt:

Page 49: The hybrids are coming: The Era of Touchscreen Hybrids

49@johnwhalen #userfocus

2. Make sure your targets are large enough

How your team should adapt:

Page 50: The hybrids are coming: The Era of Touchscreen Hybrids

50@johnwhalen #userfocus

How your team should adapt:

3. Avoid links on right side of forms where people scroll

Page 51: The hybrids are coming: The Era of Touchscreen Hybrids

51@johnwhalen #userfocus

How your team should adapt:

4. Reconsider your responsive designs - account for touch on large screens

Page 52: The hybrids are coming: The Era of Touchscreen Hybrids

Brilliant Experience

@johnwhalen #userfocus

Page 53: The hybrids are coming: The Era of Touchscreen Hybrids

John Whalen

@johnwhalen

User Research Strategy User Experience

BrilliantExperience.com

[email protected]

Mobile