SlideShare una empresa de Scribd logo
1 de 140
Descargar para leer sin conexión
It’s about people,
     not devices...
        UX London Workshop – April 2011




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




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




ce n’est pas un phone
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
Your mobile phone has
more computing power than
        all of NASA in 1969.




          http://www.flickr.com/photos/43533334@N07/5153726732
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*
                                                                 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
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, http://www.itu.int
2.015% have an iPhone...?




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



   an iPhone...


                  an iPhone...

                                   which brings us to...
an iPhone...




                                 an iPhone...




                                            http://www.flickr.com/photos/pictfactory/2796367140
diversity
let’s play a little game
a
San Francisco       the most popular smartphone brand...
a
San Francisco                         2
                          1                       3




                but, smartphone penetration is only 28%...
b
London       the most popular smartphone brand...
b
London                         2
                   1                       3




         but, smartphone penetration is only 32%...
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
        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
smartphones




Global smartphone penetration is only 23%...
    http://www.visionmobile.com/blog/2011/04/100-million-club-2h10/
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


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




                        http://www.flickr.com/photos/centralasian/3239065547
...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
  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
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
the feature phone of today is
the smartphone from two years ago...




                       http://www.flickr.com/photos/tanj/4432327487
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
context
things used to be quite simple...
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
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
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
most of this is still true, except...
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
1hr train ride   focused user
                                                  privacy

            reliable
          network?                 comfy
        unlimited wifi?              chair

                 two
                hands



reliable power source?




                                                            or this...
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
behaviour is changing, because devices are changing...
what was once targeted
                                      to specific activities



        business



                                                    video
music




                   something else...?
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!
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
so what we call ‘mobile context’
 is increasingly hard to pin down
placing an inventory order


playing Bejeweled            updating Facebook




                                     mobile context




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




            booking a last minute trip to New York



                         $ git clone ...
browsing Flickr




                                                     http://www.flickr.com/photos/mujitra/4571580931
writing the next chapter in her novel

         buying a home...

         flirting with her husband




                        mobile context



                     http://www.flickr.com/photos/razorshine/4662188057
while the traditional ‘short-activity-or-distraction’
                 context is still valid
80% use mobile during
                                                        miscellaneous downtime




Source: Compete quarterly smartphone report, Jan 2010           http://www.flickr.com/photos/missmeng/5327470961
76% use mobile while waiting
                                                        in queues or for appointments




Source: Compete quarterly smartphone report, Jan 2010               http://www.flickr.com/photos/wonderdawg777/662293238
mobile is also increasingly being combined
             with other activities
62% use their mobile while
                                                            watching television...




Source: Compete quarterly smartphone report, Jan 2010             http://www.flickr.com/photos/bcmom/375125992
69% use mobile for
                                                        point of sale research




Source: Compete quarterly smartphone report, Jan 2010        http://www.flickr.com/photos/lollaping/3327541574
mobile is also used
                        to time shift...




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




                                  Source: Yahoo
34%
visit a site on
                  and follow-up
                   on mobile
the PC




                                  Source: Yahoo
...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
“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
some services are even enabling users
     to “blur the boundaries between
         the past, present and future”




                     http://www.flickr.com/photos/chelsea_nj/4223680604
“   ...[Flirtomatic is] like time travel flirting...




                                          http://www.flickr.com/photos/rolandslakis/99196316
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
interaction
a few mobile myths...




      http://www.flickr.com/photos/frenchy/3375938488
myth
                                                ...most device have touch screens
                                                                  (or will any day now)




http://www.flickr.com/photos/jcfrog/4692750598
there is still lots of diversity...




The first 100 Android devices
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
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
touch phones
              tablets




                                                                netbook
                                 feature phones


     smartphones

                             laptop
                                             internet TVs

                                                            myth?
                        you should design different experiences
connected appliances
                                           for each category of device
               workstation
