bli en brukertester: finn feilene før kundene gjøre det

124
Ida Aalen Kommunikasjon på sitt beste 13. november 2014 Finn feilene før du mister kundene: Bli en brukertester

Upload: ida-aalen

Post on 08-Jul-2015

496 views

Category:

Design


3 download

DESCRIPTION

Kommunikasjon på sitt beste, 13. november. Confex-konferanse

TRANSCRIPT

Page 1: Bli en brukertester: Finn feilene før kundene gjøre det

Ida AalenKommunikasjon på sitt beste13. november 2014

Finn feilene før du mister kundene:

Bli en brukertester

Page 3: Bli en brukertester: Finn feilene før kundene gjøre det

Først,en liten øvelse...

Page 4: Bli en brukertester: Finn feilene før kundene gjøre det

Oppgave 1Les tittel og innledning. Skriv ned 3-4 spørsmål du forventer å få svar på i teksten.

Page 5: Bli en brukertester: Finn feilene før kundene gjøre det

Oppgave 2Marker hvor i teksten du får svar på spørsmålene du skrev ned. Er spørsmålene godt nok besvart?

Page 6: Bli en brukertester: Finn feilene før kundene gjøre det

Mikrotest av innholdUtviklet av Laura Arlov

Page 7: Bli en brukertester: Finn feilene før kundene gjøre det

Hei, kan du sjekke en tekst for meg?

Det tar 5 minutter

Jeg har sendt et par e-poster, kan du åpne den

første nå?

Page 8: Bli en brukertester: Finn feilene før kundene gjøre det

Man kan finne ut mye på kort tid, med få verktøy.

Page 9: Bli en brukertester: Finn feilene før kundene gjøre det

Hva er brukertesting?

Page 10: Bli en brukertester: Finn feilene før kundene gjøre det
Page 11: Bli en brukertester: Finn feilene før kundene gjøre det
Page 12: Bli en brukertester: Finn feilene før kundene gjøre det

Testing i lab

Page 13: Bli en brukertester: Finn feilene før kundene gjøre det

Testing i felt

Testing i lab

Page 14: Bli en brukertester: Finn feilene før kundene gjøre det

Testing i felt

Testing i lab

Fjern-testing

Page 15: Bli en brukertester: Finn feilene før kundene gjøre det

En brukertest er en simulering av at

reelle brukere forsøker å gjøre reelle oppgaverSlik at vi kan

avdekke brukervennlighets-problemer

Page 16: Bli en brukertester: Finn feilene før kundene gjøre det

• Webstatistikk kan gi symptomer på problemer, brukertest kan gi diagnose

• Brukertest kan avdekke et spekter av problemer, spørreundersøkelse kan avdekke utbredelsen

• Søkelogger kan gi innblikk i brukernes språk, kortsortering for å finne system

Brukertest er ett av verktøyene

Page 17: Bli en brukertester: Finn feilene før kundene gjøre det

Du trenger ikke et ferdig nettsted for å teste...

Page 18: Bli en brukertester: Finn feilene før kundene gjøre det

Du trenger ikke et ferdig nettsted for å teste...

Papir

Page 19: Bli en brukertester: Finn feilene før kundene gjøre det

Du trenger ikke et ferdig nettsted for å teste...

Papir

Prototype

Page 20: Bli en brukertester: Finn feilene før kundene gjøre det

Du trenger ikke et ferdig nettsted for å teste...

Papir

Prototype HTML-prototype

Page 21: Bli en brukertester: Finn feilene før kundene gjøre det

Papirskisse

Papirprototype

Wireframes Designskisser

Klikkbarewireframes

Klikkbaredesignskisser

Prototype uten design

Prototype iHTML & CSS

Interaktiv

FlatGrov Detaljert design

FunksjonellFerdig løsning

Tidlig testing av ideerTidlig testing av ideerTidlig testing av ideerTidlig testing av ideerTidlig testing av ideer

Page 22: Bli en brukertester: Finn feilene før kundene gjøre det

Papirskisse

Papirprototype

Wireframes Designskisser

Klikkbarewireframes

Klikkbaredesignskisser

Prototype uten design

Prototype iHTML & CSS

Interaktiv

FlatGrov Detaljert design

