Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
It’s about people,
     not devices...
        UX London Workshop – April 2011




         http://www.flickr.com/photos/sv...
remember
                  these...




http://www.flickr.com/photos/lonelyfox/4815935744
times have
                         changed




ce n’est pas un phone
this was ‘portable’...




                                                                           <10 years...



    ...
Your mobile phone has
more computing power than
        all of NASA in 1969.




          http://www.flickr.com/photos/435...
NASA put a man on the moon.




          http://history.nasa.gov/ap11ann/kippsphotos/apollo.html
...We put a bird into pigs.
            – @moskovich




        http://www.flickr.com/photos/denisdervisevic/4568726847
over 100 million
                                                                          iPhones sold*
                 ...
but...
6.8 billion
   number of people on the planet...




 *2010 estimates put the population over 6.8 billion inhabitants...
77%
          number of people with a mobile device




or 5.3 billion at the end of 2010 – U.N. Telecommunications Agency...
2.015% have an iPhone...?




percentage of world population – source: Wolfram Alpha
an iPhone...



   an iPhone...


                  an iPhone...

                                   which brings us to......
diversity
let’s play a little game
a
San Francisco       the most popular smartphone brand...
a
San Francisco                         2
                          1                       3




                but, sma...
b
London       the most popular smartphone brand...
b
London                         2
                   1                       3




         but, smartphone penetration i...
c
Berlin       the most popular smartphone brand...
c
Berlin
                   1           2           3




         but, smartphone penetration is only 29%...
...get the idea?
Other
                      7%
               HTC
               8%
                                      Nokia
        Mo...
smartphones




Global smartphone penetration is only 23%...
    http://www.visionmobile.com/blog/2011/04/100-million-club...
c
Jakarta       the most popular smartphone brand...
c
Jakarta       1                       2   3




              or similar devices...
"The future is already here
– it’s just not evenly distributed."
                                    – William Gibson


  ...
...why all this diversity?
   (and why it’s likely to stick around)
old world...
unique
+ new platforms...
     expect a few more!
+ many new ideas...
     expect many more!
= endless possibilities
...confusing, no?




http://www.flickr.com/photos/29707865@N05/2780508266
free platforms
+ low cost components
= a perfect storm



                    http://www.flickr.com/photos/deks/697297227
and a lot of disruption...




          http://www.flickr.com/photos/oskay/3300199882
a free operating system (Android)
  dual core ARM 9 @ 416MHz2G GSM/EDGE
  2.8” QVGA resistive touch screen
  2MP camera
  ...
yet again

                                however, things may change...




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




                       http://www.flickr.com/photos/...
