In elke interface kiezen we ervoor om tekst, titels, paragrafen en links te markeren om een dialoog met de gebruiker te creëren.
Maar tijdens de audits die ik heb uitgevoerd op web- en mobiele interfaces, heb ik vaak typografische en stijlfouten aan het licht gebracht.
Deze fouten worden vaak als kleine details gezien, maar in werkelijkheid vormen ze een belemmering voor uw communicatie.
De gebruiker kent u immers niet en als er obstakels zijn die hem verhinderen of vertragen bij het lezen, zal hij niet noodzakelijkerwijs zijn best doen om uw boodschap over te brengen.
Door deze 7 fouten te vermijden, vergroot u de leesbaarheid van de verschillende paragrafen van uw interface, verhoogt u het comfort en verkort u de leestijd.
Het doel van dit artikel is om te leren hoe u deze fouten kunt detecteren en corrigeren. Maar ook om een beter begrip te krijgen van typografische stijlen die verankerd zijn in het hedendaagse gebruik op digitale interfaces, en om deze verstandig te gebruiken.
#1 Alle hoofdletters
Het gebruik van hoofdletters voor tekst in een interface kan onderwerp van discussie zijn, maar uit diverse onderzoeken is gebleken dat een alinea in alleen maar hoofdletters lastig te lezen kan zijn en de leesbaarheid vermindert.
Vaak wordt dit gebruikt om een tekst te benadrukken, belangrijker te maken en/of meer zichtbaar te maken. We weten echter dat dit het tegenovergestelde effect heeft. De gebruiker identificeert deze elementen namelijk in hoofdletters en zal ze liever overslaan.
Om twee redenen:
- Het soms angstwekkende en agressieve effect van het lezen van een tekst in hoofdletters. De gebruiker kan het gevoel krijgen dat er tegen hem geschreeuwd wordt en dat er een vorm van irritatie in onze boodschap zit.
- Er zijn maar weinig aanwijzingen om letters en hun kenmerken te identificeren. Daardoor is het voor de gebruiker lastig om onderscheid te maken tussen letters. De tekst wordt moeilijker en langer om te lezen. Dit laatste punt is erg belangrijk, omdat we moeten bedenken dat gebruikers op het web maar heel weinig lezen. Vaak wordt de informatie gescand. Door hoofdletters te gebruiken, voorkomt u dat de gebruiker dit doet. En als hij eenmaal begint met lezen, wordt hij afgeremd en dat zorgt voor frustratie. Hij heeft het gevoel dat hij geen vooruitgang boekt met lezen.
#2 Te veel lettertypen gebruiken
Binnen een alinea kunnen we in de verleiding komen om verschillende lettertypen te gebruiken om een hiërarchie te creëren.
Hierdoor ontstaat er een onevenwicht en raken gebruikers in verwarring. Om uw boodschap met meer impact en duidelijkheid over te brengen, kunt u beter een consistente vorm aanhouden.
Niets weerhoudt u ervan om een idee of zin te benadrukken door bijvoorbeeld de vetgedrukte tekst te benadrukken. Maar je moet wel kiezen!
#3 Focus op veel elementen
Een goede gewoonte bij het beschikbaar stellen van een alinea aan de gebruiker is om bepaalde trefwoorden te markeren.
Zorg er echter wel voor dat u niet te veel verschillende tekststijlen gebruikt, omdat dit verwarrend kan zijn voor de gebruiker.
Het is beter om uw alinea vooraf duidelijk te definiëren en het hoofdconcept visueel te benadrukken.
Houd er rekening mee dat er een specifieke grafische stijl zal zijn, maar ook dat bepaalde woorden cursief worden weergegeven (bijvoorbeeld voor woorden uit een andere taal) en dat links onderstreept en gekleurd zijn.
#4 Gebruik linkstijlen voor een ander element
Wanneer een element in interfaces onderstreept is, is de gebruiker gewend daar een link te vinden. Als hij erop klikt, wordt hij doorgestuurd naar een nieuwe pagina.
Toch vinden we tijdens interface-audits vaak ondertitels die bijvoorbeeld deze grafische stijl gebruiken. Dit kan verwarrend zijn voor de gebruiker.
Het is beter om te spelen met bijvoorbeeld vet, kleur of grootte.
#5 Centreer de tekst
Dit is misschien wel het eerste wat ik leerde als ontwerper toen ik begon. Ik probeerde alle elementen te centreren.
Dit is een goede gewoonte voor gedrukte publicaties, maar wordt niet aanbevolen voor publicatie op internet. Het is het beste om de tekst links uit te lijnen om het blok te structureren en zo het leescomfort voor de gebruiker te vergroten.
#6 De tekst uitlijnen
Dit geldt ook voor de rechtvaardiging van een tekst. Wordt veel gebruikt in de uitgeverijsector, maar is op het web nog steeds slecht te beheren, omdat de interfaces dynamisch zijn en veranderen afhankelijk van de resolutie. Het is daarom heel lastig om een samenhangend en leesbaar resultaat te behouden.
#7 Verkeerd beheer van de regelafstand
Soms proberen we ruimte te besparen. Soms denken we – ten onrechte – dat het prettiger is om de regelafstand van een alinea te verkleinen.
Als de regelafstand te klein is, lopen de letters in elkaar over en ontstaat er een leesbaarheidsprobleem. Als de regelafstand te groot is, staan de regels te ver uit elkaar en kost het de gebruiker meer moeite om de tekst goed te lezen.
Er is geen ideale regelafstand, dit hangt af van de typografie. Je moet het dus bestuderen en uitproberen om de juiste verhouding te vinden die het lezen makkelijker maakt.
# Concluderen
Met deze 7 gedeelde tips biedt u uw gebruikers leescomfort. Ze helpen u uw boodschap op de juiste manier en met de juiste toon over te brengen.
Zoals ik al zei, dit zijn fouten die ik vaak tegenkom tijdens interface-audits. Ze zijn eenvoudig te bewerken en zorgen ervoor dat uw teksten leesbaarder worden.
Afbeeldingsbron: https://undraw.co/illustrations
Alexa CUELLAR UX-UI-ontwerper @UX-Republic
