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

The hybrids are coming: The Era of Touchscreen Hybrids