UX London Workshop – April 2011

not devices... It’s about people,

http://www.flickr.com/photos/svensonsan/1040158030

http://www.flickr.com/photos/lonelyfox/4815935744

remember these...

ce n’est pas un phone

times have

changed

Released: 1998CPU: 233 MHz

RAM: 32 MB (512 MB max)Storage: 4 GB (+ optical drive)

Display: 38.1 cm Millions of coloursDimensions: 40.1 x 38.6 x 44.7 cm

Weight: 17.3 kgs

Released: 2007CPU: 412 MHzRAM: 128 MBStorage: 4 GB (8 GB max)Display: 8.9 cm Millions of coloursDimensions: 11.4 x 6.1 x 1.2 cmWeight: 135 g

<10 years...

this was ‘portable’...

http://www.flickr.com/photos/43533334@N07/5153726732

Your mobile phone has

all of NASA in 1969. more computing power than

http://history.nasa.gov/ap11ann/kippsphotos/apollo.html

NASA put a man on the moon.

http://www.flickr.com/photos/denisdervisevic/4568726847

– @moskovich ...We put a bird into pigs.

http://www.flickr.com/photos/36340796@N05/4862291108

hp://en.wikipedia.org/wiki/iPhone

iPhones sold* over 100 million

On March 2, 2011, at the iPad 2 event, Apple announced that they have sold 100 million iPhones.

but...

*2010 estimates put the population over 6.8 billion inhabitants...

6.8 billion number of people on the planet...

77%number of people with a mobile device

or 5.3 billion at the end of 2010 – U.N. Telecommunications Agency, http://www.itu.int

2.015% have an iPhone...?

percentage of world population – source: Wolfram Alpha

http://www.flickr.com/photos/pictfactory/2796367140

which brings us to...

an iPhone...

an iPhone...

an iPhone...

an iPhone...

an iPhone...

diversity

let’s play a little game

San Franciscoa

the most popular smartphone brand...

San Franciscoa

but, smartphone penetration is only 28%...

312

the most popular smartphone brand...Londonb

Londonb

but, smartphone penetration is only 32%...

312

Berlin the most popular smartphone brand...c

1

Berlin

but, smartphone penetration is only 29%...

c

2 3

...get the idea?

Smartphone market share by handset OEM (2010)Source: VisionMobile blog, Gartner, vendor releases

Nokia34%

Huawei1%

Samsung8%LG

2%

Apple16%

ZTE1%

RIM16%

Sony Ericsson3%

Motorola4%

HTC8%

Other7%

Global smartphone penetration is only 23%...http://www.visionmobile.com/blog/2011/04/100-million-club-2h10/

smartphones

Jakartac

the most popular smartphone brand...

Jakartac

1 2 3

or similar devices...

http://www.flickr.com/photos/centralasian/3239065547

– it’s just not evenly distributed." – William Gibson

"The future is already here

majority of people don’t have ‘smartphones’...

...why all this diversity?(and why it’s likely to stick around)

old world...

+ new platforms...

expect a few more!

unique

+ many new ideas...

expect many more!

= endless possibilities

http://www.flickr.com/photos/29707865@N05/2780508266

...confusing, no?

free platformslow cost components

a perfect storm

http://www.flickr.com/photos/deks/697297227

+

=

http://www.flickr.com/photos/oskay/3300199882

and a lot of disruption...

http://www.flickr.com/photos/oskay/3300199882

http://casium.fr/component/kashyap/bc_detail/109 http://www.visionmobile.com/blog/2010/09/waking-the-dragon-the-rise-of-android-in-china-2/

and a lot of disruption...+

a free operating system (Android)dual core ARM 9 @ 416MHz2G GSM/EDGE2.8” QVGA resistive touch screen2MP cameraGPSWIFI and BlueTooth silicon

<$90 components + plastic case~4 weeks to market!

= Actions-Semi, MTK, TongXinDa , Rockchip...

http://www.flickr.com/photos/aturkus/255736909

however, things may change...

Do Not Anger the Alpha Androidhttp://www.businessweek.com/magazine/content/11_15/b4223041200216.htm

yet again

...disruption?

http://www.flickr.com/photos/tanj/4432327487

the smartphone from two years ago... the feature phone of today is

breakout #1

http://www.flickr.com/photos/plings/4727867959

Diversity is a reality and will likely persist, causing us to decide which platforms(and consequently users) are “worthy” of our design time.

We’re already seeing some designers choose to only design for the newest or most powerful platforms as these (apparently) provide the very best experience (e.g gestures, performance etc).

Do you feel this a realistic approach or simply a cop out?

How do we reconcile inclusion and accessibility with the need to providea great user experience?

context

things used to be quite simple...

mobile used to mean this...

http://www.flickr.com/photos/oimax/3800475934

limited aention

tedious input

simple?

distractions

public space

glanceable?

personal

one hand

varied input methods

limited baery life

inconsistent networks

limited display +memory

varied form factors

limited CPU

varied manipulation methods

and this...

http://www.flickr.com/photos/hendry/2996622778

everything else was ‘not mobile’...

full-sized keyboard

comfy chair

focused user

work surface

environment

privacy

unlimited data

reliable power source

reliable network

http://www.flickr.com/photos/fuzzcat/22019163

most of this is still true, except...

mobile is now also this...

full-sized keyboard

comfy chair

focused user

work surface

environment

privacy

unlimited data

reliable power source

reliable network

http://www.flickr.com/photos/othree/5224045406

comfy chair

focused userprivacy

unlimited wifi?

reliable power source?

reliable network?

1hr train ride

or this...

two hands

comfy chair

prone to interruptions

privacy

reliable power source

...and what do you call this?

http://www.flickr.com/photos/joeshlabotnik/2359224681

one hand

gravity

behaviour is changing, because devices are changing...

music

business

video

something else...?

to specific activitieswhat was once targeted

with a buon or two!

a big screen...

web browser+

application layer

+ APIs

blank canvas...always on, always connected

is now a highly customisable

with a buon or two!

a big screen...

web browser+

application layer

+ APIs

camera

learningplay

creativity

navigation

music

video

work

discovery

sharing

chat

communication

escape

their own experienceenabling users to choose

so what we call ‘mobile context’is increasingly hard to pin down

http://www.flickr.com/photos/7802947@N02/5547816310

placing an inventory order

updating Facebook

mobile context

playing Bejeweled

http://www.flickr.com/photos/mujitra/4571580931

mobile context

booking a last minute trip to New York

$ git clone ...browsing Flickr

http://www.flickr.com/photos/razorshine/4662188057

writing the next chapter in her novel

buying a home...

flirting with her husband

mobile context

while the traditional ‘short-activity-or-distraction’ context is still valid

http://www.flickr.com/photos/missmeng/5327470961Source: Compete quarterly smartphone report, Jan 2010

miscellaneous downtime80% use mobile during

Source: Compete quarterly smartphone report, Jan 2010http://www.flickr.com/photos/wonderdawg777/662293238

in queues or for appointments76% use mobile while waiting

mobile is also increasingly being combined with other activities

Source: Compete quarterly smartphone report, Jan 2010http://www.flickr.com/photos/bcmom/375125992

watching television...62% use their mobile while

Source: Compete quarterly smartphone report, Jan 2010http://www.flickr.com/photos/lollaping/3327541574

point of sale research69% use mobile for

sometimes visit a site on mobile

...and follow up on the PC

59%

Source: Yahoo

to time shift...mobile is also used

Source: Yahoo

visit a site on the PC

and follow-up on mobile

34%

http://en.wikipedia.org/wiki/Piper_PA-46

“The most expensive item sold via eBay’s mobile app was a 1985 Piper PA-46-310P Malibu airplane for $265,000. “ src: Mashable

of much larger tasks...facilitating completion

http://www.flickr.com/photos/plagevinilosyadhesivosdecorativos/5549366513

and larger life decisions...

“The largest purchase on the M&S mobile web site last Christmas was two sofas costing over £3000 ($5000) “ src: Marketing Week

