Usability - Seminar Steeds Betere Website 24 nov 2009
-
Upload
colours-bv -
Category
Business
-
view
1.214 -
download
0
description
Transcript of 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