Usability - Seminar Steeds Betere Website 24 nov 2009
Upcoming SlideShare
Loading in...5
×
 

Usability - Seminar Steeds Betere Website 24 nov 2009

on

  • 1,166 views

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....

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

Statistics

Views

Total Views
1,166
Views on SlideShare
1,163
Embed Views
3

Actions

Likes
1
Downloads
27
Comments
0

1 Embed 3

http://www.slideshare.net 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Usability - Seminar Steeds Betere Website 24 nov 2009 Usability - Seminar Steeds Betere Website 24 nov 2009 Presentation Transcript

    • Usability onderzoek Oog fixaties & Quick wins Charlotte van Dael Senior usability consultant
    • Usability onderzoek Quick wins & Eyetracking
    • Usability
    • Waarom 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
    • Inspelen op doelgroep
    • Ogen als toegang tot hersenen Hypothese: Waar je naar kijkt, daar denk je aan.
    • Eyetracking
    • tekst
    • Onduidelijke calls to action
    • Onderzoeksopzet  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
    • Hardop denk Zonder hardop denken
    • Kwalitatieve variant 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
    • Case: Luxaflex
    • Naar home 1,3 sec 4,4 sec 7,4 sec 1,7 sec 3,3 sec
    • Positie zoekmachine
    • Achtergrond arcering eerste 8 seconden tweede 8 seconden laatste 2 seconden
    • Kwantitatieve variant 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
    • Case: SNS Fundcoach
    • SNS Fundcoach
    • Case: SNS Fundcoach
    • Case: SNS Fundcoach
    • 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 Ondersteunt ontwerp de doelstellingen?
    • Nóóit meer doen: usability geboden
    • Webconventies negeren
    • Webconventies negeren
    • Webconventies negeren  Logo links boven & aanklikbaar  Zoekmachine rechtsboven En: 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 ** Plaats de belangrijkste zaken vouw de vouw! 550 / 600 pixels hoogte * Jacob Nielsen, 2009 * Studie uit 2006 van Weinreich & Herder
    • First view
    • First view
    • First view
    • First view
    • First view
    • KAPITALEN: niet gebruiken!  Leesonderzoek toont aan AANkapitalen veel minder LEESONDERZOEK TOONT dat DAT KAPITALEN MINDER prettig lezen dan normale letters. 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