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

521 views

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
521
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • De laatstegroepheeftgoedgeluisterdnaar usability grootvaderJakob Nielsen, die vorigjaar de volgendeadviezengaf:Bouweenapartemobiele siteSchrap features en content die nietpassen in de mobiele contextAuto-redirect zoekopdrachtennaar je mobiele siteStuurgebruikers die meer info willennaar de desktop site
  • Ditadvies past perfect in het plaatje van ‘mobiele context’: mensenzijnonderweg en willen al rennend of fietsendeenmicrotaakverrichten, zoals de vertrektijd van hun bus. Duswordtvoormobielalle content geschrapt die nietbehoren tot de ‘onderweg’ taken.
  • Mobiele context dus. En dus op de mobiele site allesschrappendat in die context niet relevant is.
  • Ditkomtmisschienalseenschok, maar démobiele context bestaatniet.
  • Wat is de volgendeinnovatiegolf?Adaptievesystemen
  • U bent wellicht met TomTom. ‘s avonds en in tunnels schakelthijautomatisch over naar de nachtmodus, zodat u minder afgeleidwordttijdens het rijden.
  • 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

    ×