SlideShare a Scribd company logo
Mobile UX — State of the Art & Challenges
UXperts.mobi, April 29th 2013
Johan Verhaegen
Mobile UX Challenges
TV
mobile
desktop touch
web
Giving	
  technology	
  a	
  human	
  face	
  
The	
  world	
  outside	
  
•  Users	
  
•  Tasks	
  
•  Context	
  
Business	
  context	
  
•  Business	
  domain	
  
•  Vision	
  &	
  mission	
  
•  Technology	
  
•  Data	
  
Mobile	
  UX	
  strategy	
  
•  NaCve	
  
•  Web	
  
•  mobile	
  
•  responsive	
  
Business context
“Skate where the puck’s going, not where it’s been.”
Wayne Gretzky
Walter	
  Gretzky	
   ‘Gretzky’s	
  Office’	
  
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
hKp://wiki.developerforce.com/page/NaCve,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_ApplicaCon_Development_OpCons	
  
Challenge n°1 - So, do you skate where the puck’s going?
The world outside
users • tasks • context
“Start with the customer and work backwards.”
Jeff Bezos
Let's	
  get	
  out	
  of	
  this	
  building…	
  
…and	
  enter	
  into	
  the	
  real	
  world	
  
hKp://www.mobify.com/blog/	
  
Your	
  building.	
  Do	
  you	
  get	
  out	
  from	
  :me	
  to	
  :me?	
  
Challenge	
  n°	
  2	
  
Mobile UX strategy
native • mobile • responsive
“You don’t walk into a hardware store, notice a good-
looking shovel, then say “Boy this sure looks like a mighty
fine looking shovel. I’m gonna head home and start
finding stuff to dig up with this here shovel.”
Brad Frost, blogpost “Native vs Web” is total bullshit, July 2011
the native road
Mobile UX Challenges
“As of this writing, there’s no contest: Ship [native] mobile apps if you can afford
it
(…)
We measured a success rate of 74 percent when people used [native] mobile apps,
which is much higher than the 64 percent recorded for mobile-specific websites.”
Jakob Nielsen, Mobile Usability, 2013
Jakob	
  ‘we	
  know,	
  because	
  we’ve	
  seen	
  it	
  happen’	
  Nielsen	
  
Jakob	
  Who?	
  
§  When to build?
§  you want
§  rich interaction
§  fluent animations
§  full access to device functionality
§  shiny graphics
§  on a level you would struggle with HTML5 (at the time of this
writing)
§  you can afford it (and the price tag tends to go up and up and…)
§  more platforms, often forked in
¨  sub-platforms: e.g. iOS for iPhone and iPad
¨  sub-versions: Android Honeycomb, Ice Cream Sandwich,
Jelly Bean,…
§  native development is not a walk in the park
The native road - when
native
§  When to build? <ctd>
§  you want to be present in app stores
§  your competitors have already set up camp there
§  you like some cash
¨  minus a 30% cut for the [platform] owner
§  your users will download updates, won’t they…?
The native road - when
native
§  Your focus is on
§  best possible (device-specific) UX
§  multitouch
§  fast graphics (how’s the refresh rate?)
§  fluid animations
§  ease of use
§  a solid business case
The native road - focus
native
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
HAZMAT	
  evac	
   Cargo	
  Decoder	
  
Mobile UX Challenges
Mobile UX Challenges
§  Limited continuity between different contexts
§  No comparable desktop and mobile experience
§  Features and content not equally likely to be accessed
on multiple devices
§  Other iOS native apps already being used
§  Interesting times…
Nokeos design strategy
The web road
“Once you start thinking in terms of networks, it just doesn’t make much
sense to prefer local apps, with downloadable, installable code that
needs to be constantly updated.
(…)
But we’re not yet in a world of infinite speed, so that’s why we have
mobile apps and PC and Mac software on laptops and phones. That’s why
there are still Xbox games on discs. That’s why everything isn’t in the
cloud. But eventually the technology wants it all to be up there.”
Marc Andreessen, Wired Magazine, April 2012
Marc	
  ‘a	
  lot	
  of	
  things	
  you	
  want	
  to	
  do	
  as	
  part	
  of	
  daily	
  life	
  can	
  now	
  be	
  done	
  over	
  the	
  internet’	
  Andreessen	
  
