Your SlideShare is downloading. ×
Mobile UX — State of the Art & ChallengesUXperts.mobi, April 29th 2013Johan Verhaegen
TVmobiledesktop touchwebGiving	  technology	  a	  human	  face	  
The	  world	  outside	  •  Users	  •  Tasks	  •  Context	  Business	  context	  •  Business	  domain	  •  Vision	  &	  mis...
Business context
“Skate where the puck’s going, not where it’s been.”Wayne GretzkyWalter	  Gretzky	   ‘Gretzky’s	  Office’	  
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 outsideusers • tasks • context
“Start with the customer and work backwards.”Jeff Bezos
Lets	  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 strategynative • mobile • responsive
“You don’t walk into a hardware store, notice a good-looking shovel, then say “Boy this sure looks like a mightyfine looki...
the native road
“As of this writing, there’s no contest: Ship [native] mobile apps if you can affordit(…)We measured a success rate of 74 ...
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 gr...
§  When to build? <ctd>§  you want to be present in app stores§  your competitors have already set up camp there§  you...
§  Your focus is on§  best possible (device-specific) UX§  multitouch§  fast graphics (how’s the refresh rate?)§  flu...
HAZMAT	  evac	   Cargo	  Decoder	  
§  Limited continuity between different contexts§  No comparable desktop and mobile experience§  Features and content n...
The web road
“Once you start thinking in terms of networks, it just doesn’t make muchsense to prefer local apps, with downloadable, ins...
Marc	  ‘a	  lot	  of	  things	  you	  want	  to	  do	  as	  part	  of	  daily	  life	  can	  now	  be	  done	  over	  the	...
the web road
§  Mobile-optimized websites and web applications§  Living on the web§  Often a subset of content/features of the“norma...
§  When to build?§  your users’ goals differ depending on device/context§  you offer ‘simple’ functionality like look-u...
§  Your focus is on§  stripping features that are not the core of the mobileuse case§  reducing ⎜ removing ⎜ demoting...
Uw kind wil u iets vertellenKidsTennisishetVTV-opleidingsconceptvoorkinderenvanaf3jaar.Deopleidingisopgedeeldinvaardigheid...
f l u i d g r i d sf l e x i b l e m e d i am e d i a q u e r i e s©	  ezmarkup.com/learn-­‐how-­‐to-­‐design-­‐a-­‐mobile...
“Perhaps there’s a compelling reason to keep your site’s desktop and mobileexperiences separate, or perhaps your content w...
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...
§  Your focus is on§  content/feature-driven design§  tiny screen usability§  multi-device customization§  touch inte...
nativeChallenge	  n°	  3	  -­‐	  So,	  which	  road	  will	  you	  choose?	  	  
Mobile	  UX	  strategy	  •  NaCve	  •  Web	  •  mobile	  •  responsive	  The	  world	  outside	  •  Users	  •  Tasks	  •  ...
See also-  www.higroup.com/news-publications/white-papers-  www.higroup.com/casesDe Regenboog 112800 Mechelen+32 (0)15 40 ...
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Mobile UX Challenges
Upcoming SlideShare
Loading in...5
×

Mobile UX Challenges