FunksjonellFerdig løsning

Tidlig testing av ideerTidlig testing av ideerTidlig testing av ideerTidlig testing av ideerTidlig testing av ideer

Kan teste tekster og informasjonsarkitektur

Page 23: Bli en brukertester: Finn feilene før kundene gjøre det

Papirskisse

Papirprototype

Wireframes Designskisser

Klikkbarewireframes

Klikkbaredesignskisser

Prototype uten design

Prototype iHTML & CSS

Interaktiv

FlatGrov Detaljert design

FunksjonellFerdig løsning

Tidlig testing av ideerTidlig testing av ideerTidlig testing av ideerTidlig testing av ideerTidlig testing av ideer

Kan teste tekster og informasjonsarkitektur

Teste ikonografi, ser ting klikkbart ut

Page 24: Bli en brukertester: Finn feilene før kundene gjøre det

Papirskisse

Papirprototype

Wireframes Designskisser

Klikkbarewireframes

Klikkbaredesignskisser

Prototype uten design

Prototype iHTML & CSS

Interaktiv

FlatGrov Detaljert design

FunksjonellFerdig løsning

Tidlig testing av ideerTidlig testing av ideerTidlig testing av ideerTidlig testing av ideerTidlig testing av ideer

Mer realistisk testing av flyt og skjemaer

Kan teste tekster og informasjonsarkitektur

Teste ikonografi, ser ting klikkbart ut

Page 25: Bli en brukertester: Finn feilene før kundene gjøre det

Men prinsippene er de samme. Det handler om å se hva brukerne gjør og høre hvordan de tenker.

Page 26: Bli en brukertester: Finn feilene før kundene gjøre det

2 grunner til å teste

Page 27: Bli en brukertester: Finn feilene før kundene gjøre det

#1

Test for hygiene

Page 28: Bli en brukertester: Finn feilene før kundene gjøre det

...men jeg ser ikke fotballen..

Page 29: Bli en brukertester: Finn feilene før kundene gjøre det

Vi oppdager problemer som vi selv har for mye bakgrunnskunnskap til å kunne oppdage på egenhånd

Page 30: Bli en brukertester: Finn feilene før kundene gjøre det

#2

Test for innovasjon

Page 31: Bli en brukertester: Finn feilene før kundene gjøre det

Hvorfor får jeg ingen treff?

Page 32: Bli en brukertester: Finn feilene før kundene gjøre det

Kundeservice og sentralbordHva ringer folk og spør om?WebstatistikkHvor faller brukerne av? Hvor bruker de uventet mye tid?SøkeloggerHva virker det som folk ikke finner?

Hvor kan vi finne mulige problemer?

Page 33: Bli en brukertester: Finn feilene før kundene gjøre det

Du bør også teste ting som...

• gjøres ofte eller av mange brukere

• får store konsekvenser dersom brukerne ikke klarer

• er kjepphester som man må avdekke om har rot i virkeligheten

Page 34: Bli en brukertester: Finn feilene før kundene gjøre det

2013.webdagene.no/sesjoner/case/

Page 35: Bli en brukertester: Finn feilene før kundene gjøre det

Brukertesting er som regel en kvalitativ metode

Page 36: Bli en brukertester: Finn feilene før kundene gjøre det

5

Page 37: Bli en brukertester: Finn feilene før kundene gjøre det

Foto: Mercy Health (CC BY NC ND)

Page 38: Bli en brukertester: Finn feilene før kundene gjøre det
Page 39: Bli en brukertester: Finn feilene før kundene gjøre det
Page 40: Bli en brukertester: Finn feilene før kundene gjøre det
Page 41: Bli en brukertester: Finn feilene før kundene gjøre det
Page 42: Bli en brukertester: Finn feilene før kundene gjøre det

Forteller deg ikke hvor vanlig problemet er

Page 43: Bli en brukertester: Finn feilene før kundene gjøre det

3 bud for testing

Page 44: Bli en brukertester: Finn feilene før kundene gjøre det

#1

Enkel testing er bedre enn ingen testing

Page 45: Bli en brukertester: Finn feilene før kundene gjøre det

#2

Flere små og hyppige tester er bedre enn store tester sjeldnere

