Its about people, not devices
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,585
On Slideshare
1,853
From Embeds
1,732
Number of Embeds
37

Actions

Shares
Downloads
105
Comments
0
Likes
4

Embeds 1,732

http://3g4g.blogspot.com 1,077
http://blog.3g4g.co.uk 213
http://www.artificialindustry.com 163
http://3g4g.blogspot.in 106
http://hanbinbin.blogspot.com 33
http://3g4g.blogspot.co.uk 23
http://3g4g.blogspot.kr 16
http://christiankromme.com 11
http://3g4g.blogspot.pt 10
http://3g4g.blogspot.tw 10
http://3g4g.blogspot.fr 9
http://3g4g.blogspot.de 8
http://3g4g.blogspot.co.nz 5
http://3g4g.blogspot.com.es 4
http://3g4g.blogspot.jp 4
http://3g4g.blogspot.ca 4
http://3g4g.blogspot.com.au 4
http://3g4g.blogspot.se 3
http://3g4g.blogspot.hk 3
http://3g4g.blogspot.com.br 3
http://hanbinbin.blogspot.de 2
http://3g4g.blogspot.ie 2
http://3g4g.blogspot.ch 2
http://3g4g.blogspot.co.at 2
http://hanbinbin.blogspot.in 2
http://3g4g.blogspot.mx 2
http://3g4g.blogspot.no 1
http://3g4g.blogspot.dk 1
http://3g4g.blogspot.ru 1
http://hanbinbin.blogspot.kr 1
http://3g4g.blogspot.sg 1
http://3g4g.blogspot.fi 1
http://3g4g.blogspot.it 1
http://3g4g.blogspot.nl 1
http://hanbinbin.blogspot.it 1
http://feeds.feedburner.com 1
http://hanbinbin.blogspot.jp 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. It’s about people, not devices... UX London Workshop – April 2011 http://www.flickr.com/photos/svensonsan/1040158030
  • 2. remember these...http://www.flickr.com/photos/lonelyfox/4815935744
  • 3. times have changedce n’est pas un phone
  • 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 hasmore 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* hp://en.wikipedia.org/wiki/iPhoneOn 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
  • 9. but...
  • 10. 6.8 billion number of people on the planet... *2010 estimates put the population over 6.8 billion inhabitants...
  • 11. 77% number of people with a mobile deviceor 5.3 billion at the end of 2010 – U.N. Telecommunications Agency, http://www.itu.int
  • 12. 2.015% have an iPhone...?percentage of world population – source: Wolfram Alpha
  • 13. an iPhone... an iPhone... an iPhone... which brings us to...an iPhone... an iPhone... http://www.flickr.com/photos/pictfactory/2796367140
  • 14. diversity
  • 15. let’s play a little game
  • 16. aSan Francisco the most popular smartphone brand...
  • 17. aSan Francisco 2 1 3 but, smartphone penetration is only 28%...
  • 18. bLondon the most popular smartphone brand...
  • 19. bLondon 2 1 3 but, smartphone penetration is only 32%...
  • 20. cBerlin the most popular smartphone brand...
  • 21. cBerlin 1 2 3 but, smartphone penetration is only 29%...
  • 22. ...get the idea?
  • 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
  • 24. smartphonesGlobal smartphone penetration is only 23%... http://www.visionmobile.com/blog/2011/04/100-million-club-2h10/
  • 25. cJakarta the most popular smartphone brand...
  • 26. cJakarta 1 2 3 or similar devices...
  • 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)
  • 29. old world...
  • 30. unique+ new platforms... expect a few more!
  • 31. + many new ideas... expect many more!
  • 32. = endless possibilities
  • 33. ...confusing, no?http://www.flickr.com/photos/29707865@N05/2780508266
  • 34. free platforms+ low cost components= a perfect storm http://www.flickr.com/photos/deks/697297227
  • 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 Androidhttp://www.businessweek.com/magazine/content/11_15/b4223041200216.htm http://www.flickr.com/photos/aturkus/255736909
  • 38. the feature phone of today isthe 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” ofour design time.We’re already seeing some designerschoose to only design for the newest ormost powerful platforms as these(apparently) provide the very bestexperience (e.g gestures, performance etc).Do you feel this a realistic approach orsimply a cop out?How do we reconcile inclusion andaccessibility with the need to providea great user experience? http://www.flickr.com/photos/plings/4727867959
  • 40. context
  • 41. things used to be quite simple...
  • 42. public space distractions limited aention mobile used to mean this... glanceable? one hand simple? tedious input personal http://www.flickr.com/photos/oimax/3800475934
  • 43. inconsistent limited networks baery life limited display + memory limited CPU varied manipulation methods varied form factorsvaried input methods and this... http://www.flickr.com/photos/hendry/2996622778
  • 44. envir onme n t focused user privacyreliablenetworkunlimited data everything else was ‘not mobile’... comfy chair full-sized keyboard work surface reliable power source http://www.flickr.com/photos/fuzzcat/22019163
  • 45. most of this is still true, except...
  • 46. environment focused user reliable network unlimited data mobile is now also this... privacyfull-sized work surfacekeyboard 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 handsreliable power source? or this...
  • 48. comfy chair privacy one handreliable power prone to source interruptions gravity ...and what do you call this? http://www.flickr.com/photos/joeshlabotnik/2359224681
  • 49. behaviour is changing, because devices are changing...
  • 50. what was once targeted to specific activities business videomusic something else...?
  • 51. a big screen... web browser + is now a highly customisable application layer always on, always connected + blank canvas... APIswith a buon 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 discoverywith a buon or two! creativity video
  • 53. so what we call ‘mobile context’ is increasingly hard to pin down
  • 54. placing an inventory orderplaying 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
  • 57. while the traditional ‘short-activity-or-distraction’ context is still valid
  • 58. 80% use mobile during miscellaneous downtimeSource: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/missmeng/5327470961
  • 59. 76% use mobile while waiting in queues or for appointmentsSource: 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 researchSource: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/lollaping/3327541574
  • 63. mobile is also used to time shift...59% ...and follow upsometimes on the PCvisit a siteon mobile Source: Yahoo
  • 64. 34%visit a site on and follow-up on mobilethe PC Source: Yahoo
  • 65. ...facilitating completion of much larger tasks“The most expensive item sold via eBay’smobile app was a 1985 Piper PA-46-310PMalibu airplane for $265,000. “ src: Mashable http://en.wikipedia.org/wiki/Piper_PA-46
  • 66. “The largest purchase on the M&S mobileweb site last Christmas was two sofascosting 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 #2What defines context when designingfor connected devices?Is it the device itself (e.g. a tablet, asmartphone, an eReader), or the veryact of being mobile?Or is it something different altogether? http://www.flickr.com/photos/plings/4727853585
  • 70. interaction
  • 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 Phoneshttp://www.flickr.com/photos/johanl/4382372758
  • 75. feature phone diversity touch screen tiny hybridscreen + 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 experiencesconnected 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
  • 79. http://www.thinkgeek.com/electronics/retro-gaming/e762/
  • 80. http://www.flickr.com/photos/mattedgar/3724116027
  • 81. do design for the platform...http://dl.google.com/googleio/2010/android-android-ui-design-patterns.pdf
  • 82. gestures are oftenplatform specific... http://lukew.com/touch
  • 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 centurycommand lines. You need to know them to use them.– @kateho http://www.flickr.com/photos/_dchris/4652995362
  • 86. “...anything you can show and touchcan be a UI...there are no standardsand no expectations.- Don Norman, Gestural interfaces: A step backwards http://www.flickr.com/photos/jordanfischer/61429449/
  • 87. 1995 all over again
  • 88. visibility(perceived affordances) http://www.flickr.com/photos/gcfairch/4114504140/
  • 89. mental models
  • 90. ...gesture or dance move?
  • 91. feedbackhttp://www.flickr.com/photos/mwichary/2615519568
  • 92. consistency
  • 93. non-destructive operations
  • 94. scalabilityhttp://www.flickr.com/photos/craigmurphy/4611017675
  • 95. hijacking native browser gestures... touchStarttouchCancel touchMove touchEnd the fewest (programmable) gestures are found in the browser*... http://www.flickr.com/photos/fontourist/4559491659
  • 96. breakout #3How far can we take the naturalinterface?Do we foresee a day where allinteractions will be performed throughtouch?What alternatives should we exploregoing forward? http://www.flickr.com/photos/plings/4728486842
  • 97. the web
  • 98. ...why even talk about the mobile web? http://www.flickr.com/photos/adactio/932798536
  • 99. “The most profound technologies are thosethat disappear. They weave themselvesinto the fabric of everyday life until they areindistinguishable from it…. - Mark Weiser http://www.flickr.com/photos/armaggeusa/3176297283
  • 100. the web is the common thread across most devices...
  • 101. 1.3 billionalready use the mobile internet
  • 102. 85% of new handsets will include a web browser by 2011Source: Tomi Ahonen Consulting
  • 103. so people reach for the webusing whatever device makes sense to them at that time...
  • 104. “ 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
  • 105. but it doesn’t alljust happen here... http://www.flickr.com/photos/diloz/5023417436
  • 106. people use the mobile web across all brands...source comScore MobiLens http://www.flickr.com/photos/pictfactory/2796367140
  • 107. ...and types of devicessource comScore MobiLens http://www.flickr.com/photos/pictfactory/2796367140
  • 108. 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
  • 109. “ 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
  • 110. proxy browser there are more than 60 lots ofversions different types/versions lots of versions of mobile browsers... these are the most common SkyFiresmall 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
  • 111. ...a growing number of them are based on WebKit most S40 as of v6.0 as of as of 2006 2009WebKit
  • 112. but there is still lotsof fragmentation... http://www.flickr.com/photos/wwworks/2472230611
  • 113. the number of mobile optimised sites is hard to estimate... http://www.flickr.com/photos/idletype/430895151
  • 114. 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...
  • 115. ...many contain onlya subset of the desktop web
  • 116. can result in lots of redirectsbroken links, and exclusion... http://www.flickr.com/photos/arhadetruit/4428714535
  • 117. others may opt for a more responsive design... http://colly.comone url for everyone = One Web
  • 118. ...or use web technologies to mimic native experiences
  • 119. veryon the web people have different expectations... ...app or web site? http://www.flickr.com/photos/williambrawley/4522648456
  • 120. “If I can’t see your awesomeweb site...it’s not really thatawesome is it?” access has become an aspect of user experience... http://www.flickr.com/photos/zoetnet/4669800101/
  • 121. breakout #4Native apps are (for better or worse)tied to specific platforms and devices.Should the web be different?Does access to content on the internetamount to a human right? Should accessto content from any device become amatter of legislation and accessibility? http://www.flickr.com/photos/plings/4728502636
  • 122. tomorrow
  • 123. What do we know about the future?
  • 124. technology will disappear http://www.flickr.com/photos/shannonkringen/4482487843
  • 125. “For kids like my 13 year-old, theboundaries between the internetand life are so porous as to bemeaningless. “Comment on the Guardian web site most will grow up connected http://www.flickr.com/photos/tocaboca/5523598823
  • 126. interfaces will be more natural http://www.flickr.com/photos/carbonnyc/4213684953
  • 127. mental models will change http://www.flickr.com/photos/marcoarment/2035853550
  • 128. often wonderfula few mistakes will be made http://www.flickr.com/photos/hazelwood09/3918982930
  • 129. the world will be faster http://www.flickr.com/photos/kimtaro/324573453
  • 130. with greater expectations http://www.flickr.com/photos/ubo_pakes/4472188820
  • 131. and a little magichttp://www.flickr.com/photos/orinrobertjohn/194302673
  • 132. http://speirs.org/blog/2011/4/1/stop-lying.htmlThis 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
  • 133. ...what don’t we know? http://www.flickr.com/photos/perfectoinsecto/4871175954
  • 134. ...will it add meaning? http://www.flickr.com/photos/wonderlane/5333152421
  • 135. ...will it bring us closer together? http://www.flickr.com/photos/wwworks/3156948184
  • 136. ...will we all participate equally? http://www.flickr.com/photos/goincase/4647893507
  • 137. ...and how will it make us feel? http://www.flickr.com/photos/mckeyhan/3356570061
  • 138. breakout #5Many of us will have an opportunityto shape the devices, behaviours,and experiences of tomorrow.What will we choose to do? http://www.flickr.com/photos/plings/4727843227
  • 139. thank youhello@yiibu.com http://www.flickr.com/photos/tinou/453593446