netbook




                 laptop                                            tablet




                                          categories are constantly morphing...



*and yes, this is in fact one device...
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
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




                                     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
visibility
(perceived affordances)




       http://www.flickr.com/photos/gcfairch/4114504140/
It's about people, not devices...
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            touchMove


          touchEnd



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



                                     http://www.flickr.com/photos/fontourist/4559491659
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
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 they are
indistinguishable from it…. - Mark Weiser




                                       http://www.flickr.com/photos/armaggeusa/3176297283
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 Ahonen Consulting
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 things she uses it to
    keep in touch with her friends.
    People discussing the Kindle browser on a message board
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




                           http://www.flickr.com/photos/pictfactory/2796367140
...and types of devices




source comScore MobiLens




                                http://www.flickr.com/photos/pictfactory/2796367140
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
“            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
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
...a growing number of
                                 them are based on WebKit




                      most S40     as of v6.0
                       as of
         as of 2006    2009




WebKit
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/idletype/430895151
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...
...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/4428714535
others may opt for a more
                         responsive design...




 http://colly.com

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




                          ...app or web site?




                              http://www.flickr.com/photos/williambrawley/4522648456
“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/
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
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 on the Guardian web site




                                   most will grow up connected



                                                http://www.flickr.com/photos/tocaboca/5523598823
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 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
...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 will we choose to do?




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



hello@yiibu.com




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

Más contenido relacionado

La actualidad más candente

Imagining the physical web
Imagining the physical webImagining the physical web
Imagining the physical webyiibu
 
Why You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeWhy You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeJason Grigsby
 
Rethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by YiibuRethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by YiibuBryan Rieger
 
Designing for multiple devices - GA London, 19 Nov 2012
Designing for multiple devices - GA London, 19 Nov 2012Designing for multiple devices - GA London, 19 Nov 2012
Designing for multiple devices - GA London, 19 Nov 2012Anna Dahlström
 
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Anna Dahlström
 
Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012Jason Griffey
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101Antony Ribot
 
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Anna Dahlström
 
Mobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileMobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileJason Grigsby
 
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013Anna Dahlström
 
Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013Anna Dahlström
 
Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013Anna Dahlström
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD UK Ltd
 
Designing For Multiple Devices - GA London, 04 Mar 2013
Designing For Multiple Devices - GA London,  04 Mar 2013Designing For Multiple Devices - GA London,  04 Mar 2013
Designing For Multiple Devices - GA London, 04 Mar 2013Anna Dahlström
 
GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012Anna Dahlström
 
Mobile Web Vs Mobile Apps
Mobile Web Vs Mobile AppsMobile Web Vs Mobile Apps
Mobile Web Vs Mobile AppsJoe Hass
 
Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012Anna Dahlström
 
Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012Anna Dahlström
 

La actualidad más candente (18)

Imagining the physical web
Imagining the physical webImagining the physical web
Imagining the physical web
 
Why You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark CollegeWhy You Should Make Mobile Your Career | Clark College
Why You Should Make Mobile Your Career | Clark College
 
Rethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by YiibuRethinking the Mobile Web by Yiibu
Rethinking the Mobile Web by Yiibu
 
Designing for multiple devices - GA London, 19 Nov 2012
Designing for multiple devices - GA London, 19 Nov 2012Designing for multiple devices - GA London, 19 Nov 2012
Designing for multiple devices - GA London, 19 Nov 2012
 
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
Live streaming: Designing For Multiple Devices - GA, New York, 14 March 2013
 
Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
Understanding UX: Designing for multiple devices - GA London, 18 Jan 2013
 
Mobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4MobileMobile Web vs. Native Apps | Design4Mobile
Mobile Web vs. Native Apps | Design4Mobile
 
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
Best of GA: Designing For Multiple Devices - Google Campus, 26 Feb 2013
 
Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013Designing For Multiple Devices - GA New York, 6 March 2013
Designing For Multiple Devices - GA New York, 6 March 2013
 
Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013Designing for multiple devices - GA London, 14 Jan 2013
Designing for multiple devices - GA London, 14 Jan 2013
 
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...
 
