How People Really Hold and Touch (their Phones)

For the newest version of this presentation, always go to: 4ourth.com/tppt For the latest

1/74 Documents & Tips - Sharing is our passion

Share This Page

  1. Steven Hoober
    For the newest version of this presentation, always go to: 4ourth.com/tppt
    For the latest
    Transcript Header:
    How People Really Hold and Touch (their Phones)
    Transcript Body:
    • 1 Design for Fingers, Touch and People How people really hold and touch their mobile devices @shoobe01 #mLearnCon
    • 2 We are outnumbered.
    • 3 More mobiles than computers.
    • 4 80% growth in 2013.
    • 5 Users prefer mobile.
    • 6 Design for mobile.
    • 7
    • 8 What we used to know:What we used to know: 44 px
    • 9 But now we know for real.
    • 10
    • 11 1,333 19 120,626,225 651
    • 12
    • 13 Touch is not about • Finger size • Reach • No-go corners • Pinpoint accuracy
    • 14
    • 151515
    • 161616
    • 171717 62% 24% 9%
    • 18
    • 19
    • 20
    • 21 (3438)(l )d =V
    • 22 6 pt 8 pt
    • 23 Make your targets work.
    • 24 • Attract the eye • Afford action • Readable • The right size
    • 25
    • 26 Touch
    • 27
    • 28
    • 29 CEP R95 29
    • 30
    • 31 Avoid the edges.
    • 32
    • 33
    • 34 Design by zones.
    • 35
    • 36 FingersFingers get in the way.
    • 3737
    • 3838
    • 39 Don’t obscure your information or functions.
    • 40 Work at scale.
    • 4141
    • 42 Check at scale.
    • 4343
    • 4444
    • 4545
    • 46 10 design guidelines for fingers, touch and people
    • 47 1 Your users are not like you. 49% 26% 10%36%
    • 48 2 Move content and controls toward the middle.
    • 49 4 Don’t obscure information
    • 50 3 Make room for scrolling. 50
    • 51 5 Account for distance by adjusting size. 2.5” 3.5” 5” 7-10” In Stand 4 pt 6 pt 7 pt 8 pt 10 pt
    • 52 6 Whole rows, larger touch targets.
    • 53 6 Whole rows, larger touch targets.
    • 54 7 Design by zones.
    • 55 8 Make taps affordable.
    • 56 9 Respect edges and bezels 56
    • 5757 10 Design, test and demo at scale.
    • 58 Steven Hoober steven@4ourth.com +1 816 210 0455 @shoobe01 shoobe01: www.4ourth.com
    • 59
    • 60 4ourth.com/tppt 4ourth.com/tvid
    • 61 Read more on design for touch, mobile and people: 4ourth.com/wrtg
    • 62 Appendix: Touch technology, additonal data, and other stuff
    • 63 • Orientation: 60% Landscape, 40% portrait, but… which device did you mean? • 84% touch with the right hand. • Age, sex, region? No perceptible changes but…
    • 6464
    • 65
    • 66
    • 6767
    • 68
    • 69 Capacitive Touch Screen
    • 70 Proximity Accelerometer Gryosensor Light color Gesture Cover sensor Light level Capacitive Touch Screen
    • 71
    • 72 Programming Touch Events
    • 7373
    • 74 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
    View More

Recent Reviews

  1. Gorgeousgarima26
    Gorgeousgarima26
    5/5,
    Version: 05/02/2014
    nyc..
  2. Steven Hoober
    Steven Hoober
    3/5,
    Version: 05/02/2014
    I redid the narration, and since slideshare is so bad at supporting typography, embedded video, animation and transitions, just added this video (hosted by YouTube) to the end of the deck. That may be a better way to watch it.
  3. Steven Hoober
    Steven Hoober
    4/5,
    Version: 05/02/2014
    @undefined Sorry I missed your comment, I didn't know I was getting any so will have to update preferences.

    The latest deck is linked from 4ourth.com/tppt

    Speaker notes are exactly what I say in webinars, so that will do usually, and a (slightly older) version of video is at 4ourth.com/tvid
  4. Cyril Danthi
    Cyril Danthi
    4/5,
    Version: 05/02/2014
    nice presentation
  5. brandonty
  6. Karl Sander
    Karl Sander
    5/5,
    Version: 05/02/2014
    Video or audio of this presentation would be really great. The topic is fascinating and the slides are great in the sense that they aren't overloaded and great for a talk. But that makes them somewhat incomprehensible on their own.
  7. Laura Blanco Garca
    Laura Blanco Garca
    3/5,
    Version: 05/02/2014
    Great slideshow!! Data gathered here seems truly useful for UX designers. I agree with Karl Sander's comment: for instance, slide number 11 is pretty difficult to understand. Cheers and thanks for sharing!!
  8. Dimitri Visser
    Dimitri Visser
    4/5,
    Version: 05/02/2014
    Thanks for sharing!
  9. Startupbootcamp HighTechXL
    Startupbootcamp HighTechXL
    5/5,
    Version: 05/02/2014
    Amazing (logic :) insights, and good to see all in one overview!
  10. Vijaya SawantPMP OCP
    Vijaya SawantPMP OCP
    5/5,
    Version: 05/02/2014
    Great presentation. Now I know why the letters are not being seen correctly on the screen.