Marc	
  Who?	
  
the web road
Mobile UX Challenges
§  Mobile-optimized websites and web applications
§  Living on the web
§  Often a subset of content/features of the
“normal” version of the website/web application
§  but what’s important? what’s not?
-> user research (esp. data analysis) will help you out
§  A wide audience reach
The web road, direction mobile
§  When to build?
§  your users’ goals differ depending on device/context
§  you offer ‘simple’ functionality like look-ups and
simple workflows
§  you need speed
§  you don’t need
§  lots of editing or data manipulation
§  on-device functions
The web road, direction mobile - when
§  Your focus is on
§  stripping features that are not the core of the mobile
use case
§  reducing ⎜ removing ⎜ demoting
§  enlarging interface elements
§  providing an emergency exit
§  cross-link from desktop site (or ‘full site’) to mobile site and
vice versa
The web road, direction mobile - focus
Uw kind wil u iets vertellen
KidsTennisishetVTV-opleidingsconceptvoorkinderenvanaf3jaar.Deopleidingisopgedeeldinvaardigheidsniveaus
die telkens een andere kleur hebben. Kinderen leren stap voor stap tennissen op een aangepast terrein met een
ander type bal.Aan de hand van testjes en diploma’s kunnen ook de ouders de tennisevolutie van hun kind volgen.
Een KidsTennisser beleeft niet alleen veel plezier,hij of zij leert ook op een kwaliteitsvolle manier tennissen.Meer
info? Surf dan naar kidstennis.be en zoek een KidsTennisclub in uw buurt!
Omdat bewegen gezond is
Mobile UX Challenges
Mobile UX Challenges
f l u i d g r i d s
f l e x i b l e m e d i a
m e d i a q u e r i e s
©	
  ezmarkup.com/learn-­‐how-­‐to-­‐design-­‐a-­‐mobile-­‐website.html	
  
©	
  2013	
  Brad	
  Frost	
  
“Perhaps there’s a compelling reason to keep your site’s desktop and mobile
experiences separate, or perhaps your content would be better served by a
responsive approach. Only you and your users know for certain.”
Ethan Marcotte - Responsive Web Design, 2011
That’s	
  right.	
  This	
  guy	
  sCll	
  has	
  to	
  prove	
  a	
  thing	
  or	
  two.	
  
Like	
  most	
  of	
  us.	
  
Ethan	
  Who?	
  
§  When to build?
§  you want continuity between different contexts
§  you want a seamless multi-device experience
§  the features and content you offer are equally likely
to be accessed on multiple devices
§  you don’t ‘over-code’
§  might indicate that you need to go native or mobile
§  and that might even be cheaper to build and maintain
The web road, direction responsive - when
§  Your focus is on
§  content/feature-driven design
§  tiny screen usability
§  multi-device customization
§  touch interaction
¨  gestures
§  design patterns
¨  navigation, data grids, forms,…
§  graphical design
¨  typography, images, backgrounds,…
The web road, direction responsive - focus
Mobile UX Challenges
native
Challenge	
  n°	
  3	
  -­‐	
  So,	
  which	
  road	
  will	
  you	
  choose?	
  	
  
Mobile	
  UX	
  strategy	
  
•  NaCve	
  
•  Web	
  
•  mobile	
  
•  responsive	
  
The	
  world	
  outside	
  
•  Users	
  
•  Tasks	
  
•  Context	
  
Business	
  context	
  
•  Business	
  domain	
  
•  Vision	
  &	
  mission	
  
•  Technology	
  
•  Data	
  
See also
-  www.higroup.com/news-publications/white-papers
-  www.higroup.com/cases
De Regenboog 11
2800 Mechelen
+32 (0)15 40 01 38
www.higroup.com
@higroup
Human Interface Group
Human Interface Group
johan.verhaegen@higroup.com
@johanverhaegen

More Related Content

