SlideShare a Scribd company logo
1 of 56
The future of mobile UX

improving mobile experiences for everyone

SparkUp 2010 - 25.05.2010

Antony, Co-founder, Ribot
first, some context...




               photo source: http://www.flickr.com/photos/remik78/3647335295/
Poles prefer the mobile web
  over newspapers
  AND THEY’RE THE HIGHEST MOBILE WEB USERS IN EUROPE!

Source: http://www.eiaa.net/news/eiaa-articles-details.asp?id=216&lang=1
a little bit about me
The mobile landscape
AS OF MAY 2010
Smartphone sales
The iPhone educated the masses
Wow, look at Symbian!
App store wars
 A GAME OF NUMBERS?




Source: Distimo
Android overtakes iPhone
 This is just the start...




Source: Distimo
onto some observations...




             photo source: http://www.flickr.com/photos/didmyself/3348346351/
Mobile is the primary method
  of accessing the internet
  IN SOUTH AFRICA. OTHER COUNTRIES WILL FOLLOW SUIT.

Source: ITU report




                           photo source: http://www.flickr.com/photos/8628950@N06/2145430339/
Analogue to Digital to Human
INTERACTIONS




               photo source: http://www.flickr.com/photos/josefstuefer/18697485/
Who wants a challenge?
MOBILE UX DESIGNERS!




Pressure     Accelerometer        Time of day              Gesture

Microphone     Haptics   ...
                             photo source: http://www.flickr.com/photos/dunechaser/174945526
Constraints
Constraints of mobile
BUT WHICH IS MOST IMPORTANT?


form factor                    battery

network latency                context

input mechanism

memory

computational power
Context of use
understand the behaviours




             photo source: http://www.flickr.com/photos/didmyself/3099974216/
human behaviours


understand the behaviours

what finger do we use to press the
doorbell with?

                          http://www.flickr.com/photos/tscarlisle/107776922/
(changing) human behaviours


understand the behaviours


what finger does the younger market
press the doorbell with?

                        http://www.flickr.com/photos/phototropism/62931265/
Time for a snack...
DATA-SNACKING


small snippets of info

30-60 seconds

simple, but repetitive

regular
Re-use learnt behaviours
Re-use interactions inherent in the device

Minimise the number of surprises

soft key positions     colour

menu navigation        tone of voice



                        http://www.flickr.com/photos/8586443@N03/1491516038/
More than just a phone
WAKE UP CANON & NIKON




                        photo source: http://www.flickr.com/photos/brianjmatis/4149696324/
More than just a phone
 WAKE UP CANON & NIKON




Source: http://www.flickr.com/cameras/
mobile guidelines




             photo source: http://www.flickr.com/photos/didmyself/3348346873/
Mobile is not about making
things smaller

Miniaturisation   vs                 Mobilisation




http://mobilewebbook.com
                       http://www.flickr.com/photos/tridi_animeitor/2224661744/
Simpler interfaces are better
Minimise the subconscious questions

Balance efficiency, effectiveness & satisfaction

Improve glance-ability




                         photo source: http://www.flickr.com/photos/lagiuspo/92136687/
Simpler != dumb
JUST REMEMBER TO FOCUS ON THE CORE FUNCTION



                          an eReader app
                          should focus on the
                          ‘reading experience’




                            photo source: http://www.flickr.com/photos/lagiuspo/92136687/
Simple functional example
IT’S YOUR TURN TO MAKE THE TEA




                                 source: tea round iPhone app
Don’t forget the website
FOR MARKETING AND SUPPORT




                            photo source: tearoundapp.com
Complex interface
JUST REMEMBER TO FOCUS ON THE CORE FUNCTION


                            Too many elements

                            Poor information hierarchy

                            Functional uncertainty

                            Buttons generally far too small


             Source: http://www.flickr.com/photos/gruber/2635257578/
Make the most of your
platform
The native debate
WITH MOBILE WEB



Native                 Mobile web
Rich                   Functional

Rewrite                Tweak
All-you-can-eat APIs   Reduced function set
App store discovery    Web discovery
The blurred reality
BETWEEN NATIVE & MOBILE WEB




