Usability - Seminar Steeds Betere Website 24 nov 2009

802 views
714 views

Published on

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

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
802
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
29
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Usability - Seminar Steeds Betere Website 24 nov 2009

  1. 1. Usability onderzoek Oog fixaties & Quick wins Charlotte van Dael Senior usability consultant
  2. 2. Usability onderzoek Quick wins & Eyetracking
  3. 3. Usability
  4. 4. Waarom usability?
  5. 5. Waarom usability? Charlotte van Dael | 10 februari 2009
  6. 6. Waarom usability? Charlotte van Dael | 10 februari 2009
  7. 7. Waarom usability? Charlotte van Dael | 10 februari 2009
  8. 8. Inspelen op doelgroep
  9. 9. Ogen als toegang tot hersenen Hypothese: Waar je naar kijkt, daar denk je aan.
  10. 10. Eyetracking
  11. 11. tekst
  12. 12. Onduidelijke calls to action
  13. 13. 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
  14. 14. Hardop denk Zonder hardop denken
  15. 15. 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
  16. 16. Case: Luxaflex
  17. 17. Naar home 1,3 sec 4,4 sec 7,4 sec 1,7 sec 3,3 sec
  18. 18. Positie zoekmachine
  19. 19. Achtergrond arcering eerste 8 seconden tweede 8 seconden laatste 2 seconden
  20. 20. 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
  21. 21. Case: SNS Fundcoach
  22. 22. SNS Fundcoach
  23. 23. Case: SNS Fundcoach
  24. 24. Case: SNS Fundcoach
  25. 25. 5 seconden test Ondersteunt ontwerp de doelstellingen?
  26. 26. 5 seconden test Ondersteunt ontwerp de doelstellingen?
  27. 27. 5 seconden test Ondersteunt ontwerp de doelstellingen?
  28. 28. 5 seconden test Ondersteunt ontwerp de doelstellingen?
  29. 29. 5 seconden test Ondersteunt ontwerp de doelstellingen?
  30. 30. 5 seconden test Ondersteunt ontwerp de doelstellingen?
  31. 31. 5 seconden test Ondersteunt ontwerp de doelstellingen?
  32. 32. 5 seconden test Ondersteunt ontwerp de doelstellingen?
  33. 33. Nóóit meer doen: usability geboden
  34. 34. Webconventies negeren
  35. 35. Webconventies negeren
  36. 36. 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
  37. 37. Webconventies negeren Handige links Route Contact
  38. 38. 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
  39. 39. First view
  40. 40. First view
  41. 41. First view
  42. 42. First view
  43. 43. First view
  44. 44. 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
  45. 45. 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
  46. 46. Gemeente Utrecht
  47. 47. Zakelijk, midzakelijk of grootzakelijk?
  48. 48. Spreek de taal van uw doelgroep Filmpje Binck
  49. 49. Bannerblindheid Veel bezoekers negeren:  Rechter kolom  Alles wat op banner lijkt! Plaats eigen content niet in de vorm van banners!
  50. 50. 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
  51. 51. Positie knoppen * Matteo Penzo: Label Placement in Forms
  52. 52. Positie labels * Luke Wroblewski: Web Application Form Design
  53. 53. Positie labels  Label en veld in 1 oogopslag  Bij lange formulieren: rommelig  Gebruiken bij korte formulieren
  54. 54. Positie labels  Labels goed scanbaar tov elkaar  Maar: afstand tussen label en veld groter  Gebruiken bij veel nieuwe bezoekers / gebruikers
  55. 55. Positie labels  Afstand tussen label en veld klein  Maar: labels niet goed scanbaar tov elkaar  Gebruiken bij veel vaste bezoekers / gebruikers
  56. 56. Lijnen en vlakken sturen kijkgedrag
  57. 57. Lijnen en vlakken sturen kijkgedrag
  58. 58. Lijnen en vlakken sturen kijkgedrag
  59. 59. 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
  60. 60. 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

×