Designing For Multiple Devices - GA London, 04 Mar 2013
Designing For Multiple Devices - GA London,  04 Mar 2013Designing For Multiple Devices - GA London,  04 Mar 2013
Designing For Multiple Devices - GA London, 04 Mar 2013
 
GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012GA London - Designing for multiple devices, 28may2012
GA London - Designing for multiple devices, 28may2012
 
Mobile Web Vs Mobile Apps
Mobile Web Vs Mobile AppsMobile Web Vs Mobile Apps
Mobile Web Vs Mobile Apps
 
Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012Designing for multiple devices - GA, New York 08 Oct 2012
Designing for multiple devices - GA, New York 08 Oct 2012
 
Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012Designing for multiple devices, GA London - 01 Oct 2012
Designing for multiple devices, GA London - 01 Oct 2012
 

Similar a It's about people, not devices...

Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01Raymond Morin
 
Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01Gustavo Luveira
 
Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuJim Porter
 
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Therese Kokot
 
Designing for diversity - how to stop worrying and embrace the Android revol...
Designing for diversity -  how to stop worrying and embrace the Android revol...Designing for diversity -  how to stop worrying and embrace the Android revol...
Designing for diversity - how to stop worrying and embrace the Android revol...yiibu
 
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentNative vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentJason Grigsby
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterAntony Ribot
 
SXSWi: Mobile Social Games - the next frontier (2011-03-13)
SXSWi: Mobile Social Games - the next frontier (2011-03-13)SXSWi: Mobile Social Games - the next frontier (2011-03-13)
SXSWi: Mobile Social Games - the next frontier (2011-03-13)Volker Hirsch
 
Mobile: the next frontier
Mobile: the next frontierMobile: the next frontier
Mobile: the next frontierMike Ellis
 
Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkAntony Ribot
 
The Mobile Web for PR Pros
The Mobile Web for PR ProsThe Mobile Web for PR Pros
The Mobile Web for PR ProsEd Schipul
 
Mobile Developement Choises
Mobile Developement ChoisesMobile Developement Choises
Mobile Developement ChoisesAlexander Anikin
 
Mobile UX - the intricacies of designing for mobile devices
Mobile UX - the intricacies of designing for mobile devicesMobile UX - the intricacies of designing for mobile devices
Mobile UX - the intricacies of designing for mobile devicesAntony Ribot
 

Similar a It's about people, not devices... (20)

Adaptation
AdaptationAdaptation
Adaptation
 
Rethinking the mobile web
Rethinking the mobile webRethinking the mobile web
Rethinking the mobile web
 
Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01Yiibu rethinkingthemobileweb-100910074556-phpapp01
Yiibu rethinkingthemobileweb-100910074556-phpapp01
 
Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01Yiibu goingmobile2010-100818120505-phpapp01
Yiibu goingmobile2010-100818120505-phpapp01
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
 
Beyond the mobile web
Beyond the mobile webBeyond the mobile web
Beyond the mobile web
 
Beyond The Mobile Web By Yiibu
Beyond The Mobile Web By YiibuBeyond The Mobile Web By Yiibu
Beyond The Mobile Web By Yiibu
 
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
Beyond The Mobile Web By Yiibu 110412113255 Phpapp01
 
Designing for diversity - how to stop worrying and embrace the Android revol...
Designing for diversity -  how to stop worrying and embrace the Android revol...Designing for diversity -  how to stop worrying and embrace the Android revol...
Designing for diversity - how to stop worrying and embrace the Android revol...
 
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile DevelopmentNative vs. Mobile Web vs. Hybrid Apps for Mobile Development
Native vs. Mobile Web vs. Hybrid Apps for Mobile Development
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester
 
