Maak webteksten minimaal 16 pixels groot

Dit artikel verscheen eerder op kweekcommunicatie.nl (12 juli 2012).

Laatst luisterde ik naar de radio. Je weet wel, dat retro medium waar mensen alleen in de auto naar luisteren. Ik zat ook achter het stuur toen de Coen & Sander Show bezig was. De heren waren luisteraars warm aan het maken voor de vierde nationale Comic Sans Dag op 6 juli. Een dag in het leven geroepen om het ‘veelvuldig verguisde’ lettertype uit het verdomhoekje te halen. Dat mensen Comic Sans gebruiken voor verjaardagsuitnodigingen is ergens nog te begrijpen, maar dat sommigen het durven te gebruiken als lettertype voor hun bedrijf is echt gedurfd. Geen visitekaartje, reclamebord of website ziet er serieus uit zodra er Comic Sans is gebruikt. Toch doen mensen het. Nog sterker, zoals Coen en Sander zeiden: “In de prille jaren van het internet was een website zonder Comic Sans haast ondenkbaar.”

Gelukkig komt Comic Sans niet heel vaak meer voor op websites. Wat helaas wel nog vaak voorkomt zijn webteksten met een kleine lettergrootte. Misschien ben jij iemand die alleen grote letters gebruikt om aan die verplichte tien pagina’s voor een paper te voldoen en het verder wel prima vindt dat teksten klein zijn. Toch zouden websites vaker grotere letters moeten gebruiken:

Er zijn tussen de 160.000 en 320.000 slechtzienden in Nederland. Die hebben waarschijnlijk al moeite om een krantenkop van De Telegraaf te lezen, laat staan die minuscule teksten op een website. Daarnaast zijn er steeds meer bejaarden. In 2025 is één op de vier Nederlanders ouder dan 65. Die ouderen moeten vier keer zo hard werken met hun ogen als 20-jarigen om dezelfde tekst te kunnen lezen. Maar ook jonge mensen hebben baat bij grotere letters. De meeste mensen fronsen hun wenkbrauwen en knijpen hun ogen samen bij letters kleiner dan 16 pixels, ook al hebben ze het vaak zelf niet door. Hoe vaak zit jij naar het scherm gebogen om teksten beter te kunnen lezen? Daarnaast zijn grotere letters ook prettiger wanneer je een website bezoekt via je telefoon.

Webteksten zouden minimaal 16 pixels groot moeten zijn. Die grootte is niet volkomen uit de lucht gegrepen: 16 pixels op een beeldscherm is ongeveer net zo groot als de meeste tekst in boeken of tijdschriften. Tekst in boeken is eigenlijk kleiner dan 16 pixels, maar lijkt groter omdat we het meestal dichter bij onze ogen houden. De meeste mensen zitten zo’n 50 centimeter van hun scherm, de aanbevolen afstand is zelfs 70 centimeter. Die afstand is veel groter dan wanneer je een tijdschrift leest. Daarnaast is de lettergrootte die browsers standaard weergeven ook 16 pixels.

Denk je nog steeds dat grotere letters onnodig zijn? Lees dit artikel van Bnonn voor alle argumenten en counterargumenten op tegenargumenten om webteksten 16 pixels groot te maken. Als hij je niet kan overtuigen met heerlijke oneliners als ‘Readership = revenue’ en ‘If you want the maximum number of readers, set your text to a minimum size of 16 pixels’, dan weet ik het ook niet meer.

Creëer diepte op je website met parallax scrolling

Dit artikel verscheen eerder op kweekcommunicatie.nl (12 februari 2013).

Als je in de auto zit en naar buiten kijkt, dan zie je dat de lantaarnpalen naast de weg veel sneller voorbij lijken te komen dan het landschap in de verte. Dit is het parallax-verschijnsel.

Met parallax scrolling kun je de illusie van diepte creëren op beeldschermen. Dit werd voor het eerst gedaan in het spelletje Moon Patrol uit 1982:

(© Rich Jones) De bergen op de voorgrond bewegen sneller dan die op de achtergrond.

Het effect wordt steeds vaker gebruikt op websites. De achtergrond beweegt dan bij het scrollen langzamer omhoog en omlaag dan de voorgrond. Kijk bijvoorbeeld eens op de site van cultural solutions uk. De bollen op de achtergrond bewegen minder snel dan de tekst op de voorgrond. Ze hebben het parallax-verschijnsel ook op een andere manier toegepast: als je met je muis over het logo beweegt volgen de bollen je bewegingen.

Met de illusie van diepte kan een website interessanter worden om te bekijken. Zo lijkt het op de site van expeditie Row to the Pole net alsof je boven ijsschotsen vliegt doordat de wolkjes sneller bewegen dan de ijsplaten daaronder. Dit brengt het onderwerp van de site goed over. Ook is het wat levendiger: je voelt bijna de poolwind waaien terwijl je scrollt.

Parallax scrolling is leuk om te zien en kan een verhaal ondersteunen. Maar als er een grote hoeveelheid afbeeldingen op verschillende manieren in beweging gezet is kan dat de website vertragen. Ook is het nogal afleidend als alles nadrukkelijk beweegt.

Als het niet te opvallend aanwezig is en de snelheid of gebruiksgemak niet tegenwerkt dan is het zeker een leuke toevoeging aan een site.

Wil je zelf aan de slag met diepte op je website? Deze links helpen je vooruit: