usability - seminar steeds betere website 24 nov 2009

Usability onderzoek

Oog fixaties&

Quick wins

Charlotte van Dael Senior usability consultant

Usability onderzoek

Quick wins

& Eyetracking

Usability

Waarom usability?

Charlotte van Dael | 10 februari 2009

Waarom usability?

Charlotte van Dael | 10 februari 2009

Waarom usability?

Charlotte van Dael | 10 februari 2009

Waarom usability?

Inspelen op doelgroep

Ogen als toegang tot hersenen

Hypothese:

Waar je naar kijkt, daar denk je aan.

Eyetracking

tekst

Onduidelijke calls to action

Testen met echte gebruikers uit doelgroep

Aan de hand van taken

Hardop denken

Observatie & analyse live interactie

Identificatie knelpunten

Inzicht in oplossingen:

Verwachtingen

Twijfel

Overwegingen

Onderzoeksopzet

Hardop denk Zonder hardop denken

Wanneer? Optimalisatie website

Over gehele breedte: belangrijkste type pagina’s zoals homepage, overzichtspagina’s en detailpagina’s, navigatie, zoekfunctie en andere specifieke functionaliteiten

Opzet

Ongeveer 8 proefpersonen

45 minuten per persoon

Ongeveer 7 uitgebreide klikopdrachten over belangrijkste onderdelen van de site

Kwalitatieve variant

Case: Luxaflex

Naar home

1,3 sec

1,7 sec3,3 sec

4,4 sec7,4 sec

Positie zoekmachine

Achtergrond arcering

eerste 8 seconden tweede 8 seconden laatste 2 seconden

Wanneer?

Bij specifieke ontwerpvragen

Ontwerpvarianten (vergelijkingstesten)

Enkele te testen schermen

Opzet

Ongeveer 20 proefpersonen

10 minuten per persoon

Gerichte taken:

Meerdere 1-scherm-1-klik opdrachten

Enkele doorklik opdrachten

Kwantitatieve variant

Case: SNS Fundcoach

SNS Fundcoach

Case: SNS Fundcoach

Case: SNS Fundcoach

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Nóóit meer doen: usability geboden

Webconventies negeren

Webconventies negeren

Webconventies negeren

Logo links boven & aanklikbaar

Zoekmachine rechtsbovenEn: met 27 karakters breed dek je 90% zoekopdrachten!*

Contact rechtsboven

Inloggen / uitloggen rechtsboven

Navigatie horizontaal boven of verticaal links

Hyperlinks: afwijkend, liefst blauw onderstreept

* Nielsen: Prioritizing Web Usability

Webconventies negeren

Handige links Route Contact

Meeste bezoekers scrollen niet

77% van uw bezoekers scrollt niet

Effect het sterkst bij ouderen en onervaren internetgebruikers

25% van webpagina's wordt minder dan 4 sec getoond

52% minder dan 10 sec

* Jacob Nielsen, 2009

* Studie uit 2006 van Weinreich & Herder

Plaats de belangrijkste zaken vouw de vouw!550 / 600 pixels hoogte

*

**

**

First view

First view

First view

First view

First view

KAPITALEN: niet gebruiken!

LEESONDERZOEK TOONT AAN DAT KAPITALEN MINDER PRETTIG LEZEN DAN NORMALE LETTERS.

Leesonderzoek toont aan dat kapitalen veel minder prettig lezen dan normale letters.

Recent onderzoek naar effectiviteit nieuwsbrieven:

25% minder mensen klikt door bij titels in kapitalen

Spreek de taal van uw doelgroep

Geen jargon

Geen afspiegeling van uw organigram

Achterhaal de taal van uw doelgroep:

Zoekwoorden (intern / extern)

Gebruikersonderzoek: cardsorting

Google Trends

Gemeente Utrecht

Zakelijk, midzakelijk of grootzakelijk?

Spreek de taal van uw doelgroep

Filmpje Binck

Bannerblindheid

Veel bezoekers negeren:

Rechter kolom

Alles wat op banner lijkt!

Plaats eigen content niet in de vorm van banners!

Bied scanbare pagina’s aan

Bezoekers lezen nauwelijks: ze scannen vooral op:

koppen

hyperlinks

Knoppen

Maak pagina’s scanbaar door:

Betekenisvolle koppen, hyperlinks en knoppen

Betekenisvolle koppen, hyperlinks en knoppen

Elke alinea een tussenkop

Positie knoppen

* Matteo Penzo: Label Placement in Forms

Positie labels

* Luke Wroblewski: Web Application Form Design

Positie labels

Label en veld in 1 oogopslag

Bij lange formulieren: rommelig

Gebruiken bij korte formulieren

Positie labels

Labels goed scanbaar tov elkaar

Maar: afstand tussen label en veld groter

Gebruiken bij veel nieuwe bezoekers / gebruikers

Positie labels

Afstand tussen label en veld klein

Maar: labels niet goed scanbaar tov elkaar

Gebruiken bij veel vaste bezoekers / gebruikers

Lijnen en vlakken sturen kijkgedrag

Lijnen en vlakken sturen kijkgedrag

Lijnen en vlakken sturen kijkgedrag

Niemand houdt van wachten

25% webpagina's wordt minder dan 4 sec getoond

52% minder dan 10 sec

Kortere laadtijden resulteren in:

lagere de bouncerate

meer bekeken pagina’s

hogere ROI

* OAUG ResearchLine studie door Unisphere Research in samenwerking met Oracle, juli 2009

** Onderzoek van Akamai/Forrester, september 2009

Niemand houdt van wachten

26% verlaat website direct bij verstoringen

(zoals trage laadtijd, foutmeldingen, site niet beschikbaar

of gegevens opnieuw moeten invoeren)*

Bezoekers eCommerce sites verwachten laadtijd van 2

seconden, in 2006: 4 seconden**

Experimenten van Google en Bing:

vertraging 0,2 seconden sterk negatieve invloed op:

aantal zoekopdrachten

omzet

time-to-click per bezoeker

tot twee weken na na experiment!

* OAUG ResearchLine studie door Unisphere Research in samenwerking met Oracle, juli 2009

** Onderzoek van Akamai/Forrester, september 2009