http://www.flickr.com/photos/chelsea_nj/4223680604

the past, present and future”to “blur the boundaries between

some services are even enabling users

http://www.flickr.com/photos/rolandslakis/99196316

...[Flirtomatic is] like time travel flirting...“

http://www.flickr.com/photos/plings/4727853585

breakout #2

What defines context when designing for connected devices?

Is it the device itself (e.g. a tablet, a smartphone, an eReader), or the very act of being mobile?

Or is it something different altogether?

interaction

a few mobile myths...

http://www.flickr.com/photos/frenchy/3375938488

http://www.flickr.com/photos/jcfrog/4692750598

myth...most device have touch screens

(or will any day now)

The first 100 Android devices

there is still lots of diversity...

http://www.flickr.com/photos/johanl/4382372758

back key

track ball

manipulation is default onsome element of indirect

the majority of Android devices...+ many BlackBerry and Windows Phones

large touch

screen

feature phone diversity

navipad

tiny screen

yesterday today

touch screen hybrid

+ keypad

input

many of these are now < $50...are they a smartphone or a featurephone?

touch phones

smartphones

tablets

feature phones

connected appliances

workstation

laptop

netbook

internet TVs

myth?you should design different experiences

for each category of device

categories are constantly morphing...

laptop

netbook

tablet

*and yes, this is in fact one device...

http://www.flickr.com/photos/mattedgar/3724116027

is this the interaction you planned for?

http://tumblr.topherhulett.com/post/3902283232/i-know-you-were-wondering-yes-the-magnets-in

iPad 2 magnets are apparently strong enough to ‘natively’ do this!

in form factor and behaviour...plan (and test) for diversity

http://www.thinkgeek.com/electronics/retro-gaming/e762/

http://www.flickr.com/photos/mattedgar/3724116027

do design for the platform...

http://dl.google.com/googleio/2010/android-android-ui-design-patterns.pdf

http://lukew.com/touch

platform specific...gestures are often

http://www.flickr.com/photos/williambrawley/4314746893

and while some are intuitive...

http://lukew.com/touch

clear cues and practice...others require

...problem is that gestures are like 21st century command lines. You need to know them to use them. – @kateho“

http://www.flickr.com/photos/_dchris/4652995362

...anything you can show and touch can be a UI...there are no standards and no expectations.- Don Norman, Gestural interfaces: A step backwards

“

http://www.flickr.com/photos/jordanfischer/61429449/

1995 all over again

http://www.flickr.com/photos/gcfairch/4114504140/

(perceived affordances)visibility

mental models

...gesture or dance move?

feedback

http://www.flickr.com/photos/mwichary/2615519568

consistency

non-destructive operations

http://www.flickr.com/photos/craigmurphy/4611017675

scalability

http://www.flickr.com/photos/fontourist/4559491659

touchMove

touchStart

touchEnd

touchCancel

browser gestures...hijacking native

are found in the browser*...the fewest (programmable) gestures

http://www.flickr.com/photos/plings/4728486842

breakout #3

How far can we take the natural interface?

Do we foresee a day where all interactions will be performed through touch?

What alternatives should we explore going forward?

the web

http://www.flickr.com/photos/adactio/932798536

the mobile web?...why even talk about

http://www.flickr.com/photos/armaggeusa/3176297283

The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it…. - Mark Weiser“

across most devices...the web is the common thread

1.3 billionalready use the mobile internet

Source: Tomi Ahonen Consulting

85% of new handsets will include a web browser by 2011

to them at that time...using whatever device makes sense

so people reach for the web

It is somewhat slow but it definitely works, in fact my teen daughter uses hers constantly... among other things she uses it to keep in touch with her friends.People discussing the Kindle browser on a message board

“

http://www.flickr.com/photos/diloz/5023417436

just happen here...but it doesn’t all

source comScore MobiLens

http://www.flickr.com/photos/pictfactory/2796367140

across all brands...people use the mobile web

source comScore MobiLens

...and types of devices