Page 46: Bli en brukertester: Finn feilene før kundene gjøre det
Page 47: Bli en brukertester: Finn feilene før kundene gjøre det
Page 48: Bli en brukertester: Finn feilene før kundene gjøre det
Page 49: Bli en brukertester: Finn feilene før kundene gjøre det

#3

En brukertest blir aldri bedre enn brukerne du rekrutterer

Page 50: Bli en brukertester: Finn feilene før kundene gjøre det

Utstyr

Page 51: Bli en brukertester: Finn feilene før kundene gjøre det

Du trenger IKKE en lab for

å gjøre brukertester

Page 52: Bli en brukertester: Finn feilene før kundene gjøre det

Den enkleste varianten

Page 53: Bli en brukertester: Finn feilene før kundene gjøre det

Den enkleste varianten

Page 54: Bli en brukertester: Finn feilene før kundene gjøre det

Den enkleste varianten

Page 55: Bli en brukertester: Finn feilene før kundene gjøre det

Testing i felt

Den enkleste varianten

Page 56: Bli en brukertester: Finn feilene før kundene gjøre det

Om du må dokumentere

Page 57: Bli en brukertester: Finn feilene før kundene gjøre det

+Silverback

Om du må dokumentere

Page 58: Bli en brukertester: Finn feilene før kundene gjøre det
Page 59: Bli en brukertester: Finn feilene før kundene gjøre det

Om du har observatører

Testmaskin

Page 60: Bli en brukertester: Finn feilene før kundene gjøre det

Om du har observatører

Testmaskin + Observasjon

Page 61: Bli en brukertester: Finn feilene før kundene gjøre det

Om du har observatører

Testmaskin + Observasjon + Hangouts

Page 62: Bli en brukertester: Finn feilene før kundene gjøre det
Page 63: Bli en brukertester: Finn feilene før kundene gjøre det

Moderering

Page 64: Bli en brukertester: Finn feilene før kundene gjøre det
Page 65: Bli en brukertester: Finn feilene før kundene gjøre det
Page 66: Bli en brukertester: Finn feilene før kundene gjøre det
Page 67: Bli en brukertester: Finn feilene før kundene gjøre det

Få testpersonen

til å følge seg vel

Gjøre det enklere for

observatørene å forstå

Sørge for at testopplegget

følges

Page 68: Bli en brukertester: Finn feilene før kundene gjøre det

Foto: Andrea Allen (CC BY)

Page 69: Bli en brukertester: Finn feilene før kundene gjøre det

Få testpersonen til å tenke høyt

Page 70: Bli en brukertester: Finn feilene før kundene gjøre det

Bruker Testleder

Page 71: Bli en brukertester: Finn feilene før kundene gjøre det

Hva tenker du nå?

Page 72: Bli en brukertester: Finn feilene før kundene gjøre det

Jeg leter etter menyen...

Page 73: Bli en brukertester: Finn feilene før kundene gjøre det

Jeg leter etter menyen...

Hva er det du ønsker å gjøre i

menyen?

Page 74: Bli en brukertester: Finn feilene før kundene gjøre det

Jeg leter etter menyen...

Hva er det du ønsker å gjøre i

menyen?

Få brukeren til å tenke høyt og

still åpne spørsmål

Page 75: Bli en brukertester: Finn feilene før kundene gjøre det

Logge meg inn..

Page 76: Bli en brukertester: Finn feilene før kundene gjøre det

Logge meg inn..

Ser du noe sted du kan klikke for å gå videre til å gjøre

det?

Page 77: Bli en brukertester: Finn feilene før kundene gjøre det

Hva skjer hvis jeg trykker her?

Page 78: Bli en brukertester: Finn feilene før kundene gjøre det

Hva skjer hvis jeg trykker her?

Hva tenker du burde skje hvis du

trykker der da?

Page 79: Bli en brukertester: Finn feilene før kundene gjøre det

Hva skjer hvis jeg trykker her?

Page 80: Bli en brukertester: Finn feilene før kundene gjøre det

Hva skjer hvis jeg trykker her?

Pass på at du ikke hjelper

brukeren

Page 81: Bli en brukertester: Finn feilene før kundene gjøre det

Hvordan lede en test uten å lede veien?