PDF
Uxperts mobi 2013 soa & challenges
PDF
UX design for every screen
PDF
Web designtrends 5-29-2013
PDF
Mobile first: A future friendly approach to UX design
PPTX
Designing The Interface For Use
PPTX
Responsive web design ppt
PDF
Overall presentation multiplatform_ux_patterns
PDF
Responsive web design
Uxperts mobi 2013 soa & challenges
UX design for every screen
Web designtrends 5-29-2013
Mobile first: A future friendly approach to UX design
Designing The Interface For Use
Responsive web design ppt
Overall presentation multiplatform_ux_patterns
Responsive web design

What's hot (20)

PDF
Mobile First Responsive Design
PPTX
Information Architecture in Mobile
PDF
Interactions in Responsive Web - BDConf Orlando 2014
PDF
How to Design Mobile First and the KISSS principle
PDF
Going from Here to There: Transitioning into a UX Career
PDF
Mobile Information Architecture
PPSX
Designing for mobile. A UX perspective for developers
PDF
Web Usability: Making Your Sites More Awesomer
PDF
The 7 most common usability issues by UserTesting
PDF
Web App vs Web Site
PDF
NoVA UX Responsive Design
PDF
Responsive code
PDF
UX Design + UI Design: Injecting a brand persona!
PDF
Workshop 11: Trendy web designs & prototyping
DOC
DOC
PDF
Responsive Design and Development "Gotchas"
PDF
What the #$%@ is UX Design?
PDF
Presenting Usable Research Results
PDF
BASIC UX PRESENTATION
Mobile First Responsive Design
Information Architecture in Mobile
Interactions in Responsive Web - BDConf Orlando 2014
How to Design Mobile First and the KISSS principle
Going from Here to There: Transitioning into a UX Career
Mobile Information Architecture
Designing for mobile. A UX perspective for developers
Web Usability: Making Your Sites More Awesomer
The 7 most common usability issues by UserTesting
Web App vs Web Site
NoVA UX Responsive Design
Responsive code
UX Design + UI Design: Injecting a brand persona!
Workshop 11: Trendy web designs & prototyping
DOC
Responsive Design and Development "Gotchas"
What the #$%@ is UX Design?
Presenting Usable Research Results
BASIC UX PRESENTATION
Ad

Viewers also liked (6)

PPTX
Usability in e-commerce - a design framework
PPTX
Man vs Machine: Qualitative vs Quantitative UX testing
PPTX
ASML UX Event
PPTX
Customer centric transformation
PDF
Website Usability & User Experience: Veel bezoekers, weinig klanten?
PPTX
ASML UX Event
Usability in e-commerce - a design framework
Man vs Machine: Qualitative vs Quantitative UX testing
ASML UX Event
Customer centric transformation
Website Usability & User Experience: Veel bezoekers, weinig klanten?
ASML UX Event
Ad

Similar to Mobile UX Challenges (20)

PDF
Drupalcamp New York 2009
PDF
David Leininger - Capturing Your Audience with Mobility
PDF
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
PPTX
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
PPT
Mobile is the new Godzilla July 2011 FCIP
KEY
Beyond the Desktop: Sites and Apps for Phones and Tablets
PDF
Building Mobile Websites with Joomla
PDF
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
PDF
Mobile CMS - CMSExpo 2010
KEY
Michael Slater Mobile Opportunity
PDF
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
PPTX
How To Be an HTML5 Mobile Cloud Champion
PDF
Siruna session at Drupalcon Paris 2009
PPTX
MobileWebAppsDesign
PPT
Mobile Web Development
PPT
Mobile Web Development
PDF
Responsive webdesign
PDF
Responsive Webdesign - UXtour Microsoft
PDF
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
KEY
Saying no to native apps - UX Masterclass Copenhagen
Drupalcamp New York 2009
David Leininger - Capturing Your Audience with Mobility
Mobile Web Overview https://www.edocr.com/v/k52p5vj4/
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Mobile is the new Godzilla July 2011 FCIP
Beyond the Desktop: Sites and Apps for Phones and Tablets
Building Mobile Websites with Joomla
Road to mobile w/ Sinatra, jQuery Mobile, Spine.js and Mustache
Mobile CMS - CMSExpo 2010
Michael Slater Mobile Opportunity
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
How To Be an HTML5 Mobile Cloud Champion
Siruna session at Drupalcon Paris 2009
MobileWebAppsDesign
Mobile Web Development
Mobile Web Development
Responsive webdesign
Responsive Webdesign - UXtour Microsoft
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...
Saying no to native apps - UX Masterclass Copenhagen