Diversity is a reality and will likely persist,
causing us to decide which platforms                    breakout #1
(and c...
context
things used to be quite simple...
public space



                                                    distractions




                  limited aention

 ...
inconsistent    limited
                       networks     baery life
                                          limited
...
envir
                  onme
                      n   t                              focused user


                     ...
most of this is still true, except...
environment

      focused user




                                                        reliable
                     ...
1hr train ride   focused user
                                                  privacy

            reliable
          ne...
comfy
                                       chair                            privacy



                           one ha...
behaviour is changing, because devices are changing...
what was once targeted
                                      to specific activities



        business



                ...
a big screen...




 web browser
      +
                               is now a highly customisable
 application
    laye...
camera

           a big screen...
                             work                       communication


               ...
so what we call ‘mobile context’
 is increasingly hard to pin down
placing an inventory order


playing Bejeweled            updating Facebook




                                     mobil...
mobile context




            booking a last minute trip to New York



                         $ git clone ...
browsing...
writing the next chapter in her novel

         buying a home...

         flirting with her husband




                  ...
while the traditional ‘short-activity-or-distraction’
                 context is still valid
80% use mobile during
                                                        miscellaneous downtime




Source: Compete q...
76% use mobile while waiting
                                                        in queues or for appointments




Sou...
mobile is also increasingly being combined
             with other activities
62% use their mobile while
                                                            watching television...




Source: ...
69% use mobile for
                                                        point of sale research




Source: Compete quar...
mobile is also used
                        to time shift...




59%            ...and follow up
sometimes      on the PC
...
34%
visit a site on
                  and follow-up
                   on mobile
the PC




                              ...
...facilitating completion
                                               of much larger tasks




“The most expensive ite...
“The largest purchase on the M&S mobile
web site last Christmas was two sofas
costing over £3000 ($5000) “ src: Marketing ...
some services are even enabling users
     to “blur the boundaries between
         the past, present and future”




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




                                          http://www.flickr.com/pho...
breakout #2


What defines context when designing
for connected devices?

Is it the device itself (e.g. a tablet, a
smartph...
interaction
a few mobile myths...




      http://www.flickr.com/photos/frenchy/3375938488
myth
                                                ...most device have touch screens
                                   ...
there is still lots of diversity...




The first 100 Android devices
back key




                                                        some element of indirect
                            ...
feature phone diversity



                                    touch
                                   screen
 tiny      ...
touch phones
              tablets




                                                                netbook
           ...
netbook




                 laptop                                            tablet




                                ...
is this the interaction
                                                                                              you ...
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
gestures are often
platform specific...




            http://lukew.com/touch
and while some are intuitive...




             http://www.flickr.com/photos/williambrawley/4314746893
others require
                         clear cues and practice...




http://lukew.com/touch
“
...problem is that gestures are like 21st century
command lines. You need to know them to use them.
– @kateho




      ...
“
...anything you can show and touch
can be a UI...there are no standards
and no expectations.
- Don Norman, Gestural inte...
1995 all over again
visibility
(perceived affordances)




       http://www.flickr.com/photos/gcfairch/4114504140/
mental models
...gesture or dance move?
feedback




http://www.flickr.com/photos/mwichary/2615519568
consistency
non-destructive operations
scalability




http://www.flickr.com/photos/craigmurphy/4611017675
hijacking native
                                   browser gestures...


          touchStart


touchCancel            to...
breakout #3

How far can we take the natural
interface?

Do we foresee a day where all
interactions will be performed thro...
the web
...why even talk about
     the mobile web?




      http://www.flickr.com/photos/adactio/932798536
“
The most profound technologies are those
that disappear. They weave themselves
into the fabric of everyday life until th...
the web is the common thread
        across most devices...
1.3 billion
already use the mobile internet
85%              of new handsets will include
                                 a web browser by 2011




Source: Tomi Ahon...
so people reach for the web
using whatever device makes sense
            to them at that time...
“   It is somewhat slow but it
    definitely works, in fact my teen
    daughter uses hers constantly...
    among other t...
but it doesn’t all
just happen here...




    http://www.flickr.com/photos/diloz/5023417436
people use the mobile web
                         across all brands...




source comScore MobiLens




                 ...
...and types of devices




source comScore MobiLens




                                http://www.flickr.com/photos/pictf...
mobile is the only
                                                                                               access p...
“            With current growth rates, Web access by people
               on the move — via laptops and smart mobile dev...
proxy
                             browser                 there are more than 60
 lots of
versions
                      ...
...a growing number of
                                 them are based on WebKit




                      most S40     as...
but there is still lots
of fragmentation...




 http://www.flickr.com/photos/wwworks/2472230611
the number of mobile optimised
       sites is hard to estimate...




                  http://www.flickr.com/photos/idlet...
often separate mobile
                                                                 site(s) are created...




http://w...
...many contain only
a subset of the desktop web
can result in lots of redirects
broken links, and exclusion...


             http://www.flickr.com/photos/arhadetruit/4428...
others may opt for a more
                         responsive design...




 http://colly.com

one url for everyone = One ...
...or use web technologies to
   mimic native experiences
very
on the web people have different expectations...




                          ...app or web site?




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




                                       ac...
breakout #4

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

Should the web be different?

Do...
tomorrow
What do we know about the future?
technology will disappear



       http://www.flickr.com/photos/shannonkringen/4482487843
“For kids like my 13 year-old, the
boundaries between the internet
and life are so porous as to be
meaningless. “
Comment ...
interfaces will be more natural


              http://www.flickr.com/photos/carbonnyc/4213684953
mental models will change




         http://www.flickr.com/photos/marcoarment/2035853550
often wonderful
a few mistakes will be made




                   http://www.flickr.com/photos/hazelwood09/3918982930
the world will be faster




        http://www.flickr.com/photos/kimtaro/324573453
with greater expectations




         http://www.flickr.com/photos/ubo_pakes/4472188820
and a little magic




http://www.flickr.com/photos/orinrobertjohn/194302673
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 ...
...what don’t we know?



    http://www.flickr.com/photos/perfectoinsecto/4871175954
...will it add meaning?



     http://www.flickr.com/photos/wonderlane/5333152421
...will it bring us closer together?



                  http://www.flickr.com/photos/wwworks/3156948184
...will we all participate equally?



                  http://www.flickr.com/photos/goincase/4647893507
...and how will it make us feel?



               http://www.flickr.com/photos/mckeyhan/3356570061
breakout #5


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

What wil...
thank you



hello@yiibu.com




                  http://www.flickr.com/photos/tinou/453593446
It's about people, not devices...
Upcoming SlideShare
Loading in …5
×

of

It's about people, not devices... Slide 1 It's about people, not devices... Slide 2 It's about people, not devices... Slide 3 It's about people, not devices... Slide 4 It's about people, not devices... Slide 5 It's about people, not devices... Slide 6 It's about people, not devices... Slide 7 It's about people, not devices... Slide 8 It's about people, not devices... Slide 9 It's about people, not devices... Slide 10 It's about people, not devices... Slide 11 It's about people, not devices... Slide 12 It's about people, not devices... Slide 13 It's about people, not devices... Slide 14 It's about people, not devices... Slide 15 It's about people, not devices... Slide 16 It's about people, not devices... Slide 17 It's about people, not devices... Slide 18 It's about people, not devices... Slide 19 It's about people, not devices... Slide 20 It's about people, not devices... Slide 21 It's about people, not devices... Slide 22 It's about people, not devices... Slide 23 It's about people, not devices... Slide 24 It's about people, not devices... Slide 25 It's about people, not devices... Slide 26 It's about people, not devices... Slide 27 It's about people, not devices... Slide 28 It's about people, not devices... Slide 29 It's about people, not devices... Slide 30 It's about people, not devices... Slide 31 It's about people, not devices... Slide 32 It's about people, not devices... Slide 33 It's about people, not devices... Slide 34 It's about people, not devices... Slide 35 It's about people, not devices... Slide 36 It's about people, not devices... Slide 37 It's about people, not devices... Slide 38 It's about people, not devices... Slide 39 It's about people, not devices... Slide 40 It's about people, not devices... Slide 41 It's about people, not devices... Slide 42 It's about people, not devices... Slide 43 It's about people, not devices... Slide 44 It's about people, not devices... Slide 45 It's about people, not devices... Slide 46 It's about people, not devices... Slide 47 It's about people, not devices... Slide 48 It's about people, not devices... Slide 49 It's about people, not devices... Slide 50 It's about people, not devices... Slide 51 It's about people, not devices... Slide 52 It's about people, not devices... Slide 53 It's about people, not devices... Slide 54 It's about people, not devices... Slide 55 It's about people, not devices... Slide 56 It's about people, not devices... Slide 57 It's about people, not devices... Slide 58 It's about people, not devices... Slide 59 It's about people, not devices... Slide 60 It's about people, not devices... Slide 61 It's about people, not devices... Slide 62 It's about people, not devices... Slide 63 It's about people, not devices... Slide 64 It's about people, not devices... Slide 65 It's about people, not devices... Slide 66 It's about people, not devices... Slide 67 It's about people, not devices... Slide 68 It's about people, not devices... Slide 69 It's about people, not devices... Slide 70 It's about people, not devices... Slide 71 It's about people, not devices... Slide 72 It's about people, not devices... Slide 73 It's about people, not devices... Slide 74 It's about people, not devices... Slide 75 It's about people, not devices... Slide 76 It's about people, not devices... Slide 77 It's about people, not devices... Slide 78 It's about people, not devices... Slide 79 It's about people, not devices... Slide 80 It's about people, not devices... Slide 81 It's about people, not devices... Slide 82 It's about people, not devices... Slide 83 It's about people, not devices... Slide 84 It's about people, not devices... Slide 85 It's about people, not devices... Slide 86 It's about people, not devices... Slide 87 It's about people, not devices... Slide 88 It's about people, not devices... Slide 89 It's about people, not devices... Slide 90 It's about people, not devices... Slide 91 It's about people, not devices... Slide 92 It's about people, not devices... Slide 93 It's about people, not devices... Slide 94 It's about people, not devices... Slide 95 It's about people, not devices... Slide 96 It's about people, not devices... Slide 97 It's about people, not devices... Slide 98 It's about people, not devices... Slide 99 It's about people, not devices... Slide 100 It's about people, not devices... Slide 101 It's about people, not devices... Slide 102 It's about people, not devices... Slide 103 It's about people, not devices... Slide 104 It's about people, not devices... Slide 105 It's about people, not devices... Slide 106 It's about people, not devices... Slide 107 It's about people, not devices... Slide 108 It's about people, not devices... Slide 109 It's about people, not devices... Slide 110 It's about people, not devices... Slide 111 It's about people, not devices... Slide 112 It's about people, not devices... Slide 113 It's about people, not devices... Slide 114 It's about people, not devices... Slide 115 It's about people, not devices... Slide 116 It's about people, not devices... Slide 117 It's about people, not devices... Slide 118 It's about people, not devices... Slide 119 It's about people, not devices... Slide 120 It's about people, not devices... Slide 121 It's about people, not devices... Slide 122 It's about people, not devices... Slide 123 It's about people, not devices... Slide 124 It's about people, not devices... Slide 125 It's about people, not devices... Slide 126 It's about people, not devices... Slide 127 It's about people, not devices... Slide 128 It's about people, not devices... Slide 129 It's about people, not devices... Slide 130 It's about people, not devices... Slide 131 It's about people, not devices... Slide 132 It's about people, not devices... Slide 133 It's about people, not devices... Slide 134 It's about people, not devices... Slide 135 It's about people, not devices... Slide 136 It's about people, not devices... Slide 137 It's about people, not devices... Slide 138 It's about people, not devices... Slide 139 It's about people, not devices... Slide 140
Upcoming SlideShare
Operative Interventions In Obstetrics
Next
Download to read offline and view in fullscreen.

222 Likes

Share

Download to read offline

It's about people, not devices...

Download to read offline

Slide deck from workshop presented by Bryan Rieger and Stephanie Rieger at UX London 2011.

Related Books

Free with a 30 day trial from Scribd

See all

It's about people, not devices...

  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 changed ce 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 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* hp://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
  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 device or 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. a San Francisco the most popular smartphone brand...
  17. a San Francisco 2 1 3 but, smartphone penetration is only 28%...
  18. b London the most popular smartphone brand...
  19. b London 2 1 3 but, smartphone penetration is only 32%...
  20. c Berlin the most popular smartphone brand...
  21. c Berlin 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. smartphones Global smartphone penetration is only 23%... http://www.visionmobile.com/blog/2011/04/100-million-club-2h10/
  25. c Jakarta the most popular smartphone brand...
  26. c Jakarta 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 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
  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 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
  45. most of this is still true, except...
  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
  49. behaviour is changing, because devices are changing...
  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 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 discovery with a buon 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
  57. while the traditional ‘short-activity-or-distraction’ context is still valid
  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
  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 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
  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 often platform 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 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/
  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. feedback http://www.flickr.com/photos/mwichary/2615519568
  92. consistency
  93. non-destructive operations
  94. scalability http://www.flickr.com/photos/craigmurphy/4611017675
  95. hijacking native browser gestures... touchStart touchCancel touchMove touchEnd the fewest (programmable) gestures are found in the browser*... http://www.flickr.com/photos/fontourist/4559491659
  96. 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
  97. the web
  98. ...why even talk about the mobile web? http://www.flickr.com/photos/adactio/932798536
  99. “ 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
  100. the web is the common thread across most devices...
  101. 1.3 billion already use the mobile internet
  102. 85% of new handsets will include a web browser by 2011 Source: Tomi Ahonen Consulting
  103. so people reach for the web using 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 all just 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 devices source 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 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
  111. ...a growing number of them are based on WebKit most S40 as of v6.0 as of as of 2006 2009 WebKit
  112. but there is still lots of 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 only a subset of the desktop web
  116. can result in lots of redirects broken links, and exclusion... http://www.flickr.com/photos/arhadetruit/4428714535
  117. others may opt for a more responsive design... http://colly.com one url for everyone = One Web
  118. ...or use web technologies to mimic native experiences
  119. very on the web people have different expectations... ...app or web site? http://www.flickr.com/photos/williambrawley/4522648456
  120. “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/
  121. 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
  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, 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
  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 wonderful a 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 magic http://www.flickr.com/photos/orinrobertjohn/194302673
  132. 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
  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 #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
  139. thank you hello@yiibu.com http://www.flickr.com/photos/tinou/453593446
  • FilipeFilibox

    Aug. 15, 2021
  • cherry3001

    Sep. 22, 2015
  • CarlosEduardoArantes

    Nov. 25, 2014
  • bendrao

    Nov. 14, 2014
  • MichaelSmith161

    Sep. 17, 2014
  • iambbboy

    Aug. 13, 2014
  • natsuchan

    Jul. 15, 2014
  • dgriffith

    Jun. 10, 2014
  • felzin

    Jun. 3, 2014
  • AnthonyBaker

    Apr. 20, 2014
  • NilsCordes

    Apr. 13, 2014
  • YuePan

    Mar. 1, 2014
  • jn1566

    Feb. 5, 2014
  • spikenam

    Nov. 11, 2013
  • luislenk

    Sep. 30, 2013
  • tom_w_evans

    Sep. 27, 2013
  • armanketigabelas

    Sep. 17, 2013
  • timesavingmx

    Sep. 2, 2013
  • Jaffers

    Sep. 2, 2013
  • veredk9

    Aug. 28, 2013

Slide deck from workshop presented by Bryan Rieger and Stephanie Rieger at UX London 2011.

Views

Total views

88,342

On Slideshare

0

From embeds

0

Number of embeds

9,740

Actions

Downloads

2,567

Shares

0

Comments

0

Likes

222

×