usability - seminar steeds betere website 24 nov 2009

102
Usability onderzoek Oog fixaties & Quick wins Charlotte van Dael Senior usability consultant

Upload: colours-bv

Post on 28-Nov-2014

1.215 views

Category:

Business


0 download

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/752hRc

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