Transcript
Page 1: Usability - Seminar Steeds Betere Website 24 nov 2009

Usability onderzoek

Oog fixaties&

Quick wins

Charlotte van Dael Senior usability consultant

Page 2: Usability - Seminar Steeds Betere Website 24 nov 2009

Usability onderzoek

Quick wins

& Eyetracking

Page 3: Usability - Seminar Steeds Betere Website 24 nov 2009

Usability

Page 4: Usability - Seminar Steeds Betere Website 24 nov 2009

Waarom usability?

Page 5: Usability - Seminar Steeds Betere Website 24 nov 2009

Charlotte van Dael | 10 februari 2009

Waarom usability?

Page 6: Usability - Seminar Steeds Betere Website 24 nov 2009

Charlotte van Dael | 10 februari 2009

Waarom usability?

Page 7: Usability - Seminar Steeds Betere Website 24 nov 2009

Charlotte van Dael | 10 februari 2009

Waarom usability?

Page 8: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 9: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 10: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 11: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 12: Usability - Seminar Steeds Betere Website 24 nov 2009

Inspelen op doelgroep

Page 13: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 14: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 15: Usability - Seminar Steeds Betere Website 24 nov 2009

Ogen als toegang tot hersenen

Hypothese:

Waar je naar kijkt, daar denk je aan.

Page 16: Usability - Seminar Steeds Betere Website 24 nov 2009

Eyetracking

Page 17: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 18: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 19: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 20: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 21: Usability - Seminar Steeds Betere Website 24 nov 2009

tekst

Page 22: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 23: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 24: Usability - Seminar Steeds Betere Website 24 nov 2009

Onduidelijke calls to action

Page 25: Usability - Seminar Steeds Betere Website 24 nov 2009

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

Page 26: Usability - Seminar Steeds Betere Website 24 nov 2009

Hardop denk Zonder hardop denken

Page 27: Usability - Seminar Steeds Betere Website 24 nov 2009

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

Page 28: Usability - Seminar Steeds Betere Website 24 nov 2009

Case: Luxaflex

Page 29: Usability - Seminar Steeds Betere Website 24 nov 2009

Naar home

1,3 sec

1,7 sec3,3 sec

4,4 sec7,4 sec

Page 30: Usability - Seminar Steeds Betere Website 24 nov 2009

Positie zoekmachine

Page 31: Usability - Seminar Steeds Betere Website 24 nov 2009

Achtergrond arcering

eerste 8 seconden tweede 8 seconden laatste 2 seconden

Page 32: Usability - Seminar Steeds Betere Website 24 nov 2009

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

Page 33: Usability - Seminar Steeds Betere Website 24 nov 2009

Case: SNS Fundcoach

Page 34: Usability - Seminar Steeds Betere Website 24 nov 2009

SNS Fundcoach

Page 35: Usability - Seminar Steeds Betere Website 24 nov 2009

Case: SNS Fundcoach

Page 36: Usability - Seminar Steeds Betere Website 24 nov 2009

Case: SNS Fundcoach

Page 37: Usability - Seminar Steeds Betere Website 24 nov 2009

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Page 38: Usability - Seminar Steeds Betere Website 24 nov 2009

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Page 39: Usability - Seminar Steeds Betere Website 24 nov 2009

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Page 40: Usability - Seminar Steeds Betere Website 24 nov 2009

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Page 41: Usability - Seminar Steeds Betere Website 24 nov 2009

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Page 42: Usability - Seminar Steeds Betere Website 24 nov 2009

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Page 43: Usability - Seminar Steeds Betere Website 24 nov 2009

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Page 44: Usability - Seminar Steeds Betere Website 24 nov 2009

Ondersteunt ontwerp de doelstellingen?

5 seconden test

Page 45: Usability - Seminar Steeds Betere Website 24 nov 2009

Nóóit meer doen: usability geboden

Page 46: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 47: Usability - Seminar Steeds Betere Website 24 nov 2009

Webconventies negeren

Page 48: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 49: Usability - Seminar Steeds Betere Website 24 nov 2009

Webconventies negeren

Page 50: Usability - Seminar Steeds Betere Website 24 nov 2009

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

Page 51: Usability - Seminar Steeds Betere Website 24 nov 2009

Webconventies negeren

Handige links Route Contact

Page 52: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 53: Usability - Seminar Steeds Betere Website 24 nov 2009

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

*

**

**

Page 54: Usability - Seminar Steeds Betere Website 24 nov 2009

First view

Page 55: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 56: Usability - Seminar Steeds Betere Website 24 nov 2009

First view

Page 57: Usability - Seminar Steeds Betere Website 24 nov 2009

First view

Page 58: Usability - Seminar Steeds Betere Website 24 nov 2009

First view

Page 59: Usability - Seminar Steeds Betere Website 24 nov 2009

First view

Page 60: Usability - Seminar Steeds Betere Website 24 nov 2009

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

Page 61: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 62: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 63: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 64: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 65: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 66: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 67: Usability - Seminar Steeds Betere Website 24 nov 2009

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

Page 68: Usability - Seminar Steeds Betere Website 24 nov 2009

Gemeente Utrecht

Page 69: Usability - Seminar Steeds Betere Website 24 nov 2009

Zakelijk, midzakelijk of grootzakelijk?

Page 70: Usability - Seminar Steeds Betere Website 24 nov 2009

Spreek de taal van uw doelgroep

Filmpje Binck

Page 71: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 72: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 73: Usability - Seminar Steeds Betere Website 24 nov 2009

Bannerblindheid

Veel bezoekers negeren:

Rechter kolom

Alles wat op banner lijkt!

Plaats eigen content niet in de vorm van banners!

Page 74: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 75: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 76: Usability - Seminar Steeds Betere Website 24 nov 2009

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

Page 77: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 78: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 79: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 80: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 81: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 82: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 83: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 84: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 85: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 86: Usability - Seminar Steeds Betere Website 24 nov 2009

Positie knoppen

* Matteo Penzo: Label Placement in Forms

Page 87: Usability - Seminar Steeds Betere Website 24 nov 2009

Positie labels

* Luke Wroblewski: Web Application Form Design

Page 88: Usability - Seminar Steeds Betere Website 24 nov 2009

Positie labels

Label en veld in 1 oogopslag

Bij lange formulieren: rommelig

Gebruiken bij korte formulieren

Page 89: Usability - Seminar Steeds Betere Website 24 nov 2009

Positie labels

Labels goed scanbaar tov elkaar

Maar: afstand tussen label en veld groter

Gebruiken bij veel nieuwe bezoekers / gebruikers

Page 90: Usability - Seminar Steeds Betere Website 24 nov 2009

Positie labels

Afstand tussen label en veld klein

Maar: labels niet goed scanbaar tov elkaar

Gebruiken bij veel vaste bezoekers / gebruikers

Page 91: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 92: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 93: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 94: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 95: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 96: Usability - Seminar Steeds Betere Website 24 nov 2009

Lijnen en vlakken sturen kijkgedrag

Page 97: Usability - Seminar Steeds Betere Website 24 nov 2009

Lijnen en vlakken sturen kijkgedrag

Page 98: Usability - Seminar Steeds Betere Website 24 nov 2009

Lijnen en vlakken sturen kijkgedrag

Page 99: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 100: Usability - Seminar Steeds Betere Website 24 nov 2009
Page 101: Usability - Seminar Steeds Betere Website 24 nov 2009

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

Page 102: Usability - Seminar Steeds Betere Website 24 nov 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


Top Related