Een eenvoudige typografische truc om de leesbaarheid van tekst met maximaal 30% te vergroten
Typisch gaat typografie over twee dingen: leesbaarheid, die zich bezighoudt met hoe onderscheidbare letters, woorden en zinsneden zijn; en leesbaarheid die behandelt hoe gemakkelijk het voor de hersenen is om die elementen om te zetten in een coherente boodschap.
Heb je ooit al eens een enkele tekstregel gelezen, alsof het twee regels waren, vooral als je ogen moe zijn? Het gebeurt, omdat het oog verdwaalt op zijn reis van rechts naar links (of van links naar rechts, afhankelijk van je taal) van het einde van de ene regel tot het begin van de volgende. Het is de reden dat kinderen lijnen met hun vinger volgen wanneer ze leren lezen.
Er zijn een paar dingen die typografen kunnen doen om het probleem te voorkomen, en ze zijn vooral belangrijk in grote hoeveelheden hoofdtekst, zoals nieuwsverslagen of blogs: ten eerste, zorg ervoor dat je personages per regel niet te hoog zijn, de hoe verder het oog moet reizen hoe groter de kans dat het verdwaalt; ten tweede overweegt u een schreefletter, de grotere horizontale indruk zorgt voor een groter visueel onderscheid tussen tekstregels en witruimte, die dezelfde rol dienen als de vinger van het voornoemde kind; Let ten slotte extra op uw leidende, grotere tussenafstanden en creëer duidelijkere kanalen voor uw oog om te volgen.
Naast dit traditionele advies is er een nieuwe techniek ontdekt. BeeLine Reader is een fascinerende nieuwe plug-in voor Chrome die laat zien hoe het werkt.
BeeLine Reader voegt een kleurverloop toe aan tekstregels, waardoor de overgang van het einde van de ene regel naar het begin van de volgende gemakkelijker voor het oog is. Stanford University voerde een test uit met behulp van de plug-in en concludeerde dat BeeLine Reader resulteerde in een gemiddelde leessnelheidstoename van 10%; de eigen site van de plug-in beweert dat een doorgewinterde lezer een toename van 25-30% zal ervaren.
Je zou de tekst aan de rechterkant veel sneller kunnen lezen dan de tekst aan de linkerkant.
Hoewel ik niet kan zeggen dat ik instem met de plug-in die tekst in één kolom dwingt, of van de kleuren die ze hebben gebruikt (lelijk voor de meesten en nutteloos voor iedereen met protanopische kleurenblindheid), is het principe degelijk. Er is een voorbeeld op grijsschaal op de site van BeeLine Reader dat de leesbaarheid verbetert, maar geen inbreuk maakt op iemands merk. Een snelle proef van hun leestest, liet zien dat ik met 22% verbeterd ben door de grijze versie te gebruiken.
Hoewel er geen eenvoudige manier is om dit soort ontwerp in eenvoudige CSS te implementeren, is het mogelijk om te coderen zoals de plug-in laat zien.
Als u grote hoeveelheden lopende tekst aan het ontwerpen bent - vooral als andere contrasten u dwingen kolommen te gebruiken die te breed zijn of lijnhoogte die te klein is - overweeg deze techniek toe te passen om te compenseren.
Wat denk je van de techniek van BeeLine Reader? Hoe ging het met je leestest? Laat het ons weten in de comments.
Uitgelichte afbeelding / thumbnail, kleurgecodeerde afbeelding via Shutterstock