SXSWi: Mobile Social Games - the next frontier (2011-03-13)
SXSWi: Mobile Social Games - the next frontier (2011-03-13)SXSWi: Mobile Social Games - the next frontier (2011-03-13)
SXSWi: Mobile Social Games - the next frontier (2011-03-13)
 
Mobile: the next frontier
Mobile: the next frontierMobile: the next frontier
Mobile: the next frontier
 
Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSpark
 
The Mobile Web for PR Pros
The Mobile Web for PR ProsThe Mobile Web for PR Pros
The Mobile Web for PR Pros
 
Mobile Developement Choises
Mobile Developement ChoisesMobile Developement Choises
Mobile Developement Choises
 
A Mobile Introductory
A Mobile IntroductoryA Mobile Introductory
A Mobile Introductory
 
Mobile UX - the intricacies of designing for mobile devices
Mobile UX - the intricacies of designing for mobile devicesMobile UX - the intricacies of designing for mobile devices
Mobile UX - the intricacies of designing for mobile devices
 
Change? Wot me? Digital Marketing is Here Already
Change? Wot me? Digital Marketing is Here AlreadyChange? Wot me? Digital Marketing is Here Already
Change? Wot me? Digital Marketing is Here Already
 
Future of UX
Future of UXFuture of UX
Future of UX
 

Más de yiibu

Designing for conversation
Designing for conversationDesigning for conversation
Designing for conversationyiibu
 
The internet of things is for people
The internet of things is for peopleThe internet of things is for people
The internet of things is for peopleyiibu
 
Exploring the physical web
Exploring the physical webExploring the physical web
Exploring the physical webyiibu
 
The future of media queries?
The future of media queries?The future of media queries?
The future of media queries?yiibu
 
The Emerging Global Web
The Emerging Global WebThe Emerging Global Web
The Emerging Global Webyiibu
 
Everything old is new again
Everything old is new againEverything old is new again
Everything old is new againyiibu
 
Letting Go
Letting GoLetting Go
Letting Goyiibu
 
Developing an Interface for the Future of Mass Market Software Distribution (...
Developing an Interface for the Future of Mass Market Software Distribution (...Developing an Interface for the Future of Mass Market Software Distribution (...
Developing an Interface for the Future of Mass Market Software Distribution (...yiibu
 

Más de yiibu (8)

Designing for conversation
Designing for conversationDesigning for conversation
Designing for conversation
 
The internet of things is for people
The internet of things is for peopleThe internet of things is for people
The internet of things is for people
 
Exploring the physical web
Exploring the physical webExploring the physical web
Exploring the physical web
 
The future of media queries?
The future of media queries?The future of media queries?
The future of media queries?
 
The Emerging Global Web
The Emerging Global WebThe Emerging Global Web
The Emerging Global Web
 
Everything old is new again
Everything old is new againEverything old is new again
Everything old is new again
 
Letting Go
Letting GoLetting Go
Letting Go
 
Developing an Interface for the Future of Mass Market Software Distribution (...
Developing an Interface for the Future of Mass Market Software Distribution (...Developing an Interface for the Future of Mass Market Software Distribution (...
Developing an Interface for the Future of Mass Market Software Distribution (...
 

Último

How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 

Último (20)

How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 

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
  • 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
  • 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%...
  • 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)
  • 30. unique + new platforms... expect a few more!
  • 31. + many new ideas... expect many more!
  • 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
  • 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
  • 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
  • 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/
  • 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...
  • 102. 1.3 billion already use the mobile internet
  • 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...
  • 116. ...many contain only a subset of the desktop web
  • 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
  • 124. What do we know about the future?
  • 125. technology will disappear http://www.flickr.com/photos/shannonkringen/4482487843
  • 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
  • 131. with greater expectations http://www.flickr.com/photos/ubo_pakes/4472188820
  • 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
  • 140. thank you hello@yiibu.com http://www.flickr.com/photos/tinou/453593446