467

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
467
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile UX Challenges"

  1. 1. Mobile UX — State of the Art & ChallengesUXperts.mobi, April 29th 2013Johan Verhaegen
  2. 2. TVmobiledesktop touchwebGiving  technology  a  human  face  
  3. 3. The  world  outside  •  Users  •  Tasks  •  Context  Business  context  •  Business  domain  •  Vision  &  mission  •  Technology  •  Data  Mobile  UX  strategy  •  NaCve  •  Web  •  mobile  •  responsive  
  4. 4. Business context
  5. 5. “Skate where the puck’s going, not where it’s been.”Wayne GretzkyWalter  Gretzky   ‘Gretzky’s  Office’  
  6. 6. hKp://wiki.developerforce.com/page/NaCve,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_ApplicaCon_Development_OpCons  
  7. 7. Challenge n°1 - So, do you skate where the puck’s going?
  8. 8. The world outsideusers • tasks • context
  9. 9. “Start with the customer and work backwards.”Jeff Bezos
  10. 10. Lets  get  out  of  this  building…  
  11. 11. …and  enter  into  the  real  world  
  12. 12. hKp://www.mobify.com/blog/  
  13. 13. Your  building.  Do  you  get  out  from  :me  to  :me?  Challenge  n°  2  
  14. 14. Mobile UX strategynative • mobile • responsive
  15. 15. “You don’t walk into a hardware store, notice a good-looking shovel, then say “Boy this sure looks like a mightyfine looking shovel. I’m gonna head home and startfinding stuff to dig up with this here shovel.”Brad Frost, blogpost “Native vs Web” is total bullshit, July 2011
  16. 16. the native road
  17. 17. “As of this writing, there’s no contest: Ship [native] mobile apps if you can affordit(…)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
  18. 18. Jakob  ‘we  know,  because  we’ve  seen  it  happen’  Nielsen  Jakob  Who?  
  19. 19. §  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 thiswriting)§  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 parkThe native road - whennative
  20. 20. §  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 - whennative
  21. 21. §  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 caseThe native road - focusnative
  22. 22. HAZMAT  evac   Cargo  Decoder  
  23. 23. §  Limited continuity between different contexts§  No comparable desktop and mobile experience§  Features and content not equally likely to be accessedon multiple devices§  Other iOS native apps already being used§  Interesting times…Nokeos design strategy
  24. 24. The web road
  25. 25. “Once you start thinking in terms of networks, it just doesn’t make muchsense to prefer local apps, with downloadable, installable code thatneeds to be constantly updated.(…)But we’re not yet in a world of infinite speed, so that’s why we havemobile apps and PC and Mac software on laptops and phones. That’s whythere are still Xbox games on discs. That’s why everything isn’t in thecloud. But eventually the technology wants it all to be up there.”Marc Andreessen, Wired Magazine, April 2012
  26. 26. Marc  ‘a  lot  of  things  you  want  to  do  as  part  of  daily  life  can  now  be  done  over  the  internet’  Andreessen  Marc  Who?  
  27. 27. the web road
  28. 28. §  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 reachThe web road, direction mobile
  29. 29. §  When to build?§  your users’ goals differ depending on device/context§  you offer ‘simple’ functionality like look-ups andsimple workflows§  you need speed§  you don’t need§  lots of editing or data manipulation§  on-device functionsThe web road, direction mobile - when
  30. 30. §  Your focus is on§  stripping features that are not the core of the mobileuse case§  reducing ⎜ removing ⎜ demoting§  enlarging interface elements§  providing an emergency exit§  cross-link from desktop site (or ‘full site’) to mobile site andvice versaThe web road, direction mobile - focus
  31. 31. Uw kind wil u iets vertellenKidsTennisishetVTV-opleidingsconceptvoorkinderenvanaf3jaar.Deopleidingisopgedeeldinvaardigheidsniveausdie telkens een andere kleur hebben. Kinderen leren stap voor stap tennissen op een aangepast terrein met eenander 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.Meerinfo? Surf dan naar kidstennis.be en zoek een KidsTennisclub in uw buurt!Omdat bewegen gezond is
  32. 32. f l u i d g r i d sf l e x i b l e m e d i am e d i a q u e r i e s©  ezmarkup.com/learn-­‐how-­‐to-­‐design-­‐a-­‐mobile-­‐website.html  ©  2013  Brad  Frost  
  33. 33. “Perhaps there’s a compelling reason to keep your site’s desktop and mobileexperiences separate, or perhaps your content would be better served by aresponsive approach. Only you and your users know for certain.”Ethan Marcotte - Responsive Web Design, 2011
  34. 34. That’s  right.  This  guy  sCll  has  to  prove  a  thing  or  two.  Like  most  of  us.  Ethan  Who?  
  35. 35. §  When to build?§  you want continuity between different contexts§  you want a seamless multi-device experience§  the features and content you offer are equally likelyto 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 maintainThe web road, direction responsive - when
  36. 36. §  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
  37. 37. nativeChallenge  n°  3  -­‐  So,  which  road  will  you  choose?    
  38. 38. Mobile  UX  strategy  •  NaCve  •  Web  •  mobile  •  responsive  The  world  outside  •  Users  •  Tasks  •  Context  Business  context  •  Business  domain  •  Vision  &  mission  •  Technology  •  Data  
  39. 39. See also-  www.higroup.com/news-publications/white-papers-  www.higroup.com/casesDe Regenboog 112800 Mechelen+32 (0)15 40 01 38www.higroup.com@higroupHuman Interface GroupHuman Interface Groupjohan.verhaegen@higroup.com@johanverhaegen

×