Eyetracking: gebruikersonderzoek helpt Frankwatching verder

Hoe bouw je de ideale omgeving voor een weblog? Frankwatching.com was al goed; in 2007 werd de site uitgeroepen tot het beste Nederlandse blog. Het Frankwatching-team is echter ambitieus. Maandenlang werkte men in samenwerking met de op platform alom vertegenwoordigde marketing en communicatie experts aan een nieuwe site. Via een aparte blog kon iedereen meedenken, suggesties aandragen en feedback geven. Als afronding van het ontwikkelproces vroeg Frank Janssen aan Jungle Minds om een gebruikersonderzoek met eyetracking uit te voeren om daarmee de puntjes op de i te zetten. Met opvallende resultaten. De gebruikers ontdekten knelpunten die het expertteam niet hadden kunnen bedenken. Want, aldus Frank: “Als vakman ben je blijkbaar toch een beetje blind voor je eigen fouten”.

“Usability test legde precies de vinger op de zere plek”

Tijdens de usability test klikte een aantal mensen uit de doelgroep door de testomgeving heen en gaven ze feedback. Jungle Minds legde hun surfgedrag en oogbewegingen vast met eyetracking. Om ervoor te zorgen dat het Frankwatching team direct na de test aan de slag kon met de uitkomsten schreven alle meekijkers al tijdens de test driftig knelpunten op geeltjes (zie afbeelding 1) – een leuke manier om het team actief bij de test te betrekken. Deze knelpunten werden direct na afloop van de interviews in een gezamenlijke werksessie geclusterd en geprioriteerd.

Analyse van geeltjes met usability knelpunten

Eyeopeners

De gebruikers waren overwegend positief in hun eindoordeel over de nieuwe website. Zo blijkt de site herkenbaar, “typisch Frankwatching”, rustiger, overzichtelijker en frisser. De inhoud van de nieuwe website blijkt nog interessanter en de interactieve mogelijkheden als het stemmen op artikelen blijken van grote toegevoegde waarde.

Toch waren de resultaten ook even schrikken voor Frank en zijn collega’s: “We hadden zelf ook wel het gevoel dat de site nog niet perfect was maar zoveel knelpunten hadden we niet verwacht. De usability test legde precies de vinger op de zere plek.”

De drie belangrijkste eyeopeners waren volgens Frank:

1. Introductie: "Wat is dit voor een site?"

Voor

Video 1: Een duidelijke introductie van Frankwatching.com ontbreekt waardoor de bezoeker niet weet wat te verwachten.

Allereerst bleek een duidelijke introductie van de site te ontbreken. Voor een bezoeker die zonder voorkennis op de website belandde was het onduidelijk wat de website bood en wat hem onderscheidend maakte. Zoals een geïnterviewde opmerkte: “Ik zou nu wel willen weten wat dit eigenlijk voor website is”. Het lijkt wellicht een open deur maar in de praktijk merken we dat veel websites met dit probleem kampen. Organisaties lijken zich vaak te weinig bewust van de relatieve onwetendheid waarmee sommige bezoekers op hun website terechtkomen.

Na

Afb. 2: Pay-off onder het Frankwatching-logo

In de nieuwe versie van de website geeft Frankwatching een korte pay-off direct onder het eigen logo (zie afbeelding 2). Daarnaast wordt in de rechter bovenhoek van de website een korte introductie van de website geplaatst zodat een volledig nieuwe bezoeker direct houvast heeft.

2. Navigatie: "Waar zit ik nou?"

Voor

Video 2: De navigatie maakte onvoldoende duidelijk waar de bezoeker was.
N.b.: de rode stip volgt de oogbeweging

Afb. 3: De gebruiker probeert vanaf home naar Thema’s/Series -een onderdeel van Topstories- te navigeren

De navigatie bleek tot verwarring te leiden, onder meer doordat:

Na

Afb. 4: De aangepaste navigatiebalk, variant 1: het actieve onderdeel (Alle series) is duidelijk gehighlight

Het Frankwatching-team zocht een intuïtievere navigatieoplossing (zie afbeelding 4) door onder meer:

