Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

IAD 5 - les 1 - Context and challenges in mobile design

684 views

Published on

Published in: Design
  • Be the first to comment

IAD 5 - les 1 - Context and challenges in mobile design

  1. 1. Design for Mobile Context & uitdagingen in Mobile Design
  2. 2. Design for Mobile Nou ja, het scherm is gewoon wat kleiner…
  3. 3. Design for Mobile Variaties in schermgrootte
  4. 4. Design for Mobile Variaties in hardware
  5. 5. Design for Mobile  Touch screen  Pointing device (joystick)  Keyboard ((alfa)numeriek)  Soft keys  Dedicated buttons  Camera  Voice  GPS  Kompas  Nabijheid sensor  Oriëntatie sensor Veel input devices
  6. 6. Design for Mobile  Visueel (LED-scherm)  Auditief (speaker)  Tactiel (trillen) Output devices
  7. 7. Design for Mobile Verbonden met…
  8. 8. Design for Mobile Grootste knelpunten mobiele bruikbaarheid  Klein scherm  Lastige invoer (vooral tekst)  Langzame verbinding  Ongeschikte sites
  9. 9. Design for Mobile De condities zijn totaal verschillend http://unitid.nl/2009/09/ontwerpen-voor-het-mobiele-web/
  10. 10. Design for Mobilehttp://www.slideshare.net/cxpartners/web-and-mobile-forms-design-userfriendly-2010-workshop
  11. 11. Design for Mobile From: Tapworthy: Designing Great iPhone Apps by Josh Clark
  12. 12. Design for Mobile From: Tapworthy: Designing Great iPhone Apps by Josh Clark
  13. 13. Design for Mobile Mobile Mindsets I am micro- tasking From: Tapworthy: Designing Great iPhone Apps by Josh Clark I am local I am bored
  14. 14. Design for Mobile Tablets: nieuwe context & uitdaging  Lean back vs lean forward  Ander gebruik dan mobiel en desktop: informatie ‘snacken’
  15. 15. Design for Mobile Tablets zijn verantwoordelijk voor de hergeboorte van lezen, zegt The Economist http://www.theverge.com/2011/12/15/2637699/economist-rebirth-reading-lean-back
  16. 16. Design for Mobile Ideaal voor front-office  Info opzoeken  Notities maken  Eenvoudige handelingen
  17. 17. Dus hoe ontwerp je voor mobile?
  18. 18. Bouw een aparte mobiele site Auto-redirect zoekopdrachten naar je mobiele site Stuur gebruikers die meer info willen naar de desktop site Schrap features en content die niet passen in de mobiele context
  19. 19. Link naar volledige site Top ‘onderweg’ taken
  20. 20. De mobiele context Onderweg Micro-taken Multi-tasking
  21. 21. “Niemand zal onze energietarieven ooit op zijn mobiel willen bekijken.”
  22. 22. “Het is volstrekt niet logisch dat gebruikers dat allemaal gaan lezen op hun mobiel.”
  23. 23. “Mensen kunnen dit complexe formulier toch veel beter invullen op hun pc?”
  24. 24. De mobiele context Onderweg Micro-taken Multi-tasking
  25. 25. De mobiele context Onderweg Micro-taken Multi-
  26. 26. van alle mensen met mobiel internet benadert het web primair via mobiel 31 % http://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Key-Findings.aspx
  27. 27. van 18-29 jarigen met mobiel internet benadert het web primair via mobiel. 45 % http://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Key-Findings.aspx
  28. 28. van mensen met een inkomen onder $25.000 heeft geen pc, maar vaak wel een smartphone met internet. 60 % http://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Key-Findings.aspx
  29. 29. “Als jouw informatie niet beschikbaar is op een klein scherm, bestaat het niet voor alle mensen die primair met hun mobiele telefoon toegang tot internet hebben. Pew Research
  30. 30. van de mensen gebruikt mobiel internet tijdens het televisiekijken. 86 % http://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Key-Findings.aspx
  31. 31. zegt te internetten op de wc. (dus 60% liegt) 39 % http://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Key-Findings.aspx
  32. 32. start een taak op het ene apparaat en voltooit het op een ander apparaat. 90 % http://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Key-Findings.aspx
  33. 33. Mensen kopen diamanten via mobiel Mensen vullen complexe formulieren
  34. 34. “Denk niet dat jij kunt raden welk deel van jouw content een mobiele gebruiker wil. Je zult verkeerd gokken.” Karen McGrane
  35. 35. Contentpariteit = =
  36. 36. “Als een gebruiker bij een webpagina kan komen op een desktop pc, moet hij dezelfde pagina op dezelfde URL kunnen bereiken op zijn mobiel.” Brad Frost
  37. 37. Design for Mobile Situatie 1 Stel je zit in de trein.  Je herinnert je ineens dat je nog geen cadeau voor je moeder hebt voor kerst  en kerst is al over 3 dagen.  Maar je moet dan eerst op haar online verlanglijst kijken wat ze wil hebben. Wat doe je? a. Ga je meteen met op je mobiel kijken op haar lijstje en haar cadeau kopen, terwijl je weet dat je daar waarschijnlijk je hele treinrit voor nodig hebt? b. Of wacht je tot je thuis bent en doe je alles in 5 minuutjes op je computer?
  38. 38. Design for Mobile Situatie 2 Stel je zit op de bank tv te kijken.  Je besluit even op Marktplaats te zoeken naar een tweedehands fiets.  Je mobiel ligt naast je op de bank.  Je tablet ligt 5 meter verder op de eettafel.  Je pc / laptop is boven in de studeerkamer. Met welk device ga je surfen?
  39. 39. Design for Mobile The carry-principle If only one device is in your pocket … … you browse on this device.
  40. 40. Design for Mobile De gevolgen voor het gebruikscenario: • Beschikbaarheid: gebruikers zijn altijd beschikbaar voor interactie • Beperkte aandacht: gebruikers zijn veelal met meer bezig dan interactie • Veranderend sociaal gedrag: gebruikers raken minder betrokken bij directe omgeving en blijven meer ‘op afstand’ betrokken The carry-principle
  41. 41. Design for Mobile De ‘lite’ mobiele site is dus geen oplossing  ‘Responsive Design’ (les 2) is nu een heel populaire ontwerpstrategie voor websites.  Maar hoe zit het dan met apps?
  42. 42. Ik wil een app! van branded apps haalt de 1000 downloads niet 80%
  43. 43. Design for Mobile
  44. 44. Adaptieve Systemen
  45. 45. Plaats Adaptieve systemen luisteren naar de omgeving en leren de gedragspatronen van de gebruiker.
  46. 46. Plaats Adaptieve systemen luisteren naar de omgeving en leren de gedragspatronen van de gebruiker. begrijpen niet alleen de gebruikscontext, maar anticiperen wat de gebruiker wil op specifieke momenten. geven ‘just in time’ antwoord voordat je de vraag kunt typen
  47. 47. Google Now
  48. 48. Design for Mobile Lezen  Reader: hoofdstuk 1
  49. 49. Design for Mobile Vragen? Feedback? Contactgegevens

×