4. this was ‘portable’...
<10 years...
Released: 1998 Released: 2007
CPU: 233 MHz CPU: 412 MHz
RAM: 32 MB (512 MB max) RAM: 128 MB
Storage: 4 GB (+ optical drive) Storage: 4 GB (8 GB max)
Display: 38.1 cm Millions of colours Display: 8.9 cm Millions of colours
Dimensions: 40.1 x 38.6 x 44.7 cm Dimensions: 11.4 x 6.1 x 1.2 cm
Weight: 17.3 kgs Weight: 135 g
5. Your mobile phone has
more computing power than
all of NASA in 1969.
http://www.flickr.com/photos/43533334@N07/5153726732
6. NASA put a man on the moon.
http://history.nasa.gov/ap11ann/kippsphotos/apollo.html
7. ...We put a bird into pigs.
– @moskovich
http://www.flickr.com/photos/denisdervisevic/4568726847
8. over 100 million
iPhones sold*
hp://en.wikipedia.org/wiki/iPhone
On March 2, 2011, at the iPad 2 event, Apple announced that they have sold 100 million iPhones.
http://www.flickr.com/photos/36340796@N05/4862291108
23. Other
7%
HTC
8%
Nokia
Motorola 34%
4%
Sony Ericsson
3%
RIM
16%
Huawei
1%
Apple
16% Samsung
ZTE
LG 8%
1%
2%
Smartphone market share by handset OEM (2010)
Source: VisionMobile blog, Gartner, vendor releases
27. "The future is already here
– it’s just not evenly distributed."
– William Gibson
majority of people don’t
have ‘smartphones’...
http://www.flickr.com/photos/centralasian/3239065547
28. ...why all this diversity?
(and why it’s likely to stick around)
35. and a lot of disruption...
http://www.flickr.com/photos/oskay/3300199882
36. a free operating system (Android)
dual core ARM 9 @ 416MHz2G GSM/EDGE
2.8” QVGA resistive touch screen
2MP camera
GPS
+ WIFI and BlueTooth silicon
= <$90 components + plastic case Actions-Semi, MTK, TongXinDa , Rockchip...
~4 weeks to market!
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/
http://www.flickr.com/photos/oskay/3300199882
37. yet again
however, things may change...
...disruption?
Do Not Anger the Alpha Android
http://www.businessweek.com/magazine/content/11_15/b4223041200216.htm
http://www.flickr.com/photos/aturkus/255736909
38. the feature phone of today is
the smartphone from two years ago...
http://www.flickr.com/photos/tanj/4432327487
39. Diversity is a reality and will likely persist,
causing us to decide which platforms breakout #1
(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 provide
a great user experience?
http://www.flickr.com/photos/plings/4727867959
42. public space
distractions
limited aention
mobile used to mean this...
glanceable?
one hand simple?
tedious input
personal
http://www.flickr.com/photos/oimax/3800475934
43. inconsistent limited
networks baery life
limited
display +
memory
limited
CPU
varied manipulation
methods
varied form factors
varied input methods
and this...
http://www.flickr.com/photos/hendry/2996622778
44. envir
onme
n t focused user
privacy
reliable
network
unlimited
data
everything else was ‘not mobile’...
comfy chair
full-sized keyboard
work surface
reliable power source
http://www.flickr.com/photos/fuzzcat/22019163
46. environment
focused user
reliable
network
unlimited
data
mobile is now also this...
privacy
full-sized work surface
keyboard
comfy chair
reliable power source
http://www.flickr.com/photos/othree/5224045406
47. 1hr train ride focused user
privacy
reliable
network? comfy
unlimited wifi? chair
two
hands
reliable power source?
or this...
48. comfy
chair privacy
one hand
reliable power prone to
source interruptions
gravity
...and what do you call this?
http://www.flickr.com/photos/joeshlabotnik/2359224681
50. what was once targeted
to specific activities
business
video
music
something else...?
51. a big screen...
web browser
+
is now a highly customisable
application
layer always on, always connected
+ blank canvas...
APIs
with a buon or two!
52. camera
a big screen...
work communication
play
sharing
web browser
learning
+
enabling users to choose
application
layer music their own experience
+
APIs
escape
chat
navigation
discovery
with a buon or two!
creativity
video
53. so what we call ‘mobile context’
is increasingly hard to pin down
54. placing an inventory order
playing Bejeweled updating Facebook
mobile context
http://www.flickr.com/photos/7802947@N02/5547816310
55. mobile context
booking a last minute trip to New York
$ git clone ...
browsing Flickr
http://www.flickr.com/photos/mujitra/4571580931
56. writing the next chapter in her novel
buying a home...
flirting with her husband
mobile context
http://www.flickr.com/photos/razorshine/4662188057
58. 80% use mobile during
miscellaneous downtime
Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/missmeng/5327470961
59. 76% use mobile while waiting
in queues or for appointments
Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/wonderdawg777/662293238
60. mobile is also increasingly being combined
with other activities
61. 62% use their mobile while
watching television...
Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/bcmom/375125992
62. 69% use mobile for
point of sale research
Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/lollaping/3327541574
63. mobile is also used
to time shift...
59% ...and follow up
sometimes on the PC
visit a site
on mobile
Source: Yahoo
64. 34%
visit a site on
and follow-up
on mobile
the PC
Source: Yahoo
65. ...facilitating completion
of much larger tasks
“The most expensive item sold via eBay’s
mobile app was a 1985 Piper PA-46-310P
Malibu airplane for $265,000. “ src: Mashable
http://en.wikipedia.org/wiki/Piper_PA-46
66. “The largest purchase on the M&S mobile
web site last Christmas was two sofas
costing over £3000 ($5000) “ src: Marketing Week
and larger life decisions...
http://www.flickr.com/photos/plagevinilosyadhesivosdecorativos/5549366513
67. some services are even enabling users
to “blur the boundaries between
the past, present and future”
http://www.flickr.com/photos/chelsea_nj/4223680604
68. “ ...[Flirtomatic is] like time travel flirting...
http://www.flickr.com/photos/rolandslakis/99196316
69. 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?
http://www.flickr.com/photos/plings/4727853585
71. a few mobile myths...
http://www.flickr.com/photos/frenchy/3375938488
72. myth
...most device have touch screens
(or will any day now)
http://www.flickr.com/photos/jcfrog/4692750598
73. there is still lots of diversity...
The first 100 Android devices
74. back key
some element of indirect
manipulation is default on
track ball the majority of Android devices...
+ many BlackBerry and Windows Phones
http://www.flickr.com/photos/johanl/4382372758
75. feature phone diversity
touch
screen
tiny hybrid
screen +
keypad
input large
navipad touch
screen
many of these are now < $50
...are they a smartphone or a featurephone?
yesterday today
76. touch phones
tablets
netbook
feature phones
smartphones
laptop
internet TVs
myth?
you should design different experiences
connected appliances
for each category of device
workstation
77. netbook
laptop tablet
categories are constantly morphing...
*and yes, this is in fact one device...
78. is this the interaction
you planned for?
iPad 2 magnets are apparently
strong enough to ‘natively’ do this! plan (and test) for diversity
in form factor and behaviour...
http://www.flickr.com/photos/mattedgar/3724116027 http://tumblr.topherhulett.com/post/3902283232/i-know-you-were-wondering-yes-the-magnets-in
83. and while some are intuitive...
http://www.flickr.com/photos/williambrawley/4314746893
84. others require
clear cues and practice...
http://lukew.com/touch
85. “
...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
86. “
...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/
96. hijacking native
browser gestures...
touchStart
touchCancel touchMove
touchEnd
the fewest (programmable) gestures
are found in the browser*...
http://www.flickr.com/photos/fontourist/4559491659
97. 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?
http://www.flickr.com/photos/plings/4728486842
99. ...why even talk about
the mobile web?
http://www.flickr.com/photos/adactio/932798536
100. “
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
http://www.flickr.com/photos/armaggeusa/3176297283
101. the web is the common thread
across most devices...
103. 85% of new handsets will include
a web browser by 2011
Source: Tomi Ahonen Consulting
104. so people reach for the web
using whatever device makes sense
to them at that time...
105. “ 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
106. but it doesn’t all
just happen here...
http://www.flickr.com/photos/diloz/5023417436
107. people use the mobile web
across all brands...
source comScore MobiLens
http://www.flickr.com/photos/pictfactory/2796367140
108. ...and types of devices
source comScore MobiLens
http://www.flickr.com/photos/pictfactory/2796367140
109. mobile is the only
access point for 1/3
of internet users
Russia 19%
UK 22%
China 22%
USA 25%
India 59%
Egypt 70%
home ADSL
~$100/mth,
PAYG unlimited
S. Africa 57% mobile data
~$17/mth
Indonesia 44%
Users who never or infrequently use the desktop web, Source: On Device Research, Dec 2010
110. “ With current growth rates, Web access by people
on 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
111. proxy
browser there are more than 60
lots of
versions
different types/versions
lots of
versions of mobile browsers...
these are the
most common
SkyFire
small install
base
UC Web Firefox OperaMini
end-of-life
proxy
lots of proxy browser
Windows Mobile browser
versions
end-of-life
new
Obigo end-of-life
Platform browsers Add-on browsers
112. ...a growing number of
them are based on WebKit
most S40 as of v6.0
as of
as of 2006 2009
WebKit
113. but there is still lots
of fragmentation...
http://www.flickr.com/photos/wwworks/2472230611
114. the number of mobile optimised
sites is hard to estimate...
http://www.flickr.com/photos/idletype/430895151
115. often separate mobile
site(s) are created...
http://www.alistapart.com/articles/responsive-web-design
http://m.alistapart.com/articles/responsive-web-design
redirect
to m.* sub-domain...
117. can result in lots of redirects
broken links, and exclusion...
http://www.flickr.com/photos/arhadetruit/4428714535
118. others may opt for a more
responsive design...
http://colly.com
one url for everyone = One Web
119. ...or use web technologies to
mimic native experiences
120. very
on the web people have different expectations...
...app or web site?
http://www.flickr.com/photos/williambrawley/4522648456
121. “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/zoetnet/4669800101/
122. 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?
http://www.flickr.com/photos/plings/4728502636
126. “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
most will grow up connected
http://www.flickr.com/photos/tocaboca/5523598823
127. interfaces will be more natural
http://www.flickr.com/photos/carbonnyc/4213684953
128. mental models will change
http://www.flickr.com/photos/marcoarment/2035853550
129. often wonderful
a few mistakes will be made
http://www.flickr.com/photos/hazelwood09/3918982930
130. the world will be faster
http://www.flickr.com/photos/kimtaro/324573453
132. and a little magic
http://www.flickr.com/photos/orinrobertjohn/194302673
133. http://speirs.org/blog/2011/4/1/stop-lying.html
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.
– James Bridle
http://www.flickr.com/photos/tijanav/4885088185
134. ...what don’t we know?
http://www.flickr.com/photos/perfectoinsecto/4871175954
135. ...will it add meaning?
http://www.flickr.com/photos/wonderlane/5333152421
136. ...will it bring us closer together?
http://www.flickr.com/photos/wwworks/3156948184
137. ...will we all participate equally?
http://www.flickr.com/photos/goincase/4647893507
138. ...and how will it make us feel?
http://www.flickr.com/photos/mckeyhan/3356570061
139. 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/plings/4727843227