Ze houden nog even geheim welke van de twee het is geworden…

3. Rechterkolom: "Dat heb ik niet gezien"

Voor

Video 3: De lopende discussies triggerden (rechts) niet tot doorklik
N.b.: de rode stip volgt de oogbeweging

Afb. 5: Triggers in de rechterkolom leidden nauwelijks tot doorklik

De rechterkolom (zie afbeelding 5) werd veelal genegeerd

Een derde van het scherm was aan de rechterkant gereserveerd voor triggers naar lopende discussies, de agenda, nieuwe websites en een enkele banner. Naast het genereren van de broodnodige bannerinkomsten kan dit een hele goede manier zijn om bezoekers te verleiden tot uitgebreider sitebezoek. Bezoekers lieten de kolom echter veelal links liggen. Dit leek te maken te hebben met:

Na

In het algemeen was het devies: meer rust. Deze is vooral in de kolom gebracht met behulp omkadering en meer gebruik van witruimte. Voor de trigger om naar de discussies te gaan, is gekozen voor een heel andere, innovatieve oplossing, zo zal straks in het nieuwe ontwerp te zien zijn.

Continue websiteoptimalisatie

Het team van Frankwatching heeft er naar aanleiding van de testresultaten voor gekozen de planning van de livegang aan te passen en eerst nog hard te verbouwen: “‘Kwaliteit is voor ons belangrijker dan tijd. Voor zeker 80 tot 90% van de knelpunten hebben we daarom geprobeerd een oplossing te vinden.” Frank realiseert zich nu nog meer dat het van groot belang is om grondig te blijven analyseren wat de wensen en het gedrag van zijn doelgroep zijn. Ook gaat hij na livegang direct aan de slag met websiteoptimalisatie door:

Conclusie

Het gebruikersonderzoek bleek zeer leerzaam voor Frankwatching: “Er kwamen allerlei punten omhoog die voor ons eigenlijk niet meer ter discussie stonden. Als je zo lang aan iets hebt gewerkt is het lastig om nog te zien wat er niet goed genoeg is. De usability test was daarom erg waardevol! Als ik het opnieuw zou moeten doen zou ik de gebruikers er nog eerder bij betrekken door bijvoorbeeld een prototype test te doen”.
De ervaringen van Frank Janssen komen overeen met die van die van veel van onze opdrachtgevers. Experts die aan een site werken komen vaak tot allerlei zeer goede en geavanceerde websiteonderdelen, maar om twee redenen kan het zijn dat het resultaat uiteindelijk toch niet goed overkomt bij de gebruiker:

1. Doordat ontwikkelaars zoveel tijd en aandacht hebben besteed aan de ontwikkeling, is het vaak moeilijk om te zien hoe elementen op de gebruiker zullen overkomen. Bij elke knop of afbeelding die je ziet, wordt je als ontwikkelaar herinnerd aan alle besluitprocessen die er aan ten grondslag hebben gelegen. Het is haast onmogelijk om nog in te schatten hoe iemand die dezelfde knop voor eerste keer in een flits ziet, er op zal reageren.

2. Elke website is anders. Al weet je nog zoveel van best practices uit andere websites, het blijft altijd moeilijk om volledig te schatten hoe de combinatie van verschillende onderdelen uitwerkt op gebruikers.

Het is daarom altijd van belang de gebruikers van een website bij de ontwikkeling ervan te betrekken. Hoe eerder in het proces je dit doet, hoe groter de kans dat je onnodig tijd verliest en extra kosten maakt. Het is echter nooit te laat; gebruikers bieden ook na livegang zeer waardevolle input voor websiteverbetering!

Lees meer over gebruikersonderzoek van Jungle Minds

Reageer op dit artikel

Zorg er voor dat je de vereiste* informatie invult, waar aangegeven.

Schrijf je nu in voor onze nieuwsbrief!

Altijd op de hoogte van de trends, tips & actualiteiten

Je kunt ons bereiken:

Weesperstraat 81
1018 VN Amsterdam
020 - 514 14 14
› Neem contact op
› Onze vacatures

Volg ons op: