Inhoud van dit artikel:<\/h2>\n \n - Mijn 2 grootste frustraties bij gebruikerstesten<\/a><\/li>\n
- Wat kan je zoal testen met click testing?<\/a><\/li>\n
- Wat heb je nodig voor een screenshot test?<\/a><\/li>\n
- Hoe verloopt een screenshot test?<\/a><\/li>\n
- Het resultaat? Heatmaps met klikpercentages<\/a><\/li>\n
- 2 voorbeelden van wat we leerden uit first-click tests voor Muntpunt<\/a>\n <\/li>
- Beperkingen van usability onderzoek via screenshot testing<\/a><\/li>\n
- Voordelen van click testing tools<\/a><\/li>\n
- Opgelet: goede voorbereiding blijft belangrijk<\/a>\n <\/li><\/ul>\n<\/div>\n\n\n\n
Mijn 2 grootste frustraties bij gebruikerstesten<\/h2>\n\n\n\n
Gemodereerde gebruikerstesten in persoon<\/a>\u00a0zijn een van mijn favoriete methodes inzake usability onderzoek. Dat kan ik niet ontkennen.<\/p>\n\n\n\nTegelijkertijd ben ik ook vaak gefrustreerd na zo’n rondje user testing<\/a>.<\/p>\n\n\n\nDit zijn mijn 2 grootste frustraties:<\/p>\n\n\n\n
\n- Vaststellen dat zowat alle gebruikers vastlopen op dezelfde grote obstakels, waardoor we niet echt diep kunnen doordringen en kleinere problemen kunnen blootleggen.<\/li>\n\n\n\n
- Het gevoel dat die 5 of 6 personen soms niet voldoende zijn om beslissingen te kunnen nemen over bepaalde elementen.<\/li>\n<\/ul>\n\n\n\n
Gebruikerstesten kosten veel geld en zijn niet altijd de meest effici\u00ebnte methode.<\/p><\/blockquote><\/figure>\n\n\n\n
Ja, je kan dan extra testdagen inlassen. Maar dat is vrij arbeidsintensief en kost dus behoorlijk wat geld.<\/p>\n\n\n\n
Daarom gebruiken wij verschillende online tools als we de informatiearchitectuur<\/a> van een website uitwerken.<\/p>\n\n\n\nE\u00e9n van onze favorieten is Chalkmark<\/a>, een screenshot gebaseerde click testing tool van Optimal Workshop.<\/p>\n\n\n\nWat kan je zoal testen met click testing?<\/h2>\n\n\n\n
3 belangrijkste zaken die je kan achterhalen via screenshot testing:<\/strong><\/p>\n\n\n\n\n- Klikken gebruikers waar ze moeten klikken om hun taak te kunnen voltooien ?<\/li>\n\n\n\n
- Zijn er elementen op de pagina die het voltooien van de taak vertragen?<\/li>\n\n\n\n
- Hoe snel kunnen ze hun taak voltooien?<\/li>\n<\/ul>\n\n\n\n
Een clicktest geeft je feedback over zaken als:<\/p>\n\n\n\n
\n- Effectiviteit van je lay-out\n
\n- Staan alle onderdelen van je pagina op de juiste plaats?<\/li>\n\n\n\n
- Zien mensen je actieknoppen staan?<\/a><\/li>\n\n\n\n
- Welke elementen zijn overbodig of zorgen voor verwarring?<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Terminologie\n
\n- Is de inhoud van je navigatie duidelijk<\/a>?<\/li>\n\n\n\n
- Gebruik je de juiste termen in je links en actieknoppen?<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Structuur\n
\n- Zijn je home- en keuzepagina’s zo opgebouwd dat ze de toptaken van je bezoekers<\/a> ondersteunen?<\/li>\n\n\n\n
- Zijn je filters<\/a> duidelijk op categoriepagina’s?<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
Wat heb je nodig voor een screenshot test?<\/h2>\n\n\n\n
Een first-click test of screenshot test opzetten doe je letterlijk in 1-2-3.<\/p>\n\n\n\n
Wat je nodig hebt: een of meerdere afbeeldingen, een aantal vragen en testpersonen.<\/p>\n\n\n\n
\n- Een of meerdere afbeeldingen<\/strong>
Je afbeelding kan een screenshot, scan of foto zijn van je wireframe, mock-up of prototype. Of je bestaande website. Of die van een concurrent.<\/li>\n\n\n\n- Vragen<\/strong>
Per afbeelding kan je 1 of meerdere vragen stellen. In je vragen beschrijf je typische taken die gebruikers uitvoeren op je website.<\/li>\n\n\n\n- Testpersonen<\/strong>
In tegenstelling tot gewone gebruikerstesten, is het voor screenshot testen niet nodig om fysiek bij de testpersonen te zijn. De test staat online.
Om gebruikers naar je test te krijgen, moet je ze uitnodigen. Dat kan je doen via e-mail, sociale media of een oproep op je website.<\/li>\n<\/ol>\n\n\n\nHoe verloopt een screenshot test?<\/h2>\n\n\n\n
De testgebruikers krijgen op hun scherm je vragen te zien. Ze moeten het antwoord op die vragen zoeken op de afbeelding die jij hen toont.<\/p>\n\n\n\n
Ze klikken in de afbeelding op de plek waar ze het antwoord zouden gaan zoeken. Ze kunnen niet \u2018doorklikken\u2019 zoals bij een echte site. Het blijft bij die ene klik.<\/p>\n\n\n\n
Zodra je gebruiker het antwoord op een vraag heeft aangeduid met een klik, krijgt hij de volgende vraag te zien.<\/p>\n\n\n\nBeperk het aantal vragen tot 5 voor een optimale response rate.<\/p><\/blockquote><\/figure>\n\n\n\n
Hoeveel vragen je stelt, bepaal je zelf. Wij zien dat je met 5 vragen de beste kans maakt dat iedereen ook echt alle vragen beantwoordt. Bij meer vragen haken steeds meer mensen af.<\/p>\n\n\n\n
Je kan first-click tests wel zo instellen dat er per deelnemer maximaal 5 vragen getoond worden, ook al heb je meer taken gedefinieerd. Deelnemers krijgen dan 5 vragen te zien. In dezelfde volgorde of willekeurig, dat bepaal je zelf.<\/p>\n\n\n\n
Op het einde van je onderzoek kan je nog een aantal algemene vragen stellen. Bijvoorbeeld algemene feedback over wat ze gezien hebben of socio-demografische gegevens.<\/p>\n\n\n\n
Zo kan je achteraf de antwoorden filteren in functie van de gebruikers die jou echt interesseren: bijvoorbeeld alle vrouwen tussen 25 en 45 jaar. Of klanten versus niet-klanten.<\/p>\n\n\n\n
Het resultaat? Heatmaps met klikpercentages<\/h2>\n\n\n\n
Na afloop van het onderzoek krijg je de testresultaten te zien in de vorm van heatmaps. Daarop kan je precies zien hoeveel mensen waar geklikt hebben.<\/p>\n\n\n\n
Lekker visueel en duidelijk in 1 oogopslag.<\/p>\n\n\n\n
2 voorbeelden van wat we leerden uit first-click tests voor Muntpunt<\/h2>\n\n\n\n
Muntpunt vroeg ons de structuur en mock-ups voor hun nieuwe website uit te werken.<\/p>\n\n\n\n
1. Verwarrende zoekfuncties<\/h3>\n\n\n\n
Vraag: Je wil een klacht indienen.<\/strong><\/p>\n\n\n\n![\"Chlkmark](\"\/sites\/default\/files\/resize\/blog\/2015\/muntpunt-usability-onderzoek-chalkmark-zoek-800x383.png\")
<\/a>37% klikt op contact. Dat is goed. Minder goed is dat iedereen de verkeerde zoekfunctie gebruikt.<\/figcaption><\/figure>\n\n\n\nZoals je op deze heatmap ziet, klikten veel testgebruikers op \u2018Contact\u2019. Dat is goed.<\/p>\n\n\n\n
Andere vaststelling: de personen die de zoekfunctie <\/strong>wilden gebruiken, klikten allemaal in het centrale zoekveld (zoeken in de catalogus). En dus niet op de algemene zoekfunctie rechtsboven (zoeken op de hele website).<\/p>\n\n\n\nHet was dus niet duidelijk genoeg dat de 2 zoekknoppen een andere functie <\/strong>hadden. Om dat op te lossen, pasten we de zoekfunctie van de catalogus aan.<\/p>\n\n\n\n![\"Aangepaste](\"\/sites\/default\/files\/resize\/blog\/2015\/muntpunt-zoek-nieuw-800x110.png\")
<\/a>Dankzij het label boven het zoekveld, is er minder verwarring tussen de 2 zoekfuncties.<\/figcaption><\/figure>\n\n\n\n2. Verschillende oplossingen voor hetzelfde probleem<\/h3>\n\n\n\n
Vraag: Je moet je boeken vandaag terugbrengen maar Muntpunt is niet meer open. Wat nu?<\/strong><\/p>\n\n\n\nDit is een van de meest gestelde vragen aan Muntpunt. Ze hebben een inleverpunt om je boeken terug te brengen buiten de openingsuren, maar dat is onvoldoende bekend.<\/p>\n\n\n\n![\"Screenshot](\"\/sites\/default\/files\/resize\/blog\/2015\/muntpunt-usability-onderzoek-chalkmark-pistes-800x393.png\")
<\/a>Gebruikers klikken zowel op terugbrengen als verlengen.<\/figcaption><\/figure>\n\n\n\nHet resultaat: de testgebruikers klikten vooral op ‘Terugbrengen’, waar wij uiteraard op hoopten.<\/p>\n\n\n\n
Maar er gebeurde ook iets wat we niet meteen hadden verwacht: ook op ‘Verlengen’ werd vaak geklikt. En dat is niet fout. Die mensen hebben gewoon een andere oplossing voor hun probleem gevonden: de boeken niet terugbrengen, maar verlengen.<\/p>\n\n\n\n
Op die manier helpt een click testing tool dus ook om de denkpatronen van je bezoekers beter te leren kennen.<\/p>\n\n\n\n
Beperkingen van usability onderzoek via screenshot testing<\/h2>\n\n\n\n\n- Je kan niet heel de website en website flow<\/strong> testen zoals bij een echte gebruikerstest.<\/li>\n\n\n\n
- Alleen de eerste klik<\/strong> is zichtbaar, omdat je test op losse pagina’s. Die 1ste klik is wel heel belangrijk: uit onderzoek blijkt dat mensen die bij de 1ste klik juist zitten 3 x vaker hun doel bereiken dan zij die fout klikken.<\/li>\n\n\n\n
- Chalkmark werkt niet met dynamische content<\/strong>, zoals bijvoorbeeld een openklapmenu. Maar vermits openklapmenu’s meestal een slecht idee zijn, is dat niet zo erg.<\/li>\n\n\n\n
- Zoals alle ongemodereerde tools, kan je niet weten wat de gebruiker denkt<\/strong>.<\/li>\n<\/ul>\n\n\n\n
Voordelen van click testing tools<\/h2>\n\n\n\n
Mijn 2 grootste frustraties bij gebruikerstesten<\/h2>\n\n\n\n
Gemodereerde gebruikerstesten in persoon<\/a>\u00a0zijn een van mijn favoriete methodes inzake usability onderzoek. Dat kan ik niet ontkennen.<\/p>\n\n\n\n Tegelijkertijd ben ik ook vaak gefrustreerd na zo’n rondje user testing<\/a>.<\/p>\n\n\n\n Dit zijn mijn 2 grootste frustraties:<\/p>\n\n\n\n Gebruikerstesten kosten veel geld en zijn niet altijd de meest effici\u00ebnte methode.<\/p><\/blockquote><\/figure>\n\n\n\n Ja, je kan dan extra testdagen inlassen. Maar dat is vrij arbeidsintensief en kost dus behoorlijk wat geld.<\/p>\n\n\n\n Daarom gebruiken wij verschillende online tools als we de informatiearchitectuur<\/a> van een website uitwerken.<\/p>\n\n\n\n E\u00e9n van onze favorieten is Chalkmark<\/a>, een screenshot gebaseerde click testing tool van Optimal Workshop.<\/p>\n\n\n\n 3 belangrijkste zaken die je kan achterhalen via screenshot testing:<\/strong><\/p>\n\n\n\n Een clicktest geeft je feedback over zaken als:<\/p>\n\n\n\n Een first-click test of screenshot test opzetten doe je letterlijk in 1-2-3.<\/p>\n\n\n\n Wat je nodig hebt: een of meerdere afbeeldingen, een aantal vragen en testpersonen.<\/p>\n\n\n\n De testgebruikers krijgen op hun scherm je vragen te zien. Ze moeten het antwoord op die vragen zoeken op de afbeelding die jij hen toont.<\/p>\n\n\n\n Ze klikken in de afbeelding op de plek waar ze het antwoord zouden gaan zoeken. Ze kunnen niet \u2018doorklikken\u2019 zoals bij een echte site. Het blijft bij die ene klik.<\/p>\n\n\n\n Zodra je gebruiker het antwoord op een vraag heeft aangeduid met een klik, krijgt hij de volgende vraag te zien.<\/p>\n\n\n\n Beperk het aantal vragen tot 5 voor een optimale response rate.<\/p><\/blockquote><\/figure>\n\n\n\n Hoeveel vragen je stelt, bepaal je zelf. Wij zien dat je met 5 vragen de beste kans maakt dat iedereen ook echt alle vragen beantwoordt. Bij meer vragen haken steeds meer mensen af.<\/p>\n\n\n\n Je kan first-click tests wel zo instellen dat er per deelnemer maximaal 5 vragen getoond worden, ook al heb je meer taken gedefinieerd. Deelnemers krijgen dan 5 vragen te zien. In dezelfde volgorde of willekeurig, dat bepaal je zelf.<\/p>\n\n\n\n Op het einde van je onderzoek kan je nog een aantal algemene vragen stellen. Bijvoorbeeld algemene feedback over wat ze gezien hebben of socio-demografische gegevens.<\/p>\n\n\n\n Zo kan je achteraf de antwoorden filteren in functie van de gebruikers die jou echt interesseren: bijvoorbeeld alle vrouwen tussen 25 en 45 jaar. Of klanten versus niet-klanten.<\/p>\n\n\n\n Na afloop van het onderzoek krijg je de testresultaten te zien in de vorm van heatmaps. Daarop kan je precies zien hoeveel mensen waar geklikt hebben.<\/p>\n\n\n\n Lekker visueel en duidelijk in 1 oogopslag.<\/p>\n\n\n\n Muntpunt vroeg ons de structuur en mock-ups voor hun nieuwe website uit te werken.<\/p>\n\n\n\n Vraag: Je wil een klacht indienen.<\/strong><\/p>\n\n\n\n Zoals je op deze heatmap ziet, klikten veel testgebruikers op \u2018Contact\u2019. Dat is goed.<\/p>\n\n\n\n Andere vaststelling: de personen die de zoekfunctie <\/strong>wilden gebruiken, klikten allemaal in het centrale zoekveld (zoeken in de catalogus). En dus niet op de algemene zoekfunctie rechtsboven (zoeken op de hele website).<\/p>\n\n\n\n Het was dus niet duidelijk genoeg dat de 2 zoekknoppen een andere functie <\/strong>hadden. Om dat op te lossen, pasten we de zoekfunctie van de catalogus aan.<\/p>\n\n\n\n Vraag: Je moet je boeken vandaag terugbrengen maar Muntpunt is niet meer open. Wat nu?<\/strong><\/p>\n\n\n\n Dit is een van de meest gestelde vragen aan Muntpunt. Ze hebben een inleverpunt om je boeken terug te brengen buiten de openingsuren, maar dat is onvoldoende bekend.<\/p>\n\n\n\n Het resultaat: de testgebruikers klikten vooral op ‘Terugbrengen’, waar wij uiteraard op hoopten.<\/p>\n\n\n\n Maar er gebeurde ook iets wat we niet meteen hadden verwacht: ook op ‘Verlengen’ werd vaak geklikt. En dat is niet fout. Die mensen hebben gewoon een andere oplossing voor hun probleem gevonden: de boeken niet terugbrengen, maar verlengen.<\/p>\n\n\n\n Op die manier helpt een click testing tool dus ook om de denkpatronen van je bezoekers beter te leren kennen.<\/p>\n\n\n\n\n
Wat kan je zoal testen met click testing?<\/h2>\n\n\n\n
\n
\n
\n
\n
\n
Wat heb je nodig voor een screenshot test?<\/h2>\n\n\n\n
\n
Je afbeelding kan een screenshot, scan of foto zijn van je wireframe, mock-up of prototype. Of je bestaande website. Of die van een concurrent.<\/li>\n\n\n\n
Per afbeelding kan je 1 of meerdere vragen stellen. In je vragen beschrijf je typische taken die gebruikers uitvoeren op je website.<\/li>\n\n\n\n
In tegenstelling tot gewone gebruikerstesten, is het voor screenshot testen niet nodig om fysiek bij de testpersonen te zijn. De test staat online.
Om gebruikers naar je test te krijgen, moet je ze uitnodigen. Dat kan je doen via e-mail, sociale media of een oproep op je website.<\/li>\n<\/ol>\n\n\n\nHoe verloopt een screenshot test?<\/h2>\n\n\n\n
Het resultaat? Heatmaps met klikpercentages<\/h2>\n\n\n\n
2 voorbeelden van wat we leerden uit first-click tests voor Muntpunt<\/h2>\n\n\n\n
1. Verwarrende zoekfuncties<\/h3>\n\n\n\n
<\/a><\/a>2. Verschillende oplossingen voor hetzelfde probleem<\/h3>\n\n\n\n
<\/a>Beperkingen van usability onderzoek via screenshot testing<\/h2>\n\n\n\n
\n
Voordelen van click testing tools<\/h2>\n\n\n\n