usability - seminar steeds betere website 24 nov 2009
DESCRIPTION
Presentatie van Charlotte van Dael tijdens het seminar 'Steeds Betere Website' op 24 november in 'De Verdraagzaamheid' in Zaltbommel. Een seminar van Colours en het Colours Optimalisatielab.Ook verscheen een artikel op Frankwatching over dit seminar: http://bit.ly/752hRcTRANSCRIPT
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