Page 82: Bli en brukertester: Finn feilene før kundene gjøre det

Jeg har laget et nytt design for

sidene så jeg lurer veldig på hva du

synes.

Page 83: Bli en brukertester: Finn feilene før kundene gjøre det

De som har laget nettsidene

trenger hjelp til å finne ut om de fungerer godt

nok.

Page 84: Bli en brukertester: Finn feilene før kundene gjøre det

Så flink du er! Du klarer jo alle oppgavene med

en gang!

Page 85: Bli en brukertester: Finn feilene før kundene gjøre det

Tusen takk for hjelpen, da går vi

videre til neste oppgave.

Page 86: Bli en brukertester: Finn feilene før kundene gjøre det

Det hadde gått mye fortere

om du bare hadde trykket på meny-

knappen.

Page 87: Bli en brukertester: Finn feilene før kundene gjøre det

Her har sidene stort forbedrings-

potensiale, ja. Takk for hjelpen!

Page 88: Bli en brukertester: Finn feilene før kundene gjøre det

Sukk...

Page 89: Bli en brukertester: Finn feilene før kundene gjøre det
Page 90: Bli en brukertester: Finn feilene før kundene gjøre det
Page 91: Bli en brukertester: Finn feilene før kundene gjøre det

Hva vil vi finne ut av?

Page 92: Bli en brukertester: Finn feilene før kundene gjøre det

Hva vil vi finne ut av?Hvilket spørsmål skal vi stille?

Page 93: Bli en brukertester: Finn feilene før kundene gjøre det

Hva vil vi finne ut av?Hvilket spørsmål skal vi stille?

Page 94: Bli en brukertester: Finn feilene før kundene gjøre det

Tips • Gi brukeren et problem de skal løse, i stedet for be dem “finne” noe

• Ikke bruk nøyaktig de samme begrepene som på nettsida

• Tilpass oppgavene til den enkelte testperson for å gjøre det mer realistisk

Page 95: Bli en brukertester: Finn feilene før kundene gjøre det

Helt åpen

Hva ville du gjort for å finne ut hvordan man kan merke at man har brystkreft?

Page 96: Bli en brukertester: Finn feilene før kundene gjøre det

Helt åpen

Hva ville du gjort for å finne ut hvordan man kan merke at man har brystkreft?

Delvis åpen

Gå til kreftforeningen.no. Hva ville du gjort om du skulle funnet ut hvordan man kan merke at man har brystkreft?

Page 97: Bli en brukertester: Finn feilene før kundene gjøre det

Helt åpen

Hva ville du gjort for å finne ut hvordan man kan merke at man har brystkreft?

Konkret

Kan du finne listen over vanlige symptomer på brystkreft her på kreftforeningen.no?

Delvis åpen

Gå til kreftforeningen.no. Hva ville du gjort om du skulle funnet ut hvordan man kan merke at man har brystkreft?

Page 98: Bli en brukertester: Finn feilene før kundene gjøre det

Observasjon og tolkning

Page 99: Bli en brukertester: Finn feilene før kundene gjøre det

Ikke hør på brukerne dine

Page 100: Bli en brukertester: Finn feilene før kundene gjøre det

EtterrasjonaliseringMichael S. Gazzaniga: “The Interpreter”http://youtu.be/mJKloz2vwlc

Page 101: Bli en brukertester: Finn feilene før kundene gjøre det

Spørreundersøkelser

A/B-testing

Brukertesting

IntervjuerFokusgrupper Feltstudier

Webstatistikk

Søkeanalyse

“Fant du det du lette etter?”

Tråling av sosiale medier

Page 102: Bli en brukertester: Finn feilene før kundene gjøre det

Kvantitativt

Kvalitativt

Spørreundersøkelser

A/B-testing

Brukertesting

IntervjuerFokusgrupper Feltstudier

Webstatistikk

Søkeanalyse

“Fant du det du lette etter?”

Tråling av sosiale medier

Page 103: Bli en brukertester: Finn feilene før kundene gjøre det

Kvantitativt

Kvalitativt

Selv-rapportert Observert

Spørreundersøkelser

A/B-testing

Brukertesting

IntervjuerFokusgrupper Feltstudier

Webstatistikk

Søkeanalyse