Hardware-accelerated CSS

Access to richer APIs

Offline storage

Chromeless experience
Native vs Mobile Web
The Facebook home screen
Native vs Mobile Web
The Facebook contact list
Native vs Mobile Web
TWITTER ON IPHONE
Native vs Mobile Web
Marbles^2 (by Remy Sharp) - Marbles2.com
Is it possible to make money
on the Mobile Web?




              photo source: http://www.flickr.com/photos/tom_lin/3205617022
Flirtomatic
A MOBILE WEB SUCCESS




$15M rev,
$12 a mth
175k paying
customers
Apps are just posh bookmarks
IT’S ALL ABOUT SCREEN ESTATE




                           photo source: http://www.flickr.com/photos/carlotardani/3155442938
Think twice about your
audience
IT PAYS TO DO YOUR HOMEWORK



Analytics

Network provider

Device platforms

Devices

Firmware versions etc...

                           photo source: http://www.flickr.com/photos/thomashawk/155918164/
time for some stats
source: http://www.agribusinessonline.com/stats/




  Poland is the 3rd biggest
  exporter of cherries to the USA
  (DATA FROM 2003)




                                                   photo source: http://www.flickr.com/photos/dudleycarr/3668145869
1 in 7 phones are returned
  BACK TO THE SUPPLIER


Source: 2005 Which report (UK study)




                                       photo source: http://www.flickr.com/photos/andricongirl/4567650298/
Source: http://www.wdsglobal.com/news/whitepapers/20060717/MediaBulletinNFF.pdf




 63% of returned phones have
 no hardware/software faults
 SO, WHAT’S THE PROBLEM?




 Handset configuration / settings issue


 Struggling with functionality / usability of device


 Device did not meet expectations



                                           photo source: http://www.flickr.com/photos/tom_lin/3208454911/
Massive market for usable
  phones & apps
 YOU NEED TO DESIGN ‘INCLUSIVELY’




 By 2020, over half of the UK population will be > 65


 1 in 3 Europeans can benefit from an inclusive approach


 65% of americans have lost interest due to complexity

Source: http://www.btplc.com/inclusion/Usefuldownloads/index.htm#designs


             photo source: http://www.elmbrook.org/UserFiles/Image/Volunteer%20Opportunities/Elderly%20Hands.jpg
What happened to Microsoft?




             photo source: http://www.flickr.com/photos/didmyself/3099140737
Windows mobile is dead.
STOP. NOW!




Nasty

Broken App Store

Broken UX

Keep away...

                   photo source: http://www.flickr.com/photos/perspective23/3677677277/
Windows
mobile

is dead.
Windows Mobile is dead.
Long live Windows Phone 7!
THE BAR IS ABOUT TO BE RAISED



UX comes first

OS built from scratch

Discoverability fixed

Focus on quality rather than quantity
Windows Mobile is dead.
Long live Windows Phone 7!
THE BAR IS ABOUT TO BE RAISED




                                photo source:
and to finish...
The little things count




Polish makes the UX and app stand out

                     photo source: http://www.flickr.com/photos/tom_lin/3186488124/
Passion




“I haven’t worked in 3 years”

Be curious. Question everything
                           photo source: http://www.flickr.com/photos/taraethers/
thank you




            http://www.flickr.com/photos/ronlayters/2402199783/
dziękuję bardzo!




@ribot
            photo source: http://www.flickr.com/photos/mr_t_in_dc/3526644413/

More Related Content

What's hot

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
 
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real worldJason Grigsby
 
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
 
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
 
How to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignHow to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignSamantha Starmer
 
Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCJason Grigsby
 
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
 
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 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
 
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
 
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
 
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...yiibu
 
Adaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serverAdaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serveryiibu
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with contextyiibu
 
Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012Jason Griffey
 

What's hot (18)

Damon Herren
Damon HerrenDamon Herren
Damon Herren
 
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
 
When responsive web design meets the real world
When responsive web design meets the real worldWhen responsive web design meets the real world
When responsive web design meets the real world
 
The Impact of Innovation
The Impact of InnovationThe Impact of Innovation
The Impact of Innovation
 
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
 
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
 
How to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignHow to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience Design
 
Adapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYCAdapting to Input — Smashing Conference NYC
Adapting to Input — Smashing Conference NYC
 
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
 
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 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...
 
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
 
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
 
Creating Android apps
Creating Android appsCreating Android apps
Creating Android apps
 
It's about people, not devices...
It's about people, not devices...It's about people, not devices...
It's about people, not devices...
 
Adaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the serverAdaptation: Why responsive design actually begins on the server
Adaptation: Why responsive design actually begins on the server
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
 
Computers in libraries 2012
Computers in libraries 2012Computers in libraries 2012
Computers in libraries 2012
 

Viewers also liked

Mobile UX Overview
Mobile UX OverviewMobile UX Overview
Mobile UX OverviewDesignTaylor
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUXBERT
 
Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014Gonçalo Veiga
 
Optimizing Mobile UX Design Webinar Presentation Slides
Optimizing Mobile UX Design Webinar Presentation SlidesOptimizing Mobile UX Design Webinar Presentation Slides
Optimizing Mobile UX Design Webinar Presentation SlidesUserZoom
 
Big data PPT prepared by Hritika Raj (Shivalik college of engg.)
Big data PPT prepared by Hritika Raj (Shivalik college of engg.)Big data PPT prepared by Hritika Raj (Shivalik college of engg.)
Big data PPT prepared by Hritika Raj (Shivalik college of engg.)Hritika Raj
 
Mobile UX Design Best Practices for Advertising
Mobile UX Design Best Practices for AdvertisingMobile UX Design Best Practices for Advertising
Mobile UX Design Best Practices for AdvertisingBrant Nesbitt
 
Big data بزرگ داده ها
Big data بزرگ داده هاBig data بزرگ داده ها
Big data بزرگ داده هاOmid Sohrabi
 
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
 
Bio bigdata
Bio bigdata Bio bigdata
Bio bigdata Mk Kim
 
Big Data Technology Stack : Nutshell
Big Data Technology Stack : NutshellBig Data Technology Stack : Nutshell
Big Data Technology Stack : NutshellKhalid Imran
 

Viewers also liked (13)

Mobile UX Overview
Mobile UX OverviewMobile UX Overview
Mobile UX Overview
 
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile AppsUX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps
 
Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014
 
Optimizing Mobile UX Design Webinar Presentation Slides
Optimizing Mobile UX Design Webinar Presentation SlidesOptimizing Mobile UX Design Webinar Presentation Slides
Optimizing Mobile UX Design Webinar Presentation Slides
 
Big data PPT prepared by Hritika Raj (Shivalik college of engg.)
Big data PPT prepared by Hritika Raj (Shivalik college of engg.)Big data PPT prepared by Hritika Raj (Shivalik college of engg.)
Big data PPT prepared by Hritika Raj (Shivalik college of engg.)
 
Mobile UX Design Best Practices for Advertising
Mobile UX Design Best Practices for AdvertisingMobile UX Design Best Practices for Advertising
Mobile UX Design Best Practices for Advertising
 
Big data بزرگ داده ها
Big data بزرگ داده هاBig data بزرگ داده ها
Big data بزرگ داده ها
 
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
 
Bio bigdata
Bio bigdata Bio bigdata
Bio bigdata
 
Ux for Mobile Developers
Ux for Mobile DevelopersUx for Mobile Developers
Ux for Mobile Developers
 
Big Data Analytics
Big Data AnalyticsBig Data Analytics
Big Data Analytics
 
A data analyst view of Bigdata
A data analyst view of Bigdata A data analyst view of Bigdata
A data analyst view of Bigdata
 
Big Data Technology Stack : Nutshell
Big Data Technology Stack : NutshellBig Data Technology Stack : Nutshell
Big Data Technology Stack : Nutshell
 

Similar to The future of mobile UX improving experiences

Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterAntony Ribot
 
Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkAntony Ribot
 
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Victor Minuesa
 
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
 
Mobile Landscape 2011
Mobile Landscape 2011Mobile Landscape 2011
Mobile Landscape 2011Mikko Ohtamaa
 
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Anna Dahlström
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Precedent
 
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Anna Dahlström
 
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Anna Dahlström
 
TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)Christian Heilmann
 
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Precedent
 
Drupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppDrupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppSumit Kataria
 
How to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignHow to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignOSCON Byrum
 
Its about people, not devices
Its about people, not devicesIts about people, not devices
Its about people, not devicesAlexander Anikin
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Anna Dahlström
 
Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Singapore Mobile 2.0 & Ux Trends 2009: Scott WeissSingapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Singapore Mobile 2.0 & Ux Trends 2009: Scott WeissYOGESH TADWALKAR
 

Similar to The future of mobile UX improving experiences (20)

Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester
 
Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSpark
 
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
Mobxbeyondthehamburgermenu13sep2014 140916040153-phpapp01
 
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
Beyond the mobile webBeyond the mobile web
Beyond the mobile web
 
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
 
Mobile Landscape 2011
Mobile Landscape 2011Mobile Landscape 2011
Mobile Landscape 2011
 
Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014Device Agnostic Design - UCD2014, London 25 Oct 2014
Device Agnostic Design - UCD2014, London 25 Oct 2014
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
 
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015Beyond the hamburger menu - Reasons:London, 20 Feb 2015
Beyond the hamburger menu - Reasons:London, 20 Feb 2015
 
The trouble with context
The trouble with contextThe trouble with context
The trouble with context
 
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016
 
TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)
 
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14
 
Drupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile AppDrupal as Base For Your NEXT Mobile App
Drupal as Base For Your NEXT Mobile App
 
How to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience DesignHow to Design for the Future - Cross Channel Experience Design
How to Design for the Future - Cross Channel Experience Design
 
Its about people, not devices
Its about people, not devicesIts about people, not devices
Its about people, not devices
 
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014
 
Adaptation
AdaptationAdaptation
Adaptation
 
Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Singapore Mobile 2.0 & Ux Trends 2009: Scott WeissSingapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
 

Recently uploaded

Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxSegundoManuelFaichin1
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptxsuhanimunjal27
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxTusharBahuguna2
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...sonalitrivedi431
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja Nehwal
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funneljen_giacalone
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 

Recently uploaded (20)

Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 

