Its about people, not devices

3,541 views
3,462 views

Published on

MUST SEE!!

Published in: Technology, News & Politics
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,541
On SlideShare
0
From Embeds
0
Number of Embeds
1,899
Actions
Shares
0
Downloads
106
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Its about people, not devices

  1. 1. It’s about people, not devices... UX London Workshop – April 2011 http://www.flickr.com/photos/svensonsan/1040158030
  2. 2. remember these...http://www.flickr.com/photos/lonelyfox/4815935744
  3. 3. times have changedce n’est pas un phone
  4. 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. 5. Your mobile phone hasmore computing power than all of NASA in 1969. http://www.flickr.com/photos/43533334@N07/5153726732
  6. 6. NASA put a man on the moon. http://history.nasa.gov/ap11ann/kippsphotos/apollo.html
  7. 7. ...We put a bird into pigs. – @moskovich http://www.flickr.com/photos/denisdervisevic/4568726847
  8. 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. 9. but...
  10. 10. 6.8 billion number of people on the planet... *2010 estimates put the population over 6.8 billion inhabitants...
  11. 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. 12. 2.015% have an iPhone...?percentage of world population – source: Wolfram Alpha
  13. 13. an iPhone... an iPhone... an iPhone... which brings us to...an iPhone... an iPhone... http://www.flickr.com/photos/pictfactory/2796367140
  14. 14. diversity
  15. 15. let’s play a little game
  16. 16. aSan Francisco the most popular smartphone brand...
  17. 17. aSan Francisco 2 1 3 but, smartphone penetration is only 28%...
  18. 18. bLondon the most popular smartphone brand...
  19. 19. bLondon 2 1 3 but, smartphone penetration is only 32%...
  20. 20. cBerlin the most popular smartphone brand...
  21. 21. cBerlin 1 2 3 but, smartphone penetration is only 29%...
  22. 22. ...get the idea?
  23. 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. 24. smartphonesGlobal smartphone penetration is only 23%... http://www.visionmobile.com/blog/2011/04/100-million-club-2h10/
  25. 25. cJakarta the most popular smartphone brand...
  26. 26. cJakarta 1 2 3 or similar devices...
  27. 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. 28. ...why all this diversity? (and why it’s likely to stick around)
  29. 29. old world...
  30. 30. unique+ new platforms... expect a few more!
  31. 31. + many new ideas... expect many more!
  32. 32. = endless possibilities
  33. 33. ...confusing, no?http://www.flickr.com/photos/29707865@N05/2780508266
  34. 34. free platforms+ low cost components= a perfect storm http://www.flickr.com/photos/deks/697297227
  35. 35. and a lot of disruption... http://www.flickr.com/photos/oskay/3300199882
  36. 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. 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. 38. the feature phone of today isthe smartphone from two years ago... http://www.flickr.com/photos/tanj/4432327487
  39. 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. 40. context
  41. 41. things used to be quite simple...
  42. 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. 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. 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. 45. most of this is still true, except...
  46. 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. 47. 1hr train ride focused user privacy reliable network? comfy unlimited wifi? chair two handsreliable power source? or this...
  48. 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. 49. behaviour is changing, because devices are changing...
  50. 50. what was once targeted to specific activities business videomusic something else...?
  51. 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. 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. 53. so what we call ‘mobile context’ is increasingly hard to pin down
  54. 54. placing an inventory orderplaying Bejeweled updating Facebook mobile context http://www.flickr.com/photos/7802947@N02/5547816310
  55. 55. mobile context booking a last minute trip to New York $ git clone ...browsing Flickr http://www.flickr.com/photos/mujitra/4571580931
  56. 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. 57. while the traditional ‘short-activity-or-distraction’ context is still valid
  58. 58. 80% use mobile during miscellaneous downtimeSource: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/missmeng/5327470961
  59. 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. 60. mobile is also increasingly being combined with other activities
  61. 61. 62% use their mobile while watching television...Source: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/bcmom/375125992
  62. 62. 69% use mobile for point of sale researchSource: Compete quarterly smartphone report, Jan 2010 http://www.flickr.com/photos/lollaping/3327541574
  63. 63. mobile is also used to time shift...59% ...and follow upsometimes on the PCvisit a siteon mobile Source: Yahoo
  64. 64. 34%visit a site on and follow-up on mobilethe PC Source: Yahoo
  65. 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. 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. 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. 68. “ ...[Flirtomatic is] like time travel flirting... http://www.flickr.com/photos/rolandslakis/99196316
  69. 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. 70. interaction
  71. 71. a few mobile myths... http://www.flickr.com/photos/frenchy/3375938488
  72. 72. myth ...most device have touch screens (or will any day now)http://www.flickr.com/photos/jcfrog/4692750598
  73. 73. there is still lots of diversity...The first 100 Android devices
  74. 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. 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. 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. 77. netbook laptop tablet categories are constantly morphing...*and yes, this is in fact one device...
  78. 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. 79. http://www.thinkgeek.com/electronics/retro-gaming/e762/
  80. 80. http://www.flickr.com/photos/mattedgar/3724116027
  81. 81. do design for the platform...http://dl.google.com/googleio/2010/android-android-ui-design-patterns.pdf
  82. 82. gestures are oftenplatform specific... http://lukew.com/touch
  83. 83. and while some are intuitive... http://www.flickr.com/photos/williambrawley/4314746893
  84. 84. others require clear cues and practice...http://lukew.com/touch
  85. 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. 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. 87. 1995 all over again
  88. 88. visibility(perceived affordances) http://www.flickr.com/photos/gcfairch/4114504140/
  89. 89. mental models
  90. 90. ...gesture or dance move?
  91. 91. feedbackhttp://www.flickr.com/photos/mwichary/2615519568
  92. 92. consistency
  93. 93. non-destructive operations
  94. 94. scalabilityhttp://www.flickr.com/photos/craigmurphy/4611017675
  95. 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. 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. 97. the web
  98. 98. ...why even talk about the mobile web? http://www.flickr.com/photos/adactio/932798536
  99. 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. 100. the web is the common thread across most devices...
  101. 101. 1.3 billionalready use the mobile internet
  102. 102. 85% of new handsets will include a web browser by 2011Source: Tomi Ahonen Consulting
  103. 103. so people reach for the webusing whatever device makes sense to them at that time...
  104. 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. 105. but it doesn’t alljust happen here... http://www.flickr.com/photos/diloz/5023417436
  106. 106. people use the mobile web across all brands...source comScore MobiLens http://www.flickr.com/photos/pictfactory/2796367140
  107. 107. ...and types of devicessource comScore MobiLens http://www.flickr.com/photos/pictfactory/2796367140
  108. 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. 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. 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. 111. ...a growing number of them are based on WebKit most S40 as of v6.0 as of as of 2006 2009WebKit
  112. 112. but there is still lotsof fragmentation... http://www.flickr.com/photos/wwworks/2472230611
  113. 113. the number of mobile optimised sites is hard to estimate... http://www.flickr.com/photos/idletype/430895151
  114. 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. 115. ...many contain onlya subset of the desktop web
  116. 116. can result in lots of redirectsbroken links, and exclusion... http://www.flickr.com/photos/arhadetruit/4428714535
  117. 117. others may opt for a more responsive design... http://colly.comone url for everyone = One Web
  118. 118. ...or use web technologies to mimic native experiences
  119. 119. veryon the web people have different expectations... ...app or web site? http://www.flickr.com/photos/williambrawley/4522648456
  120. 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. 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. 122. tomorrow
  123. 123. What do we know about the future?
  124. 124. technology will disappear http://www.flickr.com/photos/shannonkringen/4482487843
  125. 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. 126. interfaces will be more natural http://www.flickr.com/photos/carbonnyc/4213684953
  127. 127. mental models will change http://www.flickr.com/photos/marcoarment/2035853550
  128. 128. often wonderfula few mistakes will be made http://www.flickr.com/photos/hazelwood09/3918982930
  129. 129. the world will be faster http://www.flickr.com/photos/kimtaro/324573453
  130. 130. with greater expectations http://www.flickr.com/photos/ubo_pakes/4472188820
  131. 131. and a little magichttp://www.flickr.com/photos/orinrobertjohn/194302673
  132. 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. 133. ...what don’t we know? http://www.flickr.com/photos/perfectoinsecto/4871175954
  134. 134. ...will it add meaning? http://www.flickr.com/photos/wonderlane/5333152421
  135. 135. ...will it bring us closer together? http://www.flickr.com/photos/wwworks/3156948184
  136. 136. ...will we all participate equally? http://www.flickr.com/photos/goincase/4647893507
  137. 137. ...and how will it make us feel? http://www.flickr.com/photos/mckeyhan/3356570061
  138. 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. 139. thank youhello@yiibu.com http://www.flickr.com/photos/tinou/453593446

×