際際滷

際際滷Share a Scribd company logo
Design for Mobile
Context & uitdagingen in
Mobile Design
Design for Mobile
Nou ja, het
scherm is
gewoon wat
kleiner
Design for Mobile
Variaties in schermgrootte
Design for Mobile
Variaties in hardware
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
Design for Mobile
 Visueel (LED-scherm)
 Auditief (speaker)
 Tactiel (trillen)
Output devices
Design for Mobile
Verbonden 馨艶岳
Design for Mobile
Grootste knelpunten mobiele bruikbaarheid
 Klein scherm
 Lastige invoer (vooral tekst)
 Langzame verbinding
 Ongeschikte sites
Design for Mobile
De condities zijn totaal verschillend
http://unitid.nl/2009/09/ontwerpen-voor-het-mobiele-web/
Design for Mobilehttp://www.slideshare.net/cxpartners/web-and-mobile-forms-design-userfriendly-2010-workshop
Design for Mobile
From: Tapworthy: Designing Great iPhone Apps by Josh Clark
Design for Mobile
From: Tapworthy: Designing Great iPhone Apps by Josh Clark
Design for Mobile
Mobile Mindsets
I am micro-
tasking
From: Tapworthy: Designing Great iPhone Apps by Josh Clark
I am local I am bored
Design for Mobile
Tablets: nieuwe context & uitdaging
 Lean back vs lean forward
 Ander gebruik dan mobiel en
desktop: informatie snacken
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
Design for Mobile
Ideaal voor front-office
 Info opzoeken
 Notities maken
 Eenvoudige handelingen
Dus hoe ontwerp
je voor mobile?
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
Link naar volledige site
Top onderweg taken
De mobiele context
Onderweg Micro-taken Multi-tasking
Niemand zal onze
energietarieven ooit
op zijn mobiel willen
bekijken.
Het is volstrekt niet
logisch dat gebruikers
dat allemaal gaan lezen
op hun mobiel.
Mensen kunnen dit
complexe formulier
toch veel beter
invullen op hun pc?
De mobiele context
Onderweg Micro-taken Multi-tasking
De mobiele context
Onderweg Micro-taken Multi-
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
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
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
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
van de mensen gebruikt mobiel
internet tijdens het
televisiekijken.
86
%
http://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Key-Findings.aspx
zegt te internetten op de wc.
(dus 60% liegt)
39
%
http://pewinternet.org/Reports/2012/Cell-Internet-Use-2012/Key-Findings.aspx
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
Mensen kopen
diamanten via mobiel
Mensen vullen
complexe formulieren
Denk niet dat jij kunt
raden welk deel van jouw
content een mobiele
gebruiker wil.
Je zult verkeerd gokken.
Karen McGrane
Contentpariteit
= =
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
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?
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?
Design for Mobile
The carry-principle
If only one device is in your pocket 
 you browse on this device.
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
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?
Ik wil een app!
van branded apps haalt
de 1000 downloads niet
80%
Design for Mobile
Adaptieve
Systemen
IAD 5 - les 1 - Context and challenges in mobile design
Plaats
Adaptieve systemen
luisteren naar de omgeving en
leren de gedragspatronen van
de gebruiker.
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
Google Now
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile design
IAD 5 - les 1 - Context and challenges in mobile design
Design for Mobile
Lezen
 Reader: hoofdstuk 1
Design for Mobile
Vragen? Feedback?
Contactgegevens

More Related Content

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

Editor's Notes

  1. 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
  2. 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.
  3. Mobiele context dus. En dus op de mobiele site allesschrappendat in die context niet relevant is.
  4. Ditkomtmisschienalseenschok, maar d辿mobiele context bestaatniet.
  5. Wat is de volgendeinnovatiegolf?Adaptievesystemen
  6. U bent wellicht met TomTom. s avonds en in tunnels schakelthijautomatisch over naar de nachtmodus, zodat u minder afgeleidwordttijdens het rijden.