W3use eenvoudig over usability

• U bent hier:  Home → Usability tips → Tien gouden richtlijnen

Home Diensten Usability Publicaties

Usability: Tien gouden richtlijnen

Bron (met veel meer uitleg plus praktijkvoorbeelden):
Handboek website usability | www.handboekusability.nl
€ 44,50 | ISBN 90 395 2101 8 | NUR 994 © 2003 Academic Service

  1. Herkenbaarheid en bedrijfsinformatie: maak duidelijk wie u bent en wat u doet.
    • Plaats een uithangbord op elke webpagina: uw logo (het liefst linksboven) plus een informatieve slagzin. Gebruik op andere pagina's dan de homepage een duidelijke paginatitel boven de tekst die het doel of de inhoud van de pagina omschrijft.
    • Groepeer uw bedrijfsinformatie op aparte servicepagina's. Maak deze bereikbaar via een link 'Over ons' of 'Over bedrijfsnaam'.

  2. Navigatie: plaats een standaard primaire navigatiestructuur op elke pagina.
    • Plaats op elke webpagina consistent dezelfde primaire navigatiestructuur.
    • Bied de bezoeker overal een weg terug naar de homepage met de tekstlink 'Home'. Zorg er ook voor dat het logo een hyperlink is, die leidt naar de homepage.
    • Beperk u tot 7 plus of min 2 hyperlinks in uw primaire navigatiestructuur.

  3. Snelheid: toon uw webpagina's binnen 10 seconden.
    • Beperk de omvang van de homepage tot maximaal 50 kB, inclusief scripts, stylesheet en multimediabestanden. Andere pagina's mogen eventueel zwaarder worden, maar denk over opsplitsing bij erg grote pagina's.
    • Zorg voor splitsing van opmaak en inhoud voor optimale code. Gebruik hiervoor de webstandaarden (X)HTML en CSS (als extern stylesheet).

  4. Zoeken: help uw bezoekers te vinden wat zij zoeken.
    • Plaats een zoekdienst boven in elke webpagina. Houd deze eenvoudig: één wit zoekveld met ruimte voor 25-30 tekens en een knop met het opschrift 'Zoek' of 'Zoeken'.
    • Plaats op uw website servicepagina's met een faq en een wegwijzer (site map), bereikbaar vanuit de primaire navigatiestructuur.

  5. Opmaak: maak uw webpagina's optimaal leesbaar op elk beeldscherm.
    • Gebruik een vloeibaar ontwerp (procentuele codering van tabellen en layers). U kunt de pagina het beste optimaliseren voor een minimale resolutie van 800×600, maar er tevens voor zorgen dat de pagina de volle schermbreedte benut in elke andere resolutie.
    • Zorg voor goede leesbaarheid van de pagina op een beeldscherm. Hanteer goed contrast tussen voor- en achtergrondkleur; gebruik liefst een schreefloos lettertype en schaalbare tekengrootte.

  6. Schrijfstijl: geef zoveel mogelijk informatie met zo weinig mogelijk woorden.
    • Schrijf kort: schrap rigoureus alle overbodige tekst.
    • Schrijf de belangrijkste informatie eerst: in de titelbalk (<title>), in de paginatitel en in de kopteksten. Plaats de informatieve kernbegrippen aan het begin van elke koptekst, alinea, zin en hyperlink. Zo wordt uw pagina optimaal scanbaar.
    • Maak uw tekst geschikt om te scannen: gebruik hiervoor accenten in de vorm van koppen (<h1>...<h6>), benadrukte tekst (<strong>) en opsommingen (<u>en <ol>). Beperk hierbij de paginalengte tot 2 à 3 beeldschermen (1000-1600 pixels).

  7. Hyperlinks: geef uw informatie context en diepgang met duidelijke links.
    • Maak uw hyperlinks informatiedragend. Gebruik de hyperlinktekst om aan te geven waar de bezoeker terecht zal komen.
    • Codeer hyperlinktitels om extra informatie aan uw hyperlinks mee te geven (<a href="..." title="korte beschrijving van de hyperlink">).
    • Maak hyperlinks duidelijk herkenbaar ten opzichte van de omliggende tekst. Gebruik een afwijkende kleur voor hyperlinks (liefst de standaardkleur blauw) en laat hyperlinks onderstreept. Zorg ervoor dat bezochte hyperlinks herkenbaar zijn in een afwijkende kleur (liefst de standaardkleur paars).

  8. Interactie: geef surfers de mogelijkheid zelf dingen te doen.
    • Maak belangrijke interactieve elementen van de site direct bruikbaar op de homepage. Denk in elk geval aan zoeken en bijvoorbeeld aan inloggen.
    • Laat de gebruikers zien wat ze doen. Maak de formulieren zo eenvoudig mogelijk en geef na iedere actie van de gebruiker feedback over wat er wel of niet goed is gegaan.
    • Maak internetters duidelijk welk type reactie zij binnen welke termijn kunnen verwachten. Organiseer dat de mensen aan 'uw kant' van de interactie de toegezegde service en optimale kwaliteit bieden.

  9. Accessibility: maak uw website toegankelijk voor iedereen.
    • Maak gebruik van alternatieve teksten voor afbeeldingen zodat screenreaders en spraakbrowsers ermee overweg kunnen (<img src="..." alt="beschrijving van de afbeelding">).
    • Zorg ervoor dat de primaire navigatiestructuur en de informatie op de pagina altijd ook als tekstinformatie aanwezig is. Zorg indien mogelijk voor een complete tekst-only versie van de site.
    • Maak gebruik van standaard (X)HTML-coderingen voor kopteksten en benadrukte tekst. Plaats nooit meer HTML-opmaakcodes zoals <font> en <b> in uw schermteksten, maar regel dit via CSS (in een externe stylesheet).

  10. Afbeeldingen en multimedia: gebruik ze spaarzaam en doelgericht.
    • Beperk het gebruik van afbeeldingen liefst tot 5 à 15% van het oppervlak van de webpagina, ter illustratie van belangrijke onderdelen van de website.
    • Gebruik alleen pictogrammen indien deze niets te raden overlaten. Doe dit door bij (zelfgemaakte) pictogrammen ook een tekstlabel in de stijl van de site te plaatsen.
    • Zorg ervoor dat er een tekstalternatief beschikbaar is voor multimediainhoud. Gebruik liever geen multimediatechnieken voor de primaire navigatie.