Recently uploaded (20)

PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
KodekX | Application Modernization Development
PDF
Electronic commerce courselecture one. Pdf
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Machine learning based COVID-19 study performance prediction
PDF
Encapsulation theory and applications.pdf
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
cuic standard and advanced reporting.pdf
PPTX
Cloud computing and distributed systems.
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Approach and Philosophy of On baking technology
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
KodekX | Application Modernization Development
Electronic commerce courselecture one. Pdf
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
MYSQL Presentation for SQL database connectivity
20250228 LYD VKU AI Blended-Learning.pptx
“AI and Expert System Decision Support & Business Intelligence Systems”
Reach Out and Touch Someone: Haptics and Empathic Computing
Machine learning based COVID-19 study performance prediction
Encapsulation theory and applications.pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
cuic standard and advanced reporting.pdf
Cloud computing and distributed systems.
Unlocking AI with Model Context Protocol (MCP)
Dropbox Q2 2025 Financial Results & Investor Presentation
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Advanced methodologies resolving dimensionality complications for autism neur...
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Approach and Philosophy of On baking technology

Mobile UX Challenges

  • 1. Mobile UX — State of the Art & Challenges UXperts.mobi, April 29th 2013 Johan Verhaegen
  • 4. The  world  outside   •  Users   •  Tasks   •  Context   Business  context   •  Business  domain   •  Vision  &  mission   •  Technology   •  Data   Mobile  UX  strategy   •  NaCve   •  Web   •  mobile   •  responsive  
  • 6. “Skate where the puck’s going, not where it’s been.” Wayne Gretzky Walter  Gretzky   ‘Gretzky’s  Office’  
  • 11. Challenge n°1 - So, do you skate where the puck’s going?
  • 12. The world outside users • tasks • context
  • 13. “Start with the customer and work backwards.” Jeff Bezos
  • 14. Let's  get  out  of  this  building…  
  • 15. …and  enter  into  the  real  world  
  • 17. Your  building.  Do  you  get  out  from  :me  to  :me?   Challenge  n°  2  
  • 18. Mobile UX strategy native • mobile • responsive
  • 19. “You don’t walk into a hardware store, notice a good- looking shovel, then say “Boy this sure looks like a mighty fine looking shovel. I’m gonna head home and start finding stuff to dig up with this here shovel.” Brad Frost, blogpost “Native vs Web” is total bullshit, July 2011
  • 22. “As of this writing, there’s no contest: Ship [native] mobile apps if you can afford it (…) We measured a success rate of 74 percent when people used [native] mobile apps, which is much higher than the 64 percent recorded for mobile-specific websites.” Jakob Nielsen, Mobile Usability, 2013
  • 23. Jakob  ‘we  know,  because  we’ve  seen  it  happen’  Nielsen   Jakob  Who?  
  • 24. §  When to build? §  you want §  rich interaction §  fluent animations §  full access to device functionality §  shiny graphics §  on a level you would struggle with HTML5 (at the time of this writing) §  you can afford it (and the price tag tends to go up and up and…) §  more platforms, often forked in ¨  sub-platforms: e.g. iOS for iPhone and iPad ¨  sub-versions: Android Honeycomb, Ice Cream Sandwich, Jelly Bean,… §  native development is not a walk in the park The native road - when native
  • 25. §  When to build? <ctd> §  you want to be present in app stores §  your competitors have already set up camp there §  you like some cash ¨  minus a 30% cut for the [platform] owner §  your users will download updates, won’t they…? The native road - when native
  • 26. §  Your focus is on §  best possible (device-specific) UX §  multitouch §  fast graphics (how’s the refresh rate?) §  fluid animations §  ease of use §  a solid business case The native road - focus native
  • 33. HAZMAT  evac   Cargo  Decoder  
  • 36. §  Limited continuity between different contexts §  No comparable desktop and mobile experience §  Features and content not equally likely to be accessed on multiple devices §  Other iOS native apps already being used §  Interesting times… Nokeos design strategy
  • 38. “Once you start thinking in terms of networks, it just doesn’t make much sense to prefer local apps, with downloadable, installable code that needs to be constantly updated. (…) But we’re not yet in a world of infinite speed, so that’s why we have mobile apps and PC and Mac software on laptops and phones. That’s why there are still Xbox games on discs. That’s why everything isn’t in the cloud. But eventually the technology wants it all to be up there.” Marc Andreessen, Wired Magazine, April 2012
  • 39. Marc  ‘a  lot  of  things  you  want  to  do  as  part  of  daily  life  can  now  be  done  over  the  internet’  Andreessen   Marc  Who?  
  • 42. §  Mobile-optimized websites and web applications §  Living on the web §  Often a subset of content/features of the “normal” version of the website/web application §  but what’s important? what’s not? -> user research (esp. data analysis) will help you out §  A wide audience reach The web road, direction mobile
  • 43. §  When to build? §  your users’ goals differ depending on device/context §  you offer ‘simple’ functionality like look-ups and simple workflows §  you need speed §  you don’t need §  lots of editing or data manipulation §  on-device functions The web road, direction mobile - when
  • 44. §  Your focus is on §  stripping features that are not the core of the mobile use case §  reducing ⎜ removing ⎜ demoting §  enlarging interface elements §  providing an emergency exit §  cross-link from desktop site (or ‘full site’) to mobile site and vice versa The web road, direction mobile - focus
  • 45. Uw kind wil u iets vertellen KidsTennisishetVTV-opleidingsconceptvoorkinderenvanaf3jaar.Deopleidingisopgedeeldinvaardigheidsniveaus die telkens een andere kleur hebben. Kinderen leren stap voor stap tennissen op een aangepast terrein met een ander type bal.Aan de hand van testjes en diploma’s kunnen ook de ouders de tennisevolutie van hun kind volgen. Een KidsTennisser beleeft niet alleen veel plezier,hij of zij leert ook op een kwaliteitsvolle manier tennissen.Meer info? Surf dan naar kidstennis.be en zoek een KidsTennisclub in uw buurt! Omdat bewegen gezond is
  • 48. f l u i d g r i d s f l e x i b l e m e d i a m e d i a q u e r i e s ©  ezmarkup.com/learn-­‐how-­‐to-­‐design-­‐a-­‐mobile-­‐website.html   ©  2013  Brad  Frost  
  • 49. “Perhaps there’s a compelling reason to keep your site’s desktop and mobile experiences separate, or perhaps your content would be better served by a responsive approach. Only you and your users know for certain.” Ethan Marcotte - Responsive Web Design, 2011
  • 50. That’s  right.  This  guy  sCll  has  to  prove  a  thing  or  two.   Like  most  of  us.   Ethan  Who?  
  • 51. §  When to build? §  you want continuity between different contexts §  you want a seamless multi-device experience §  the features and content you offer are equally likely to be accessed on multiple devices §  you don’t ‘over-code’ §  might indicate that you need to go native or mobile §  and that might even be cheaper to build and maintain The web road, direction responsive - when
  • 52. §  Your focus is on §  content/feature-driven design §  tiny screen usability §  multi-device customization §  touch interaction ¨  gestures §  design patterns ¨  navigation, data grids, forms,… §  graphical design ¨  typography, images, backgrounds,… The web road, direction responsive - focus
  • 54. native Challenge  n°  3  -­‐  So,  which  road  will  you  choose?    
  • 55. Mobile  UX  strategy   •  NaCve   •  Web   •  mobile   •  responsive   The  world  outside   •  Users   •  Tasks   •  Context   Business  context   •  Business  domain   •  Vision  &  mission   •  Technology   •  Data  
  • 56. See also -  www.higroup.com/news-publications/white-papers -  www.higroup.com/cases De Regenboog 11 2800 Mechelen +32 (0)15 40 01 38 www.higroup.com @higroup Human Interface Group Human Interface Group johan.verhaegen@higroup.com @johanverhaegen