The hybrids
are coming!
@johnwhalen #userfocus 1

Brilliant Experience
User Research Strategy & Ideation User Experience
Mobile Apps
@johnwhalen #userfocus

Brilliant Experience
@johnwhalen #userfocus

1.The hybrids are coming!
2. How behavior is changing.
3. How your team should adapt.

31%
of US mobile phone
23%of adults get
owners also have a news on at least
tablet computer two devices
More web connected
devices than people
by the end of 2012
@johnwhalen #userfocus Source: http://ow.ly/ektFj

Touch devices are proliferating
Hmm,
what’s
this?
@johnwhalen #userfocus Sources: http://ow.ly/ekMrR, http://ow.ly/ekMg3

Touch Type
@johnwhalen #userfocus

Should we build a hybrid?
@johnwhalen #userfocus Source: http://ow.ly/ekNxO

iPad Hybrid:
Touch + Type
@johnwhalen #userfocus

ASUS Android Hybrid:
Touch + Type
@johnwhalen #userfocus

Microsoft Surface Hybrid
@johnwhalen #userfocus

@johnwhalen #userfocus
Ultrabook 12

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

1.The hybrids are coming!
2. How behavior is changing.
3. How your team should adapt.

Our study:

@johnwhalen #userfocus

@johnwhalen #userfocus

@johnwhalen #userfocus

@johnwhalen #userfocus

@johnwhalen #userfocus

@johnwhalen #userfocus

@johnwhalen #userfocus

@johnwhalen #userfocus

@johnwhalen #userfocus

@johnwhalen #userfocus

What we found:
@johnwhalen #userfocus

People use touch more than expected.
Source: http://intel.com
@johnwhalen #userfocus

Interaction 1. Form field touched to select
@johnwhalen #userfocus

Interaction 2: Finger scrolling (right hand)
@johnwhalen #userfocus

Interaction 3: Finger select
@johnwhalen #userfocus

Interaction 4: “Thumbs Up”
@johnwhalen #userfocus

“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

1.The hybrids are coming!
2. How behavior is changing.
3. How your team should adapt.

1. Place actions in easy to click locations
Source: lukew.com
@johnwhalen #userfocus

@johnwhalen #userfocus 35

@johnwhalen #userfocus 36

2. Ensure targets are sufficiently large
Source: lukew.com
@johnwhalen #userfocus 37

Touch target sizes
23 x 23px (6mm)
Source: lukew.com
@johnwhalen #userfocus 38

@johnwhalen #userfocus

Reconsider your responsive designs
@johnwhalen #userfocus

@johnwhalen #userfocus 41

3. Limit the number of clickable items
down the right where people scroll
@johnwhalen #userfocus

3. Limit the number of clickable items
down the right where people scroll
@johnwhalen #userfocus

4. Reconsider your responsive designs -
account for touch on large screens
@johnwhalen #userfocus

In Summary
1. The hybrids are coming!
2. How behavior is changing.
3. How your team should adapt.
@johnwhalen #userfocus

1. The hybrids are coming!
@johnwhalen #userfocus 46

2. Behavior is changing
Finger form Finger
selecting scrolling
Touch
selecting “Mr Thumbs”
@johnwhalen #userfocus 47

3. How your team should adapt:
1. Put actions in touch friendly locations
@johnwhalen #userfocus 48

How your team should adapt:
2. Make sure your targets are large enough
@johnwhalen #userfocus 49

How your team should adapt:
3. Avoid links on right side of forms where
people scroll
@johnwhalen #userfocus 50

How your team should adapt:
4. Reconsider your responsive designs -
account for touch on large screens
@johnwhalen #userfocus 51

Brilliant Experience
@johnwhalen #userfocus

John Whalen
jw@brilliantexperience.com
@johnwhalen
User Research Strategy User Experience
Mobile
BrilliantExperience.com