The future of mobile UX improving experiences

  • 1. The future of mobile UX improving mobile experiences for everyone SparkUp 2010 - 25.05.2010 Antony, Co-founder, Ribot
  • 2. first, some context... photo source: http://www.flickr.com/photos/remik78/3647335295/
  • 3. Poles prefer the mobile web over newspapers AND THEY’RE THE HIGHEST MOBILE WEB USERS IN EUROPE! Source: http://www.eiaa.net/news/eiaa-articles-details.asp?id=216&lang=1
  • 4. a little bit about me
  • 7. The iPhone educated the masses Wow, look at Symbian!
  • 8. App store wars A GAME OF NUMBERS? Source: Distimo
  • 9. Android overtakes iPhone This is just the start... Source: Distimo
  • 10. onto some observations... photo source: http://www.flickr.com/photos/didmyself/3348346351/
  • 11. Mobile is the primary method of accessing the internet IN SOUTH AFRICA. OTHER COUNTRIES WILL FOLLOW SUIT. Source: ITU report photo source: http://www.flickr.com/photos/8628950@N06/2145430339/
  • 12. Analogue to Digital to Human INTERACTIONS photo source: http://www.flickr.com/photos/josefstuefer/18697485/
  • 13. Who wants a challenge? MOBILE UX DESIGNERS! Pressure Accelerometer Time of day Gesture Microphone Haptics ... photo source: http://www.flickr.com/photos/dunechaser/174945526
  • 15. Constraints of mobile BUT WHICH IS MOST IMPORTANT? form factor battery network latency context input mechanism memory computational power
  • 17. understand the behaviours photo source: http://www.flickr.com/photos/didmyself/3099974216/
  • 18. human behaviours understand the behaviours what finger do we use to press the doorbell with? http://www.flickr.com/photos/tscarlisle/107776922/
  • 19. (changing) human behaviours understand the behaviours what finger does the younger market press the doorbell with? http://www.flickr.com/photos/phototropism/62931265/
  • 20. Time for a snack... DATA-SNACKING small snippets of info 30-60 seconds simple, but repetitive regular
  • 21. Re-use learnt behaviours Re-use interactions inherent in the device Minimise the number of surprises soft key positions colour menu navigation tone of voice http://www.flickr.com/photos/8586443@N03/1491516038/
  • 22. More than just a phone WAKE UP CANON & NIKON photo source: http://www.flickr.com/photos/brianjmatis/4149696324/
  • 23. More than just a phone WAKE UP CANON & NIKON Source: http://www.flickr.com/cameras/
  • 24. mobile guidelines photo source: http://www.flickr.com/photos/didmyself/3348346873/
  • 25. Mobile is not about making things smaller Miniaturisation vs Mobilisation http://mobilewebbook.com http://www.flickr.com/photos/tridi_animeitor/2224661744/
  • 26. Simpler interfaces are better Minimise the subconscious questions Balance efficiency, effectiveness & satisfaction Improve glance-ability photo source: http://www.flickr.com/photos/lagiuspo/92136687/
  • 27. Simpler != dumb JUST REMEMBER TO FOCUS ON THE CORE FUNCTION an eReader app should focus on the ‘reading experience’ photo source: http://www.flickr.com/photos/lagiuspo/92136687/
  • 28. Simple functional example IT’S YOUR TURN TO MAKE THE TEA source: tea round iPhone app
  • 29. Don’t forget the website FOR MARKETING AND SUPPORT photo source: tearoundapp.com
  • 30. Complex interface JUST REMEMBER TO FOCUS ON THE CORE FUNCTION Too many elements Poor information hierarchy Functional uncertainty Buttons generally far too small Source: http://www.flickr.com/photos/gruber/2635257578/
  • 31. Make the most of your platform
  • 32. The native debate WITH MOBILE WEB Native Mobile web Rich Functional Rewrite Tweak All-you-can-eat APIs Reduced function set App store discovery Web discovery
  • 33. The blurred reality BETWEEN NATIVE & MOBILE WEB Hardware-accelerated CSS Access to richer APIs Offline storage Chromeless experience
  • 34. Native vs Mobile Web The Facebook home screen
  • 35. Native vs Mobile Web The Facebook contact list
  • 36. Native vs Mobile Web TWITTER ON IPHONE
  • 37. Native vs Mobile Web Marbles^2 (by Remy Sharp) - Marbles2.com
  • 38. Is it possible to make money on the Mobile Web? photo source: http://www.flickr.com/photos/tom_lin/3205617022
  • 39. Flirtomatic A MOBILE WEB SUCCESS $15M rev, $12 a mth 175k paying customers
  • 40. Apps are just posh bookmarks IT’S ALL ABOUT SCREEN ESTATE photo source: http://www.flickr.com/photos/carlotardani/3155442938
  • 41. Think twice about your audience IT PAYS TO DO YOUR HOMEWORK Analytics Network provider Device platforms Devices Firmware versions etc... photo source: http://www.flickr.com/photos/thomashawk/155918164/
  • 42. time for some stats
  • 43. source: http://www.agribusinessonline.com/stats/ Poland is the 3rd biggest exporter of cherries to the USA (DATA FROM 2003) photo source: http://www.flickr.com/photos/dudleycarr/3668145869
  • 44. 1 in 7 phones are returned BACK TO THE SUPPLIER Source: 2005 Which report (UK study) photo source: http://www.flickr.com/photos/andricongirl/4567650298/
  • 45. Source: http://www.wdsglobal.com/news/whitepapers/20060717/MediaBulletinNFF.pdf 63% of returned phones have no hardware/software faults SO, WHAT’S THE PROBLEM? Handset configuration / settings issue Struggling with functionality / usability of device Device did not meet expectations photo source: http://www.flickr.com/photos/tom_lin/3208454911/
  • 46. Massive market for usable phones & apps YOU NEED TO DESIGN ‘INCLUSIVELY’ By 2020, over half of the UK population will be > 65 1 in 3 Europeans can benefit from an inclusive approach 65% of americans have lost interest due to complexity Source: http://www.btplc.com/inclusion/Usefuldownloads/index.htm#designs photo source: http://www.elmbrook.org/UserFiles/Image/Volunteer%20Opportunities/Elderly%20Hands.jpg
  • 47. What happened to Microsoft? photo source: http://www.flickr.com/photos/didmyself/3099140737
  • 48. Windows mobile is dead. STOP. NOW! Nasty Broken App Store Broken UX Keep away... photo source: http://www.flickr.com/photos/perspective23/3677677277/
  • 50. Windows Mobile is dead. Long live Windows Phone 7! THE BAR IS ABOUT TO BE RAISED UX comes first OS built from scratch Discoverability fixed Focus on quality rather than quantity
  • 51. Windows Mobile is dead. Long live Windows Phone 7! THE BAR IS ABOUT TO BE RAISED photo source:
  • 53. The little things count Polish makes the UX and app stand out photo source: http://www.flickr.com/photos/tom_lin/3186488124/
  • 54. Passion “I haven’t worked in 3 years” Be curious. Question everything photo source: http://www.flickr.com/photos/taraethers/
  • 55. thank you http://www.flickr.com/photos/ronlayters/2402199783/
  • 56. dziękuję bardzo! @ribot photo source: http://www.flickr.com/photos/mr_t_in_dc/3526644413/

