5 Storytelling Lessons From Superhero Stories
Seu SlideShare está sendo baixado.
×
Confira estes a seguir
![](http://img.youtube.com/vi/["-_czcFsv0I8"]/1.jpg)
Recomendadas
Mais Conteúdo rRelacionado
Diapositivos para si (20)
Quem viu também gostou (19)
Semelhante a How People Really Hold and Touch (their Phones) (20)
Mais de Steven Hoober (20)
Mais recentes (20)
How People Really Hold and Touch (their Phones)
- 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
