How the i pad has changed us

How the iPad has changed us Giles Colborne cxpartnersImage: Mike Licht, NotionsCapital.com 1

Let’s begin bygoing back about130 years:What on earth isthis? Photo © Martin Howard, by kind permission. www.antiquetypewriters.com 2

if you said‘it’s a typewriter’then well done! Photo © Martin Howard, by kind permission. www.antiquetypewriters.com 3

Another early typewriter. There’s no keyboard. You select letters with a stylus.Photo © Martin Howard, by kind permission. www.antiquetypewriters.com 4

You could ‘type’ bypressing somebuttons. why notarrange the buttons ina circle? Photo © Martin Howard, by kind permission. www.antiquetypewriters.com 5

At last! a recognisable typewriter. the keys are arranged in a convenient grid, the paper feeds through a roll. We’re still using this format. optimal designs aren’t always obvious.Photo © Martin Howard, by kind permission. www.antiquetypewriters.com 6

This is the xerox Alto -the first computerwith windows, akeyboard and a mouse.this design is about40 years old Butit remains thetemplate forcomputers today. That doesn’t mean it’s the ‘best’ design. as you saw with the typewriters, there’s no reason a computer has to look like what’s gone before. This interface may not even be particularly easy to use. 7

Cameron Moll’s video of his 4 yearold son using an XO laptop(designed for children!) is painful.his son struggles to coordinatebetween trackpad and screen, tofigure out what’s happening, or toknow which button to press.After a minute’s use (guidedfrequently by cameron) he’s stillnot able to start the drawingsoftware let alone draw a picture.keyboard+trackpad+Windows isnot intuitive. (though it’s betterthan prior alternatives.) 8

when you watch small children withipads, you’re struck by how quicklythey take to using them.The abstract layer of the mouse(or trackpad) and keyboard hasgone. Now you interact directlywith the images you see on thescreen.This makes a huge difference. assoon as you touch the screen, it’sclear whether something is‘clickable’ and what it does. 9

#1 It’s changing how weinteract with computers ...and that change is opening up computing to new audiences. 10

by taking design cuesfrom the real world,you can give usersstrong clues aboutwhat they should do.what’s hidden in thatstack of photos? maybeif i touch it...When i watchmainstream usersusing touchscreentablets for the firsttime i’m struck by howwilling they are toexperiment, comparedto their awkward,anxious prods at mouseor keyboard. 11

a new interface like this isexciting for designers who wantto experiment.But a word of warning. when wewatch mainstream users tryingto use outlandish ‘minorityreport’ interfaces, they don’trate them.They like the eye-candy. But theyprefer to use interfaces thathave simple interactions - likethese photo stacks. 12

weird interfaces ≠ value add experiments belong in the lab. aficionados praise novel approaches, but be cautious about introducing new ideas to mainstream users. they are most comfortable with minimalist interfaces (Like a stack of photos to shuffle) or familiar interfaces (like a piano keyboard to play). to reach the mainstream: keep it simple or familiar. 13

design purists hate ‘crass’interfaces like the yellow linednotepad. But mainstream userssmile when they see this becausethey know what to do next.A strong cue that speaksclearly to users is a valuableally (so long as your cue ormetaphor doesn’t get in the wayof the user’s task). 14

Tablets are alsochanging when wechoose to interactwith computers.these graphs are fromreaditlater.com -software that letsyou save web pages tolook at later.This graph shows whenpeople are saving... 15

This one shows whenthey are looking atsaved pages on theircomputers... 16

and when they arereading on theiriPhones... 17

...and on their ipADs.Two Big spikes duringbreakfast and lateevening ‘me’ time.almost the opposite ofthe computer. 18

#2 It’s changing where weinteract with computers in other words: people use them on the sofa, in bed, and places where they wouldn’t normally use computers. You need to design for new contexts. 19

the best way tounderstand context isto take your designsinto the real world. Omni designed omnigraffle (a drawing app) for ipad before the device wasavailable. so they builtsome iPads - from they learned thatwood and paper - and advanced editing on thecarried them around move was a chore. So theythe office to see how cut those features.it felt to use them. And they found that in meetings people wanted to share quick sketches. So they added new sketching features. all this from carrying blocks of wood. Context can tell you a lot 20

task context deborah hinman points out that context hassocial context several components. For instance, ipadsspatial context have different social rules to PCs - they get handed around easily.temporal context it’s hard to design for all these contexts at once. instead, try to find the one that dominates, and design for that first. 21

a confession: i’m notan ipad user.i mean, i own one. but iknow it’s not for me.it isn’t meant to be. 22

#3It’s changing who uses computers it’s for mainstreamers - people who aren’t interested in computers. 23

you’re probably anexpert... Experts Mainstreamers precise control easy control perfect results reliable results principles examples dismantle it avoid breaking it defer gratiﬁcation instant gratiﬁcation but mainstreamers have a different set of goals, attitudes and behaviours. never design by saying ‘well, i would use it to...’ 24

so, when you design fortablets like iPad: What you should do... Simplify, simplify, simplify Provide familiar, strong cues Design for interruption Prototype in the real world Build for the mainstream 25

Thanks! Giles Colborne giles.colborne@cxpartners.co.uk @gilescolborneMore tips on keeping it simple(available at Amazon, B&N, etc.) 26

http://tablets-esic.blogspot.com	528
http://www.cxpartners.co.uk	360
http://tablets-esic.blogspot.mx	171
http://tablets-esic.blogspot.com.es	133
http://incredibleadventure.nl	89
http://aplicaciones-sistinforgestion.blogspot.com	86
http://www.saysaysay.de	85
http://10.100.105.13	80
http://lagranmanzanita.blogspot.com	74
https://bblearn.uidaho.edu	69
http://www.tablets-esic.blogspot.com	68
http://tablets-esic.blogspot.com.ar	56
http://www.johnarudkin.net	35
http://vsites.villanova.edu	29
http://tablets-esic.blogspot.com.br	24
http://hspshed.com	21
https://www.coursesites.com	20
http://www.aplicaciones-sistinforgestion.blogspot.com	18
http://www.siggyvolgt.nl	16
http://4bieslafortunaestefaniacatana.blogspot.com.es	16
http://theantisofa.wordpress.com	13
http://huguesrey.wordpress.com	12
http://paper.li	11
http://elconsultorinformatico.blogspot.com	10
http://parkhe.typepad.com	10
http://www.tablets-esic.blogspot.com.es	8
http://4bieslafortunaestefaniacatana.blogspot.com	8
http://mariaxystrablog.blogspot.com	8
http://twitter.com	6
http://feeds.feedburner.com	6
http://aplicaciones-sistinforgestion.blogspot.com.es	6
http://moondaesa.tistory.com	6
http://10.100.105.13:8050	5
http://janienbenaets.wordpress.com	5
http://yas.x10hosting.com	5
http://tablets-esic.blogspot.pt	4
http://www.google.com	4
https://172.24.48.90	4
http://courses.cscc.edu	3
http://saysaysay.de	3
http://moodle18.dgd.uaa.mx	3
http://bytes.fallonhotdish.com	3
http://wp-cx	3
http://cxpartners.clients.metro55.com	3
http://lookatluca.tumblr.com	3
http://monillavador.blogspot.com	2
http://www.tumblr.com	2
url_unknown	2
https://online.manchester.ac.uk	2
http://moodle.flyuvu.com	1
http://johnarudkin.net	1

How the i pad has changed us

by cxpartners on Feb 14, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

63 Embeds 2,152

Statistics

How the i pad has changed us — Presentation Transcript