http://www.flickr.com/photos/pictfactory/2796367140

mobile is the only access point for 1/3 of internet users

USA 25%

Users who never or infrequently use the desktop web, Source: On Device Research, Dec 2010

UK 22%

India 59%

S. Africa 57%

Indonesia 44%

China 22%

Egypt 70%

Russia 19%

home ADSL~$100/mth,PAYG unlimited mobile data~$17/mth

With current growth rates, Web access by peopleon the move — via laptops and smart mobile devices – is likely to exceed web access from desktop computers within the next five years.“

...or by 2015 - Source: ITU vis mobiThinking http://www.flickr.com/photos/whiteafrican/2938685296

OperaMiniFirefox

Windows Mobile

Platform browsers Add-on browsers

SkyFire

UC Web

proxy browser

proxy browser

proxy browser

end-of-life

new

end-of-life

lots of versions

lots of versions

lots of versions

small install base

Obigo end-of-life

of mobile browsers...different types/versionsthere are more than 60

these are the most common

WebKit

most S40as of2009

as of v6.0as of 2006

them are based on WebKit...a growing number of

http://www.flickr.com/photos/wwworks/2472230611

but there is still lots of fragmentation...

http://www.flickr.com/photos/idletype/430895151

sites is hard to estimate...the number of mobile optimised

site(s) are created...often separate mobile

http://www.alistapart.com/articles/responsive-web-designhttp://m.alistapart.com/articles/responsive-web-design

redirect

to m.* sub-domain...

a subset of the desktop web...many contain only

http://www.flickr.com/photos/arhadetruit/4428714535

broken links, and exclusion...can result in lots of redirects

http://colly.com

one url for everyone = One Web

responsive design...others may opt for a more

mimic native experiences...or use web technologies to

http://www.flickr.com/photos/williambrawley/4522648456

on the web people have different expectations...very

...app or web site?

http://www.flickr.com/photos/zoetnet/4669800101/

“If I can’t see your awesome web site...it’s not really that awesome is it?”

access has become an aspect of user experience...

http://www.flickr.com/photos/plings/4728502636

breakout #4

Native apps are (for better or worse)tied to specific platforms and devices.

Should the web be different?

Does access to content on the internet amount to a human right? Should access to content from any device become a matter of legislation and accessibility?

tomorrow

What do we know about the future?

http://www.flickr.com/photos/shannonkringen/4482487843

technology will disappear

http://www.flickr.com/photos/tocaboca/5523598823

most will grow up connected

“For kids like my 13 year-old, the boundaries between the internet and life are so porous as to be meaningless. “ Comment on the Guardian web site

http://www.flickr.com/photos/carbonnyc/4213684953

interfaces will be more natural

http://www.flickr.com/photos/marcoarment/2035853550

mental models will change

http://www.flickr.com/photos/hazelwood09/3918982930

a few mistakes will be madeoften wonderful

http://www.flickr.com/photos/kimtaro/324573453

the world will be faster

http://www.flickr.com/photos/ubo_pakes/4472188820

with greater expectations

http://www.flickr.com/photos/orinrobertjohn/194302673

and a little magic

http://www.flickr.com/photos/tijanav/4885088185

http://speirs.org/blog/2011/4/1/stop-lying.html

– James Bridle

This is the world we are living in and we can either lie to ourselves about it or we can dive headlong into the new forms and effects that it produces.

http://www.flickr.com/photos/perfectoinsecto/4871175954

...what don’t we know?

http://www.flickr.com/photos/wonderlane/5333152421

...will it add meaning?

http://www.flickr.com/photos/wwworks/3156948184

...will it bring us closer together?

http://www.flickr.com/photos/goincase/4647893507

...will we all participate equally?

http://www.flickr.com/photos/mckeyhan/3356570061

...and how will it make us feel?

http://www.flickr.com/photos/plings/4727843227

breakout #5

Many of us will have an opportunity to shape the devices, behaviours, and experiences of tomorrow.

What will we choose to do?

http://www.flickr.com/photos/tinou/453593446

thank you

hello@yiibu.com