Når vi læser online, har vi en tendens til at skimme teksten og er ofte dårligere til at huske sammenhænge mellem ideer og kontekst. Derfor er læsbarhed afgørende, når du skriver til personer, der hurtigt skimmer gennem teksten.
Valget af en skrifttype, der fremmer læsbarhed, forbedrer også brugeroplevelsen (UX) . Læsevenlighed er en grundlæggende og fundamental visuel designregel inden for UX-, grafisk- og webdesign.
Her er 3 råd, der gøre teksten på din hjemmeside mere læsevenlig:
Læsbarhed handler om skrifttypens design. Det inkluderer højden og bredden af bogstaverne (også kaldet “glyffer”), skriftvægten (normal, fed, ekstra-tynd) og bogstavernes detaljer, som for eksempel seriffer – de små “fødder” på bogstaver i skrifttyper som Times New Roman og Georgia.
Skrifttyper med høj læsbarhed har tydelige og let genkendelige bogstaver, mens mindre læsbare skrifttyper kræver mere mental energi at afkode.
For at maksimere læsbarheden bør du vælge en skrifttype med god afstand mellem bogstaverne (kerning) og undgå lette eller ultra-lette skriftvægte i brødteksten. Selvom seriffer historisk er designet til at forbedre læsbarheden på tryk, synes sans serif-skrifttyper som Verdana og Helvetica ofte mere læsbare på skærme.
Opsætningens læsbarhed påvirkes af, hvordan skrifttypen præsenteres på siden. Det omfatter skriftstørrelse, linjelængde, linjeafstand, farvekontrast og brug af store og små bogstaver.
For at sikre god læsbarhed i brødteksten anbefales det at bruge en moderat skriftstørrelse og høj farvekontrast mellem tekst og baggrund. Linjelængden bør være 50-75 tegn, og linjeafstanden skal ligge mellem 120-145 % af skriftstørrelsen.
Undgå at skrive al tekst med store bogstaver, da det reducerer forskellene mellem bogstaverne og kan opfattes som “råben.”
Skærmopløsninger og læseafstand varierer mellem computere (desktops) og mobile enheder. På desktops anbefales en skriftstørrelse på 16-20 pt i brødteksten, mens mobilbrugere kan nøjes med 12-16 pt.
Ved at bruge responsivt design kan du arbejde med relative skriftstørrelser (em) fremfor faste størrelser (pixels). Det sikrer, at teksten er læsbar på tværs af alle enheder.
Et tilgængeligt design minimerer barrierer for brugere med særlige behov, herunder neurodivergente personer og personer med synshandicap.
Undgå farvekombinationer, som mange kan have svært ved at skelne, fx rød og grøn.
Begræns dig også til maksimalt tre skrifttyper på din hjemmeside. For mange skrifttyper kan virke forstyrrende, da de kæmper om brugerens opmærksomhed og kan reducere sidens responsivitet, især på mobile enheder.
Ved at følge disse forholdsvis simple typografiske principper kan du forbedre både læsbarhed og brugeroplevelse på dine digitale platforme.