usability onderzoek econversion2012 netprofiler
DESCRIPTION
Presentatie van Frans Appels en Marije HorbachTRANSCRIPT
![Page 1: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/1.jpg)
Hoe usability onderzoek succesvol toepassen
![Page 2: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/2.jpg)
Inhoud
1: Wie zijn wij?Frans AppelsMarije HorbachNetprofiler
2: Usability Expert reviewsOnline onderzoekenUsability think-aloud onderzoek met eyetracking
3: Think-aloudConcurrent think-aloudRetrospective think-aloudConstructive Interaction
4: Case Baobab
![Page 3: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/3.jpg)
1. Wie zijn wij?
![Page 4: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/4.jpg)
Frans Appels & Marije Horbach
• Managing Consultant van online marketing bureau Netprofiler
• Voorzitter Web Analytics Associatie NL
• Docent: NextMarketeer, Beeckestijn, IDMK en Lectric 3 daagse training “Conversie Optimalisatie”
• Studie: Communicatie- Informatiewetenschappen (Vrije Universiteit)
• Afstuderen: “De voorspellende validiteit van de hardop denkmethode in een vergelijkend revision-based studie”.
![Page 5: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/5.jpg)
Over Netprofiler
• Online marketing bureau gespecialiseerd in:- Web analytics- User experience & Conversie optimalisatie- Traffic optimalisatie (search, social media, affiliates)
• Netprofiler: 15 consultants
• Partner van:
5
![Page 6: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/6.jpg)
Wij helpen mee om de conversie te verbeteren voor:
![Page 7: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/7.jpg)
Conversie impact
De 6 fases van conversie optimalisatie
2. Expert audit
3. Usability onderzoek
4. A/B & multivariate testing
1. Web analytics
5. Behavioural targeting
6. Organisatie & proces
“Actionable insights”
7
![Page 8: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/8.jpg)
2. Usability
![Page 9: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/9.jpg)
Definities:
9
“To ensure that the user can achieve his goal effectively, efficiently and satisfactory.”
Usability is: don’t make the user think!
“Nothing important should ever be more than two clicks away.”
“Spreek de taal van de bezoeker”
“Wees consistent op je website”
2. Usability?
![Page 10: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/10.jpg)
Guru’s?
10
Jacob Nielsen“People are on the Web not to enjoy your Web design, but to get something done.”
Steve Krug“Usability really just means making sure that something works well: that a person of average (or even below average) ability and experience can use the thing-wether it’s a website, a fighter jet, or a revolving door – for its intended purpose without getting hopelessly frustrated.”
Donald Norman“User-centered design means working with your users all throughout the project.”
2. Usability in general
![Page 11: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/11.jpg)
Drie manieren om de usability te onderzoek
1. Expert review
2. Online onderzoeken (op afstand)
3. Usability (think-aloud) onderzoek (met eyetracking)
Uitgangspunten:
• Doel (business en klant)
• Doelgroep(en)
• Belangrijkste taak / taken
![Page 12: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/12.jpg)
2.1 Expert review
Bij een expert review wordt de website, pagina of applicatie geëvalueerd door de expert.
Dit kan op verschillende manieren. Hieronder twee manieren: a) Scenario-evaluatieb) Heuristische evaluatie
![Page 13: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/13.jpg)
2.1a Expert review: Scenario-evaluatie
Bij de scenario-evaluatie bezoeken de experts met een vooraf opgesteld scenario een website. In dit wordt een fictieve websitebezoeker beschreven. Zo’n scenario bestaat uit een beschrijving van de context met daarbij een aantal concrete vragen. De experts bezoeken vanuit de rol in het scenario, de website en proberen de vragen te beantwoorden.
Voordelen van deze methode:• experts richten zich op gebruikersproblemen, en minder op hun eigen
opvattingen over geslaagde online communicatie.
• experts leven zich beter in de doelgroep door het opgestelde scenario
• experts gaan zelf actief aan de slag op de website en ervaren zo zelf of de te nemen stappen logisch zijn.
![Page 14: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/14.jpg)
2.1b Expert review: Heuristische evaluatie
Bij een heuristische evaluatie maken de experts gebruik van een lijst met criteria waaraan de website beoordeeld wordt. Per criterium geven ze vervolgens een mening over de kwaliteit.
In de criterialijst komen de volgende aspecten aan bod:• Navigatie• Toegankelijkheid• Call-to-action• Content• Formulieren• Zoekfunctie• Bestelproces
Voordelen van deze methode:• experts richten zich op alle aspecten van de website en slaan daardoor niets over.
• door gebruik te maken van heuristieken wordt er gestructureerd te werk gegaan bij het reviewen van de website.
![Page 15: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/15.jpg)
• Een snelle manier om gebruikers in een usability onderzoek te betrekken, is door het gebruik van online usability tools.
Met onderstaande tools kunnen online ontwerpen voor pagina’s aan de gebruiker voorgelegd worden. Deze testen zijn geautomatiseerd omdat de vragen vooraf bedacht zijn en deze test worden zonder de aanwezigheid van een facilitator uitgevoerd.
Tool waarmee micro-usability test worden uitgevoerd. De pagina’s worden samen met enkele vragen voorgelegd aan de gebruikers. De gebruikers kunnen notities en markeringen op de pagina plaatsen. Output is een heatmap van deze notities en markeringen.
Tool waarmee HTML-pagina’s getest kunnen worden met interacties. Op deze manier kan er goed onderzoek gedaan worden naar klikpaden en navigatie. Naast de clicks geven de gebruikers uitleg en commentaren bij het uitvoeren van de opdrachten.
2.2 Online onderzoeken (op afstand)
![Page 16: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/16.jpg)
2.2 Online onderzoeken (op afstand)
![Page 17: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/17.jpg)
2.2 Online onderzoeken (op afstand)
![Page 18: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/18.jpg)
2.3 Usability onderzoek met eyetracking
• Usability onderzoek met eyetracking biedt de mogelijkheid om de gebruiker real-time aan de slag te zien met opdrachten op de website, of het ontwerp. Het voordeel is dat de facilitator eventueel kan doorvragen.
• Usability onderzoek kan je uitvoeren in combinatie met eyetracking. De eyetracking wordt vooral gebruikt tijdens het meekijken
• Per onderzoek nodigen we minimaal 6 respondenten uit, die elk een half uur of uur aan het onderzoek deelnemen.
• We voeren de onderzoeken uit met hardop denkmethodes (think aloud).
• De output van het onderzoek is een kort en bondige rapportage waarmee website bouwers en ontwerpers direct aan de slag kunnen gaan. De rapportage is gebaseerd op screenshots waarbij de fout en de oplossing gegeven wordt om de gebruiksvriendelijkheid van het element te verbeteren.
![Page 19: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/19.jpg)
2.3 Usability onderzoek met eyetracking
![Page 20: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/20.jpg)
3. Think-aloud
![Page 21: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/21.jpg)
3. Think-aloud protocols
• Bij Hardop Denkonderzoek werken gebruikers met een website en verbaliseren hierbij hun gedachten. – Gebruikers: uit de doelgroep– Opdrachten: representatief voor de gemiddelde gebruiker– Schermopname– Meekijken in de meekijkruimte– Facilitator maakt aantekeningen
21
![Page 22: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/22.jpg)
3. 3 varianten think-aloud
1. Concurrent Think-Aloud (CTA)Respondent voert opdrachten uit terwijl hij hardop nadenkt
2. Retrospective Think-Aloud (RTA)Respondent voert de opdrachten uit in stilte en verbaliseert achteraf zijn gedachten
3. Constructive Interaction (CI)Twee respondenten overleggenhardop over de aanpak van deopdrachten
![Page 23: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/23.jpg)
3. Filmpje
• Voorbeeld van een CTA variant met eyetracking.
23
![Page 24: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/24.jpg)
4. Case: Baobab
![Page 25: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/25.jpg)
Revision-based onderzoek
• Testen met de eerste versie van de website• Aanpassingen• Testen met de tweede versie van de website
Predictieve validiteit
25
![Page 26: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/26.jpg)
Homepage eerste versie
26
![Page 27: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/27.jpg)
Voorlopige resultaten
De resultaten worden uiteengezet in:
• Tijd taakuitvoering• Aantal unieke problemen• Detectie van de problemen• Typen problemen
27
![Page 28: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/28.jpg)
Tijd taakuitvoering
• CTA (terwijl): gemiddeld 23 minuten• RTA (achteraf): gemiddeld 25 minuten (in totaal 50 minuten)• CI (samen): gemiddeld 29,5 minuten
28
Tijd (min)
0 5 10 15 20 25 30 35
CIRTACTA
![Page 29: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/29.jpg)
Aantal unieke problemen
• CTA (terwijl): 43,24 %• RTA (achteraf): 52,03 %• CI (samen): 65,54 %
29
Percentage unieke problemen0
10
20
30
40
50
60
70
CTARTACI
![Page 30: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/30.jpg)
Detectie van de problemen
• CTA:– Geverbaliseerd: 34– Geobserveerd: 38– Beide: 46
• RTA:– Geverbaliseerd: 42– Geobserveerd: 43– Beide: 31
• CI:– Geverbaliseerd: 87– Geobserveerd: 17– Beide: 70
30
Geverb
alise
erd
Geobserve
erdBeide
0102030405060708090
100
CTARTACI
![Page 31: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/31.jpg)
4. Typen problemen
Begrip
Relevantie
Compleetheid
Structu
ur
Form
ulering
Grafisch
Ontw
erp
Juist
heid
Data in
voer
Zichtb
aarh
eid
Functi
onaliteit
0
5
10
15
20
25
CTARTACI
31
![Page 32: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/32.jpg)
5. Tot slot
![Page 33: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/33.jpg)
Conclusie
1. Expert review– Snel - Expert vs gebruiker– Overzichtelijk - Deel van de website– Twee perspectieven
2. Online onderzoeken (op afstand)– “Goedkoop” - Geen controle – Veel respondenten - Geen context
3. Usability think-aloud onderzoeken – Gedegen - Veel tijd in beslag.– Mogelijkheid om door te vragen - Expertise en benodigdheden vereist– Meeste gebruikersproblemen achterhaald!
33
![Page 34: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/34.jpg)
Dus…
Usability is maatwerk!
34
![Page 35: Usability onderzoek econversion2012 netprofiler](https://reader036.vdocuments.pub/reader036/viewer/2022081413/546c9cb3af795985168b5993/html5/thumbnails/35.jpg)
35
Voor meer informatie:
Frans AppelsMarije HorbachNetprofiler BV
Bouwerij 4e1185 XX Amstelveen
Telefoon [email protected]@netprofiler.n
www.netprofiler.nl