8. – We’re now faced with a
browser landscape [...] with
devices becoming smaller
and larger simultaneously.
Ethan Marcotte
Responsive Web Design, s. 6
9. – [...] we’re designing for
more devices, more input
types, more resolutions than
ever before.
Ethan Marcotte
Responsive Web Design, s. 6
10. • Tar som utgangspunkt at
Responsive du tilbyr det samme
innholdet på alle
design plattformer
• Det som tilpasses er
hvordan dette innholdet
vises frem
11. • Tar som utgangspunkt at
Mobile first man får en bedre løsning
om man begynner med å
designe for små skjermer
først
• Tanken er at dette får oss
til å fokusere og prioritere
bedre
• Hvis det ikke er viktig nok
til å ha på mobil, er det
egentlig viktig nok for
desktop?
15. • Folk bruker mobilen til å
Du bør - google,
- lese e-post,
uansett - sjekke Facebook og
Twitter.
være • Hva møter dem når de
åpner en link til nettstedet
tilgjengelig ditt? Da hjelper det lite å
ha en app
på nett... • Hva med de som ikke
bruker Android eller
iPhone?
16. Anbefalt lesning
Mobile First Clour Four Blog
Luke Wroblewski (2011) http://cloudfour.com/blog/
Responsive Web Media Queries Blog
Design http://mediaqueri.es/
Ethan Marcotte (2011)
18. ...hvis den kommer
Når passer til å brukes ofte
ettersom den først må
det å ha en lastes ned og installeres
app?
19. .. hvis den bruker
Når passer innebygget
funksjonalitet
det å ha en eksempelvis
• kamera
app? • lydopptak
• gyroskop
• adressebok
• sms
20. – Too often, people start from
the other end of the stick,
effectively asking, “What
does this app do for me, the
app creator?”
Josh Clark i Tapworthy
21. Hvem
Klarer du skal bruke appen?
Hva
svare på skal de bruke appen til?
Når
hva appen skal de bruke appen?
Hvor
din skal skal de bruke appen?
Hvorfor
gjøre? skal de bruke appen?
22. Hvem, hva, hvor, når
og hvorfor?
Eiere av Miele-maskiner
kan styre kjøkken-
apparatene sine
når de ikke er på kjøkkenet
men likevel er hjemme
og det gidder de fordi de
har så stort hus, kanskje?
23. Hvem, hva, hvor, når
og hvorfor?
Bysykkel-medlemmer
kan finne sykkelstativ på
kartet og hvor nærmeste
ledige sykkel er
når de er ute og sykler i
Oslo
så slipper de å lete eller
komme frem til et fullt
sykkelstaiv
Foto: Aktiv i Oslo CC-BY-NC-ND
24. Finne
Luke Ws jeg lurer på noe akkurat nå
fire Leke
jeg kjeder meg
brukstyper
Sjekke
jeg må være oppdatert
Lage
jeg må gjøre dette nå
25. Finne
Luke Ws Wikipedia, Kart, 1881,
Trafikanten, MatPrat
fire Leke
Angry Birds, RSS-leser,
brukstyper Facebook, Twitter
Sjekke
E-post, Facebook, Yr,
Kalender, Fotballkamp
Lage
Kamera, Keynote, Blogg
26. Mikro-jobbing
Josh Clarks jeg vil gjøre noe nyttig
tre
Kjedsomhet
brukstyper jeg vil gjøre noe for å få
tida til å gå
I nærheten
jeg vil gjøre noe som har
med hvor jeg er å gjøre
50. 7 spørsmål
1. Ligger den viktigste 4. Kan man bruke appen uten
informasjonen øverst? gestures?
2. Er det tydelig hva man kan 5. Har du tatt bort alt du kan
trykke på? ta bort?
3. Kan man bruke appen kun 6. Har du tydelige
med en tommeltott? handlingsdrivere?
7. Har du vært konsekvent?
55. • Legg derfor det du vil at
1. Ligger folk skal se først øverst på
skjermen
viktig info • Knapper som brukes ofte
bør legges lengst ned på
øverst? skjermen
• ...Men ikke legg menyen
nederst på Android-apper
60. • Bruksanvisninger er en
2. Er det farlig sovepute, og overses
ofte av brukerne
tydelig hva • Sørg for at trykkbare
elementer skiller seg ut
man kan
trykke på?
63. • Ikke vær redd for å gjøre
3. Kan du touch-elementer for store!
Vanlig minimum er 7mm x
bruke den 7mm
• Sørg for stor nok plass
med en mellom ulike touch-
elementer
tommel-
tott?
69. • Sørg for at det alltid er en
4. Klarer vei til alle handlinger uten
å måtte bruke gestures
man seg • Bruk gestures som
snarveier, ikke primær
uten navigasjon
gestures?
72. • Jo mer funksjonalitet
5. Har du appen din har, jo
vanskeligere blir det å
kuttet alt forklare hva den gjør
• Jo mer du putter inn på en
du kan skjerm, jo mindre
oppmerksomhet får hvert
kutte? enkelt element
• Hold antall instillinger til
et minimum, og gjør heller
gode valg for brukerne
76. • Sørg for at du vet hva du
6. Har du vil at brukeren skal gjøre
på hvert skjermbilde
tydelige • Ha tydelige veier videre,
for eksempel i form av
handlings- knapper og inputfelter
drivere?
80. • Er bruken av begreper og
7. Har du ikoner konsekvent mellom
ditt mobile nettsted,
vært desktopnettsted og app?
• Er appen eller mobilsiden
konsekvent? konsekvent innad, i bruken
av begreper og
interaksjonselementer?
• Er appen din konsekvent
med plattformen?
81. Anbefalt lesning
Tapworthy TappGala
Josh Clark (2010) http://tappgala.com
Mobile First Lovely UI
Luke Wroblewski (2011) http://lovelyui.com
83. • Brukerne har hatt
Hvorfor smarttelefoner kortere enn
de har vært på nett
bruker- • Konvensjonene er mer
utydelige på særlig iPad,
teste? Android og mobilsider
• Test før du er ferdig
88. • Folk kan svært få gestures
Noen ting • Ikke legg menylinjen
nederst på skjermen på
vi har lært Android
• Bruk lokasjon som hjelp,
av bruker- ikke som tvangstrøye
• Menyknappen lite brukt på
tester... Android
• Augmented Reality er ikke
alltid like nyttig..
89. • Test på samme mobil som
Når du folk bruker til vanlig!
• Sørg for at utviklere,
bruker- prosjekteiere og lignende
er til stede så de selv kan se
tester hvordan det er å bruke
appen eller siden du tester
• Du kan ikke bare teste med
mamman din :)
90. Anbefalt lesning
Invision App Praktisk
http://invisionapp.com Brukertesting
Toftøy-Andersen & Wold
Gjør det selv: 5 trinn (2011)
til brukertest
http://bit.ly/
brukertest12345
91. Takk for oss!
Ida Aalen
ida@netliferesearch.com
45 24 24 12
@idaAa
Eirik Hafver Rønjum
eirik@netliferesearch.com
924 03 165
@EirikHafver