I denne guide får du to metoder til at finde den skriftstørrelse, der er passende til webtekster.
Og lad mig straks afsløre, at du ikke kan afgøre det, ved bare at vurdere, om du kan læse teksten.
Du ved allerede, at:
Vi har sværere ved at læse tekst på skærm end på papir
Den viden glemmer mange webdesignere desværre. Både professionelle og amatører.
Start derfor med at minde dig selv om, at tekst på skærm hellere skal være lidt større end på papir.
Digitale tekster bør altid være større end skriften i en klassisk roman af papir.
Lad os lige kaste et hurtigt blik på første side af Mathilde Walter Clarks bog “Det blinde øje”.
Teksten har denne størrelse på papiret - cirka 55 karakterer pr. linje.
Det er fint på papir og computerskærm. Men det er alt for småt, hvis du ser teksten på en smartphone.
Er der 55 karakterer pr. linje på en smartphone, er skriften alt for lille. Det siger sig selv. Smartphonen er nemlig kun 2/3 så bred som en roman.
“Men jeg kan godt læse den tekst,” vil du måske indvende?
Ja! Hvis du anstrenger dig. Og hvis du kun skal læse et par linjer.
Jeg kan også læse varedeklarioner på fødevarer. Det betyder ikke, at jeg ville kunne holde ud at læse en længere tekst med samme skriftstørrelse.
Når skriften er 16 px, er det “kan læse” - men ikke læsevenligt.
Mens mink efter mink blev stoppet i de mobile gaskamre på tv det efterår: Mærkelig og foruroligende fænomener som nu det billede en chefredaktør fra et stort dansk nyhedsmedie lagde op på et socialt medie som bud på “Årets Pressefoto”.
Skru op til 18 px eller mere - så der er 30-35 karakterer pr. linje på en smartphone. Den størrelse er fin til lange tekster, man fordyber sig i. Blogindlæg, artikler, rapporter etc.
Mens mink efter mink blev stoppet i de mobile gaskamre på tv det efterår: Mærkelig og foruroligende fænomener som nu det billede en chefredaktør fra et stort dansk nyhedsmedie lagde op på et socialt medie som bud på “Årets Pressefoto”.
Skru op til 20 px eller mere - så der er max. 30 karakterer pr. linje på en smartphone - når teksten bliver skimmet og skannet mere end læst fra ende til ande. Den størrelse er fin til eksempelvis forside, landingpages, salgstekster…
Mens mink efter mink blev stoppet i de mobile gaskamre på tv det efterår: Mærkelig og foruroligende fænomener som nu det billede en chefredaktør fra et stort dansk nyhedsmedie lagde op på et socialt medie som bud på “Årets Pressefoto”.
Jeg lovede dig to enkle metoder
Og dem har du lige fået.
De to mest enkle metoder til at tjekke, om en webtekst har en passende størrelse er disse:
- Læg din smartphone oven på siderne i en papirroman - teksten på skærmen skal være mindst samme størrelse som i romanen.
- Tæl karakterer pr. linje. Der må max. være 30-35 katakterer pr. linje på en smartphone og 50-55 på computerskærmen.
Dit øjemål snyder dig
Pas på, når du vurderer med dit øjemål alene, om skriftstørrelsen er passende.
Mange er nemlig tilbøjelige til at vælge, hvad de synes er pænt. Og mange synes desværre, at “skriften er alt for stor” … selvom den ikke er større end skriften i romanen.
Læsevenlig handler naturligvis om andet og mere end skriftstørrelsen, men her og nu fokuserer vi på skriftstørrelsen alene.
I bunden af dette indlæg får du link til indlæg med flere tips til at designe smart - læsevenligt, brugervenligt og ikke bare pænt.
Den her skrift KAN du godt læse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh justo, iaculis in ex eu, semper tempus ligula. Suspendisse potenti. Phasellus vehicula imperdiet est, non interdum odio dictum in. Mauris feugiat, nisi dignissim ultricies tincidunt, dolor ligula facilisis mauris, gravida aliquam lorem justo sed sapien. Integer id tortor sagittis, imperdiet orci sit amet, rhoncus sapien. Pellentesque eros dolor, gravida vel facilisis sed, scelerisque in lectus. Mauris eget dapibus eros. Nam convallis auctor nibh at gravida. Nullam blandit faucibus elementum. Cras porta blandit justo, a feugiat ligula dapibus id. Maecenas bibendum tempus sapien. Curabitur ac libero sed ligula sagittis fringilla. Praesent.
Men KAN GODT læse er ikke nok!
Skriften herover er for lille til digitale læsevaner. Den er især for lille på en smartphone, hvor vi nemt taber koncentrati0nen. Dels fordi det er svært at læse mange ord på en lille skærm - men også fordi vi konstant bliver forstyrret, når vi læser på smartphone.
Skriften på en smartphone skal være større end skriften i en indbundet roman. Fordi det er sværere at læse tekst på smartphone end på papir.
Skriften er LÆSEVENLIG - men må gerne være lidt større
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh justo, iaculis in ex eu, semper tempus ligula. Suspendisse potenti. Phasellus vehicula imperdiet est, non interdum odio dictum in. Mauris feugiat, nisi dignissim ultricies tincidunt, dolor ligula facilisis mauris, gravida aliquam lorem justo sed sapien. Integer id tortor sagittis, imperdiet orci sit amet, rhoncus sapien. Pellentesque eros dolor, gravida vel facilisis sed, scelerisque in lectus. Mauris eget dapibus eros.
Skriftstørrelsen herover er kun passende til tekster, der er så gode, relevante og interessante, at de faktisk bliver læst. Eksempelvis blogindlæg og artikler.
Og bøger som eksempelvis “Det blinde øje”
Mange webtekster bliver ikke læst.
De bliver kun skimmet og skannet.
Den slags tekster skal du skrue endnu mere op for. De kan med fordel præsenteres med denne størrelse:
Skru op - hvis teksten primært bliver skimmet og skannet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nibh justo, iaculis in ex eu, semper tempus ligula. Suspendisse potenti. Phasellus vehicula imperdiet est, non interdum odio dictum in. Mauris feugiat, nisi dignissim ultricies tincidunt, dolor ligula facilisis mauris, gravida aliquam lorem justo sed sapien. Integer id tortor sagittis, imperdiet orci sit amet, rhoncus sapien.
Teksten herover har en passende størrelse til de webtekster, der skal vække interesse eller sælge noget. Eksempelvis tekster på din forside eller dine salgssider.
Det er også den mest passende størrelse til tekster, som skal være nemmer at skimme og skanne for faktuelle informationer.
Du skal bruge flere forskellige størrelser tekst
Miniguiden herover handler kun om den såkaldte brødtekst. Altså den mindste skriftstørrelse - til den tekst, der vil være mest af.
Find den først, så har du et god udgangspunkt for at finde passende størrelser til overskrifter m.m.
Overskrift 1
Overskrift 2
Overskrift 3
Overskrift 4
Overskrift 5
Overskrift 6
Vil du vide mere om skrift til web?
Undgå brede tekstlinjer på dine websider
Har du A4 på hjernen, er det svært at lave smart webdesign. Alt for mange websider er designet som A4-rapporter.
Teksttæller - brug den til at teste og tælle en tekst
100 tips til at skrive og designe moderne webtekster
Skriftstørrelser til et website - du skal ikke bare bruge én skriftstørrelse. Her er guiden til at finde de rette størrelser til både overskrifter og brødtekst