1
Inleiding – wat is usability?
Voor wie is dit boek bedoeld?
Wat zult u niet vinden in dit boek?
Korte geschiedenis van internet
Ontwikkeling van HTML en verwante technieken
Wat betekent dit voor usability?
Een definitie van usability
User experience en usability
Usability in het ontwerpproces
Waarom uw sites beter worden door usabilityregels toe te passen
2
De homepage of landing page
Stap 1 – Leg uit wie u bent en wat u doet
Stap 2 – Leg uit wat er op uw website is te vinden en is te doen
Stap 3 – Help de bezoeker te vinden wat hij nodig heeft
Stap 4 – Geef het laatste nieuws
Stap 5 – Geef een voorproefje van de rest van de site
Splash pages – Wanneer wel en niet?
Goede landing pages ontwerpen
Een navigatiestructuur kiezen
Doelen van websitenavigatie
Houd rekening met vaste gewoonten
Mogelijkheden voor vormgeving van de navigatie
Plaatsbepaling in de navigatiestructuur
Broodkruimels als navigatiehulpmiddel
Navigatie via uitklapmenu’s?
4
Een zoekdienst op de website
Eigenschappen van een gebruikersvriendelijke zoekdienst
Met Google een eigen zoekdienst maken
De resultaten presenteren
5
Servicepagina’s die op elke website thuishoren
Wat zijn servicepagina’s?
Plaats van het servicemenu
Designtrend: mega servicemenu’s
6
Specifiek – paginaontwerp
Hoe het web ‘gelezen’ wordt
Pagina’s scannen – een visuele hiërarchie
Hoe scannen mensen? Het F-patroon
Zelf scannen – de sneltest
Ontwerpen voor verschillen de resoluties
Basiselementen – regels voor optimale usability
Richtlijnen voor snelheid
Nogmaals: lezen op het web
Structuur bieden met titels en koppen
Schrijven voor informatiepagina’s
Schrijven voor verschillende typen pagina’s
Dit is ook schrijven – metagegevens instellen
Richtlijnen voor animatie
Wanneer is animatie nuttig?
Richtlijnen voor carrousels en andere mediaelementen
9
Usability en accessibility
Websites over accessibility
Sites ontwerpen volgens de W3C-richtlijnen
Vijftien W3C-richtlijnen voor toegankelijk webdesign
Zestien ijkpunten met prioriteit 1
Gebruikersvriendelijke alt-teksten schrijven
Verschil 1 – Schermafmeting
Verschil 3 – Inhoud van de site
Verschil 4 – Minimaliseer tekstinvoer
Verschil 5 – Gebruik ingebouwde functionaliteit
Aanbeveling – Ontwerp met een mobile first-strategie
Responsive design of aparte site?
11
Zelf usabilitytesten uitvoeren
Verschillende typen usabilitytesten
Concepttest of prototypetest
Usabilitytesten met proefpersonen
Zelf een usabilitytest organiseren
Aanvullende hardware en software voor usabilityonderzoek
Andere typen usabilitytesten
12
Samenvatting – de belangrijkste usabilityrichtlijnen
De tien gouden richtlijnen