“Fant du det du lette etter?”

Tråling av sosiale medier

Page 104: Bli en brukertester: Finn feilene før kundene gjøre det

Kvantitativt

Kvalitativt

Selv-rapportert Observert

Spørreundersøkelser

A/B-testing

Brukertesting

IntervjuerFokusgrupper Feltstudier

Webstatistikk

Søkeanalyse

“Fant du det du lette etter?”

Tråling av sosiale medier

Page 105: Bli en brukertester: Finn feilene før kundene gjøre det

Kvantitativt

Kvalitativt

Selv-rapportert Observert

Spørreundersøkelser

A/B-testing

IntervjuerFokusgrupper Feltstudier

Webstatistikk

Søkeanalyse

“Fant du det du lette etter?”

Tråling av sosiale medier

Page 106: Bli en brukertester: Finn feilene før kundene gjøre det

https://medium.com/@mulegirl/focus-groups-are-worthless-7d30891e58f1

Les denne bloggposten!

Page 107: Bli en brukertester: Finn feilene før kundene gjøre det

Observasjon• Hva du så testpersonen

gjøre• Hva testpersonen sa

Tolkning• Hva du tror var grunnen til

at testpersonen gjorde som de gjorde

Forbedringsforslag• Hva du tror kunne vært en

god løsning på problemet

Husk å skille mellom

Page 108: Bli en brukertester: Finn feilene før kundene gjøre det

Observasjon• Brukeren klikket ikke på “kjøp”-knappen

Page 109: Bli en brukertester: Finn feilene før kundene gjøre det

Observasjon• Brukeren klikket ikke på “kjøp”-knappen

Tolkninger• Knappen har feil plassering• Knappen står ikke ut pga form eller farge• Teksten “kjøp” høres for bindende ut• Brukeren trodde ikke han skulle “kjøpe” siden det bare er en

test

Page 110: Bli en brukertester: Finn feilene før kundene gjøre det

Når trenger du flere observatører?

• Hvis det er viktig med forankring

• Stort sett er jo flere observatører, jo bedre, fordi ulike personer legger merke til ulike ting

• Hvis du tester en tidlig versjon av ny løsning er det som regel lurt å få med utviklere, som kan få øye på andre ting enn deg

Page 111: Bli en brukertester: Finn feilene før kundene gjøre det
Page 112: Bli en brukertester: Finn feilene før kundene gjøre det
Page 113: Bli en brukertester: Finn feilene før kundene gjøre det

Analyse og veien videre

Page 114: Bli en brukertester: Finn feilene før kundene gjøre det

Analysen må gjøres så raskt som mulig av dem som gjennomførte brukertesten

Page 115: Bli en brukertester: Finn feilene før kundene gjøre det

Analyse på 1-2-3Er det noe dere observerte

• ...på tvers av flere testpersoner på den samme oppgaven?• ...på tvers av flere oppgaver?

Denne analysen kan du gjøre løpende mellom hver testperson.

Page 116: Bli en brukertester: Finn feilene før kundene gjøre det

Rapportering og formidling

Page 117: Bli en brukertester: Finn feilene før kundene gjøre det

Vise alvoret

Page 118: Bli en brukertester: Finn feilene før kundene gjøre det
Page 119: Bli en brukertester: Finn feilene før kundene gjøre det
Page 120: Bli en brukertester: Finn feilene før kundene gjøre det

Verktøy for arbeidsgruppen

Page 121: Bli en brukertester: Finn feilene før kundene gjøre det
Page 122: Bli en brukertester: Finn feilene før kundene gjøre det

Hvordan prioritere?

• Hvor mange bruker det?• Hvor store konsekvenser

er det at det går galt?• Får dette funnet støtte fra

andre datakilder, for eksempel webstatistikk eller kundeservice?

• Hvor vanskelig eller kostbart er det å rette opp i det?

Page 123: Bli en brukertester: Finn feilene før kundene gjøre det

Sørg for at det skjer noe med resultatene!

• Omformuler hvert brukervennlighetsproblem til et gjøremål

• Fordel ansvar for hvert gjøremål

Page 124: Bli en brukertester: Finn feilene før kundene gjøre det

Takk for meg!Ida [email protected] 24 24 12@idaAa