4 redenen waarom uw lichaamstekst groter zou moeten zijn
De hoofdtekst op uw website is te klein. Hoewel desktopmonitors en telefoonschermen lijken te groeien, zijn de lettertypegroottes van het lichaam schijnbaar kleiner geworden. Hoewel hun oorspronkelijke grootte hetzelfde is, voelen ze kleiner dan ooit.
Te vaak merk ik dat ik naar het scherm tuur om inhoud te lezen. En zo mag het niet zijn. Vandaag kijken we naar de redenen voor dit toenemende probleem en hoe u dit kunt oplossen!
De zaak voor grotere tekst
Kleine tekstformaten zijn een oud concept in termen van website-ontwerp. Het idee om 12-punts tekst te gebruiken voor body-copy dateert bijna uit de eerste dagen van internet en digitale publicatie toen de standaardgrootte op tekstverwerkers 12 punten was. (Dat is echt hoe ontwerpers deze onofficiële richtlijn zijn gaan gebruiken.)
Maar schermen waren toen ook een stuk kleiner. En 12-punts type op een locatie een paar meter van uw ogen kan veel te lezen zijn.
Extra grote koppen en subkoppen zijn al geruime tijd populair en je body-kopie moet een inhaalslag maken. Zelfs Kissmetrics, een blog over webanalyse, marketing en testen, merkte op dat de meeste websites te kleine lettertypen hebben. Ze noemden dit zelfs een van de '7 hoofdzonden van webdesign'.
Hier is de grote reden: u moet meteen de aandacht van gebruikers trekken en kleine lettertypen zullen het gewoon niet snijden met zoveel andere opties die beschikbaar zijn voor de tijd van een gebruiker.
Ben je nog steeds niet overtuigd? Hier zijn nog vier redenen waarom uw lichaamstype groter zou moeten zijn.
1. Het is gemakkelijker te lezen
Leesbaarheid is een groot probleem. Waarom zou u een website ontwerpen die moeilijk leesbaar is voor een gebruiker?
De eerste les is om de pure numerieke maateenheid voor hoofdtekst op internet te verwijderen. Het maakt niet echt uit of uw tekst 12 punten of 16 punten is of 22 punten als u deze niet kunt lezen. (Tekstgrootte is niet universeel en varieert hoe dan ook, afhankelijk van het lettertype.) Hoofdtekst moet in verhouding staan tot al het andere op het scherm en voor gebruikers gemakkelijk te zien zijn vanaf een zekere afstand.
De standaard is al enige tijd dat 45 tot 60 tekens per regel in een enkele kolom (inclusief interpunctie en spaties) de ideale lengte is voor de meeste lezers. U moet dus nadenken over de grootte van de meest gebruikte browsers, de breedte van de kolom die u gebruikt en beginnen met een tekstgrootte die binnen dat bereik valt. Denk er dan aan om dienovereenkomstig aan te passen voor responsieve breekpunten.
Het bereik is iets kleiner voor kleinere schermen, waar de meeste mensen het erover eens zijn dat grotere tekst beter is. (Dank de helft van dat regelaantal.)
De truc is het creëren van een schaal die comfortabel is om te lezen. En hoe meer tekst in lichaamsgrootte je moet gebruiken, hoe belangrijker dit wordt. Tekst die te breed is, kan het moeilijk maken om tijdens het lezen scherp te stellen en van regel naar regel te gaan; tekst die te smal is, heeft geen goed ritme en zorgt ervoor dat het oog tijdens het lezen te snel beweegt.
2. Het maakt het ontwerp intuïtiever
De grootte van de tekst draagt bij aan de algehele bruikbaarheid van een website-ontwerp.
Als alle tekst proportioneel is geschaald, helpt een grotere body-kopie ook om de grootte van andere gebruikersinterface-elementen zoals navigatielinks of knoptekst te vergroten. Het kan bijdragen aan de algehele stroom.
Grotere tekst helpt u ook om betere beslissingen te nemen over inhoud en selectiever te bewerken, wat altijd een goede zaak is voor gebruikers. Deze stroomlijning helpt de belangrijkste elementen naar voren te halen in het ontwerp. Vergeet niet dat gebruikers de aandachtsspanne van een goudvis hebben - als dat zo is - dus alles wat ze nodig hebben om het ontwerp te begrijpen en hoe ermee om te gaan, moet in één oogopslag toegankelijk zijn.
Hier is de andere trickle-down-bonus van een groter type - het zal u aanmoedigen om ook de opvulling, het plaatsen van foto's en het plaatsen van regels te heroverwegen. Alles in het ontwerp zal baat hebben bij het heroverwegen van de lettergrootte, omdat het allemaal congruent werkt om een samengesteld eindproduct te creëren. Al dat bewerken en heroverwegen van het plaatsen van onderdelen kan resulteren in een verbeterde bruikbaarheid omdat je eigenlijk de tijd neemt om individuele elementen in het ontwerp te evalueren, in plaats van alles gewoon op dezelfde manier neer te zetten.
3. Het vermindert vermoeidheid
Gebruikersmoeheid kan een echt probleem zijn. De meeste mensen kijken de hele dag naar schermen, van een blik op de telefoon tot het spelen van games en tablets tot het werken op computers of televisie kijken. Hun ogen zijn vermoeid.
Grotere tekstgroottes kunnen een deel van deze schermmoeheid helpen verminderen.
Een andere veel voorkomende bron van schermvermoeidheid is de vorm van mobiele apparaten en gebruikers die over het scherm naar elementen moeten reiken. Grotere telefoons verkleinen gebieden die gemakkelijk met de duim te bereiken zijn, maar grotere elementen en hoofdtekst kunnen dit dilemma helpen oplossen.
Een reden waarom grotere formaten voor tekst en andere elementen van de gebruikersinterface belangrijk zijn, is omdat het helpt de visuele weergave aan te passen aan de fysieke weergave, wat meer comfort biedt voor gebruikers.
4. Het vergroot de visuele impact
U wilt dat uw website-ontwerp een sterke eerste indruk maakt. Grotere tekst kan een sterke visuele aanwezigheid en impact hebben dan kleinere tekst. Het is brutaler en meer in je gezicht. Het moet gelezen worden.
Deze tactieken helpen allemaal om de aandacht van de gebruiker te trekken en vast te houden.
Het onbedoelde gevolg van het gebruik van een groter lichaamstype is dat vrijwel al het andere in uw ontwerp waarschijnlijk ook groter wordt. Dit is waarschijnlijk het geval met ruimte. Een groter type helpt u ruimte te creëren voor meer ruimte in het ontwerp. Meer ruimte creëert vaak een comfortabelere gebruikerservaring en voegt een contrastelement toe dat gebruikers naar de bezette delen van het ontwerp trekt. (Het is ontwerptheorie op een basisniveau, maar het werkt.)
Groter type en grotere afstand zijn elementen die de meeste gebruikers niet zullen zien of waarover ze niet praten, maar die ze gewoon zullen waarderen. De ervaring zal gemakkelijker zijn en hopelijk resulteren in een stijging van website-analyse, zoals tijd op de site of pagina's per bezoeker. (Deze maatregelen kunnen een sleutelfactor zijn bij het bepalen of de overstap naar een groter type een verschil maakt voor gebruikers.)
Gevolgtrekking
Smashing Magazine publiceerde in 2011 een artikel waarin wordt gesteld dat iets minder dan 16 pixels voor hoofdtekst te klein is. Ik ben het er meestal mee eens.
En ga dan nog een stap verder. Test 18, 20 of zelfs 22 punten voor je lichaamsexemplaar. Zelfs als het in eerste instantie ongemakkelijk lijkt, zul je merken dat het gemakkelijk te lezen is. Het is licht verteerbaar. En het zorgt ervoor dat inhoud iets minder overweldigend aanvoelt. Maak het gebruikers gemakkelijk en zij zullen u bedanken door meer tijd op uw website door te brengen.
