Het belang van typografie op internet

Gebeurt dit jou wel eens? Heel dicht op het scherm turen omdat het lettertype zo klein is? Ik merk dat ik vaak inzoom op webpagina's omdat ik de tekst niet kan lezen. Het is buitengewoon vervelend.

De leesbaarheid van tekst op uw website of online communicatie is bepalend voor de manier waarop mensen deze lezen. Het is niet alleen jouw woordkeuze, ook een geschikt, standaard lettertype speelt hierin een belangrijke rol. De lettergrootte, regellengte en regelafstand hebben ook invloed op hoe leesbaar uw tekst is.

Online en gedrukte typografie zijn niet hetzelfde

Toen ik voor het eerst van print naar online ging, moet ik toegeven dat het even duurde voordat ik eraan gewend was geraakt dat alles op internet iets groter kan zijn. Ik ben begonnen in de wereld van kranten, waar een lettergrootte van 9 of 10 px heel normaal is voor het hoofdgedeelte van de tekst. Ik herinner me nog mijn eerste online publicatie: een enorme lettergrootte voor de rubrieken en een klein lettertype voor het hoofdgedeelte van de tekst. Dat was een totaal verkeerd idee. De hoofdtekst had twee keer zo groot moeten zijn, minimaal 16 px. En natuurlijk kunnen de kopjes ook subtieler. In het begin vond ik het raar, maar ben er nu helemaal aan gewend.

Hier zit logica achter, omdat de verhoudingen op internet heel anders zijn. Denk er maar eens over na: je zit vaak verder van je scherm dan een krant, brochureof magazine. Bij een webpublicatie heb je dus een grotere lettergrootte nodig, want door de afstand lijkt het lettertype kleiner. Maar dat is niet alles. De regellengte is ook belangrijk, net als de regelafstand. Maar hoe bepaal je wat de ideale lettergrootte, regellengte en spatiëring is? Ik denk dat dit varieert afhankelijk van het lettertype, omdat ze qua afmetingen nogal verschillen. Ik weet niet zeker of er een ideaal is richtlijnen, maar na wat onderzoek te hebben gedaan, ben ik tot de volgende lijst gekomen

Richtlijnen voor typografie

Lettergrootte: 16px of groter
Regellengte: 45 tot 75 tekens
Regelafstand: 1.4 keer de lettergrootte

Bovenstaande zijn gemiddelde formaten, maar als je lettertype aan de kleine of smalle kant is, kun je gerust een pixel hoger kiezen.

Vloeiend verwerken: aantrekkelijk of leesbaar?

Tijd voor wat wetenschap. Onze hersenen zijn gevoelig voor veranderingen binnen een bericht. Je denkt misschien dat ik het heb over je woordenschatkeuze, maar ook het lettertype dat je kiest speelt een belangrijke rol. Als je je lezer wilt stimuleren om verder te lezen, zorg er dan voor dat je het juiste lettertype gebruikt. Verwerkingsvloeiendheid, oftewel het gemak waarmee onze hersenen informatie verwerken, is daarbij enorm belangrijk. Het kiezen van een goed lettertype voor uw online werk lijkt misschien een trivialiteit, maar het beïnvloedt in feite de manier waarop we handelen, ook al zijn we ons er niet van bewust.

Een lettertype heeft invloed op hoe leesbaar tekst is. Zo kunnen gemakkelijk leesbare lettertypen als Helvetica en Verdana in een fractie van een seconde worden verwerkt. Hetzelfde kan niet gezegd worden van creatievere lettertypen (zoals de handgeschreven stijlen) die moeilijker te lezen zijn.

Maar het kiezen van een creatief, handgeschreven lettertype heeft eigenlijk nog een positieve invloed op de leesbaarheid van een tekst. Het komt persoonlijker over en maakt de betekenis van de boodschap geloofwaardiger. Kies je dus voor aantrekkelijk of leesbaar? Kies het beste van twee werelden – met andere woorden, een helder, leesbaar lettertype zoals Arial, Helvetica of Verdana en wissel dit af met creatieve lettertypen, in een citerenBijvoorbeeld.

"Een citaat kan een rustpunt in de tekst bieden."

Maar dit begint niet eens met het verkennen van alle verschillende lettertypen die u zou kunnen gebruiken! De opkomst van tools als Typekit en Google Fonts betekent nu dat er naast de klassieke lettertypen talloze nieuwe weblettertypen zijn verschenen. Ze zijn vaak wat frisser dan de klassieke fonts, waardoor uw publicatie of website er wat luchtiger uitziet.

Door de Skyfonts-tool voor Windows of Mac OSX te installeren, is het mogelijk om met één muisklik webfonts van Google Fonts te downloaden. Fonts voeg je eenvoudig toe door op het plusteken te klikken en ze worden netjes opgeslagen in de tool. Het ultieme voordeel van Skyfonts is dat je de fonts na installatie direct kunt gebruiken in de projecten waar je mee bezig bent. U kent het probleem waarschijnlijk wel: als u een nieuw lettertype afzonderlijk installeert, moet u eerst ernaar zoeken in downloads voordat u het in uw lettertypebibliotheek opent en opslaat. Er is ook het probleem dat u alle normale, vetgedrukte en cursieve versies afzonderlijk moet opslaan, terwijl u met Skyfonts volledige lettertypefamilies kunt opslaan die meteen werken. Wat kan beter zijn? Een bijkomend voordeel is dat de websites Fonts.com, Linotype, Monotype en My Fonts allemaal zijn aangesloten bij Skyfonts, waardoor u ook betaalde lettertypen kunt toevoegen.

Let op je woorden!

Ten slotte is uw woordkeuze van belang. We hoeven u dit waarschijnlijk niet te vertellen, maar niet iedereen zorgt ervoor dat de teksten die ze schrijven ook daadwerkelijk geschikt zijn voor de doellezer. U moet een lichtere stijl aannemen voor jongere lezers, maar uitgebreider zijn wanneer u zich richt tot oudere lezers die meer diepgang nodig hebben. Houd je doelgroep in gedachten, want dat zijn de mensen die je wilt aantrekken. Als je succesvol bent, zal de lezer waarschijnlijk terugkomen voor meer.

Houd rekening met je responsive design

U heeft ongetwijfeld gemerkt dat er een verandering gaande is in webdesign, waardoor bijna alle producties, websites en andere dingen op het web responsive. Dit betekent dat alle content op een pagina zichzelf verkleint, waardoor deze ook even goed te bekijken is op je tablet of smartphone. Dit heeft zijn weerslag op de typografie in een webdesign en houdt in dat je rekening moet houden met kleuren, lettertypes en lettergroottes. Het maken van een responsive design is belangrijk, maar kost tijd.

Met de Foleon-tool pas je het eenvoudig toe in je online publicatie. Doordat het mogelijk is om zowel de kleuren, lettertypes en lettergroottes voor mobiel aan te passen in de algehele themastijl als de paginastijl en itemstijl op paginaniveau, zet je je pagina's in een handomdraai responsive.

Je zou ook graag:

• Inbound Marketing Inhoudstypen die u zou moeten maken
• E-mailmarketingtips voor het promoten van uw eBook
• Whitepaper marketingtips
• Hoe een digitaal tijdschrift te promoten

Auteur bio

Ritesh is een digitale marketingmanager met jarenlange ervaring in het stimuleren van groei. Hij is momenteel de directeur van inbound marketing bij Foleon. Meer over hem vind je op zijn LinkedIn profiel.