Editor's Notes

  1. Polish tongue twister a lie - this is really a mobile 101 presentation
  2. Poland spends the most time in Europe on mobile web
  3. 7 years in mobile designer/developer/entrepreneur push ui boundaries, ideas lab for mobile user interfaces
  4. a little bit of everything hidden nuggets/tips context, trends, ux what’s happening right now..
  5. In 2009, 1.2 billion mobile devices were sold Nokia still stands strong in terms of global sales with 36% of the market, selling a staggering 440 million
  6. Of the 1.2 billion devices sold, 174 million are "smart-phones". Symbian devices count for nearly 47% of this market
  7. Windows is irrelevant for now Data from earlier in the year, so slightly out of date
  8. South African mobile web usage is > than fixed line. It's only a matter of time until this becomes true for the western world
  9. Physical interactions e.g. Touchscreen, haptics, etc Tangible era
  10. So many things to consider and more so in the future...
  11. Constraints make mobile interesting. A challenge. If you're not aware of the constraints, the UX will be poor.
  12. Note: Constraints make mobile interesting. A challenge. If you're not aware of the constraints, the UX will be poor.
  13. Efficiency, relevancy,
  14. understand your users
  15. understand your users
  16. understand your users
  17. Like a large bag of chocolate buttons single early failure - non returning user
  18. Motorola Exit, Quit,
  19. Swiss army knife. Technological advancement and usability
  20. pink: iPhone 3GS, green: iPhone 3G, the rest: single-function devices aka cameras blue: Nikon D90
  21. Miniaturisation (shrinking things down) vs Mobilisation (process of selecting the features most important to the user given the mobile context)
  22. If you can't get it right in 2D, don't even consider going into 3D. Complexity and poor UX for the sake of an 80s buzz word.      Simpler, more usable interfaces - consider the forgotten (and rapidly growing) markets
  23. simple, aesthetically pleasing,
  24. whilst we’re having tea, don’t forget the website!
  25. A growing number to choose from Platforms can be generally split in two: native and third party Mobile web is the main third party contender
  26. Native payment UX requires far less effort than web
  27. Faster design/dev iterations Sometimes faster performance
  28. Which do I prefer? Web
  29. Native, mobile web, desktop web
  30. Spot the difference? Looks the same. But more important, the same UX
  31. It doesn’t look great Iterate fast new feature in 3 wks, 15% increase in rev operator deck placement has been key hybrid approach
  32. all about getting in front of your eyes good icon design is crucial
  33. dig as much as possible don’t make assumptions Blackberry’s biggest market is not enterprise It’s games. Why. BBM and qwerty keyboards
  34. while I was searching for local statistics...
  35. tell me more....
  36. while I was searching for local statistics...
  37. A fingernail interaction rather than a finger interaction
  38. Less than 200 apps for launch Great potential
  39. minimising the number of subconscious questions the user needs to make
  40. minimising the number of subconscious questions the user needs to make