3. Maak alle Tekst scanbaar
Mensen doen op het internet (en ook bij het gebruik van webapplicaties) niet de moeite om tekst te lezen. Ze scannen de pagina heel snel, op zoek naar de link, knop of informatie die ze nodig hebben. Zorg er dus voor dat ze die in een oogopslag kunnen vinden.
Mensen hebben bovendien een hekel aan pagina’s die te vol staan en druk overkomen.
Dus: Maak tekst scanbaar, zorg voor focus en rust en dat doe je zo:
- Structureer en groepeer d.m.v.
- Veel witruimte
- Titels en ondertitels
- Kleurcontrast of Borders
- Opsommingen en tabellen (= gestructureerde tekst) i.p.v. gewone paragrafen (= ongestructureerde tekst)
- Houd teksten kort
- Leg nadruk op belangrijke woorden (door ze groter of vet te maken)
- Gebruik de correcte lijnlengte
- Voor websites: korte lijnlengte (45-72 karakters/lijn),
want onderzoek heeft uitgewezen dat mensen dit verkiezen - Wanneer efficiëntie belangrijk is (b.v. voor interne applicaties):
gebruik lange lijnlengtes (100 karakters/lijn, wat eigenlijk nog altijd niet zo lang is), want deze lezen het snelst - Zet elementen die vergeleken moeten worden dicht bij elkaar
Want: Mensen kunnen slechts een zeer beperkte hoeveelheid informatie tegelijkertijd onthouden. (Meer over de zin en onzin van het kortetermijngeheugen kan je lezen in mijn blogpost over de 7+-2 mythe.)
Bij deze richtlijn denk je misschien 'wel duh!', maar toch wordt ze vaak niet toegepast. Denk bijvoorbeeld maar aan sites die hun verschillende producten oplijsten. Vaak zitten belangrijke gegevens verborgen in het detailscherm van elk product. Je moet dus product per product open en weer dicht klikken, wat vergelijken moeilijk en tijdrovend maakt.
- Qua font gebruik je best:
- Max. 4 verschillende fontgroottes
Zorg er bovendien voor dat de groottes voldoende verschillen van elkaar (= min. 2 pt), anders lijkt het of er per ongeluk wanorde is gecreëerd
- Max. 3 fonts voor een helder visueel design
- Fontgrootte = 0,5% van de leesafstand
Bij een nomaal computergebruik is deze afstand tussen 60 en 80 cm dus font hoogte = 0,3 – 0,4 cm
Komt dit overeen met 10, 12 of 14 punten? Dat hangt af van het font dat je gebruikt.
Om je een idee te geven:Deze tekst is 0,4 cm hoog
Deze tekst is 0,3 cm hoog
Je merkt dat de fontgrootte die ik gebruik zelfs nog iets groter is. Ik heb immers ondervonden dat de meeste mensen een hekel hebben aan kleine lettertjes op het internet, en dan spreek ik niet alleen over ouderen!
De fontgrootte moet uiteraard aangepast kunnen worden door mensen die slecht zien, meer informatie hierover vind je in guideline 15 over Accessibility.
- Tenslotte: Tekst lezen op het scherm is niet hetzelfde als tekst lezen op papier. Voorzie steeds een formaat geoptimaliseerd voor print.
Hoopte je op een "Gebruik Verdana en niet Arial"? Dan moet ik je teleurstellen: Zo simpel is het niet.
Velen beweren bijvoorbeeld dat sans-serif beter is dan serif voor het web. Voor hen en voor iedereen die graag wilt lezen over onderzoek naar leesbaarheid is dit een goede start: Which Are More Legible: Serif or Sans Serif Typefaces?
De enige praktische raad die ik kan geven is snel samengevat: Kies geen te fantasierijk lettertype (met veel decoratie), maak je tekst groot genoeg en schrijf zwarte tekst op een witte achtergrond.
Nogal veel informatie voor één guideline? Onthoud dan gewoon de gouden raad die Alan Cooper zo mooi formuleerde: “No matter how cool your interface is, less of it would be better.”