Websider med brede tekstlinjer og lille skrift
En styg uvane har bredt sig til mange websider: alt for brede tekstlinjer. Ofte lige så brede som A3 ark!
Det ligger dybt i rygmarven på mange, at sådan må tekster gerne se ud. Flyde fra kant til kant.
Væg-til-væg-tekst kalder jeg det.
Mange af os er vant til at skrive sådan på A4 i Word - lade teksten fylde hele arket.
Skriv & design i mindre bidder til digitale læsere
Tekstspalter på dit website bør aldrig være bredere end det, du ser her. Men frem for at måle den fysiske bredde er det bedre at tælle karakterer pr. linje.
- Papir-tekst: 50-75 karakterer pr. linje
- Computerskærm: 50-55 karakterer pr. linje
- Smartphone: 30-35 karakterer pr. linje
Vi har svært ved at læse på skærm, hvis teksten ligner “papirtekst”. Så har vi især sværere ved at huske, hvad vi har læst!
Vi har ikke sværere ved at læse på skærm, hvis teksten er skrevet og designet til formålet. Vi læser endda ofte hurtigere på skærm - fordi vi ikke læser fokuseret og koncentreret, som når vi læser på papir.
Ideel linjelængde på computer og smartphone er derfor mindre end på papir.
På computerskærm er A4 for bred til tekst i flere linjer.
A3-bredde er aaaaalt for meget. Også på papir.
Det er gået galt, fordi skærme og websider er blevet bredere. Vi skriver og designer stadig, som om vi arbejder på A4.
Mange designskabeloner til websites er i dag brede som A3 ark. Fordi skærmene er blevet både bredere og bedre. Det kan vi udnytte til at lave flot design med et mix af tekst og visuelt indhold. Vi bør ikke pladre en side til med væg-til-væg-tæpper af tekst.
Illustrationens informationer kommer fra Baymard Institute, der forsker i brugervenligt digitalt design.
Det her er passende på smartphone
30-35 karakterer pr. linje er passende.
30 enheder pr. linje er passende til tekster, vi ikke fordyber os i. Altså tekster vi primært skimmer eller scanner.
35 enheder pr. linje er passende til tekster, vi læser koncentreret og med stor interesse fra start til slut.
Læg din smartphone på en klassisk roman - en af de indbundne. Skriften på skærmen skal være lidt større end skriften på papiret. Ellers er den helt sikkert ikke læsevenlig.
For smal på computerskærm
Til små mængder tekst (under 75 ord) er det her fint.
Til lange artikler bliver tekstspalterne for små med denne spaltebredde og tekststørrelse.
Når vi læser lange artikler, skal linjerne være bredere for at være læsevenlige.
De smalle linjer er ideelle til tekster vi skimmer og skanner for at få lynhurtig information. Men selv smalle linjer skal være bredere på computer end på smartphone.
Passende på computerskærm
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin eget felis sed volutpat. Cras cursus nisi leo, non mollis leo mollis in. Integer eget leo enim. Etiam non nibh vel nunc euismod laoreet. Quisque sagittis risus viverra dignissim interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus, turpis sed convallis tempor, dui sapien porttitor risus, in rutrum erat erat eget ante. Pellentesque eu purus odio. Sed in volutpat elit. Donec mattis imperdiet ullamcorper.
Det her kan også gå på stor skærm
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin eget felis sed volutpat. Cras cursus nisi leo, non mollis leo mollis in. Integer eget leo enim. Etiam non nibh vel nunc euismod laoreet. Quisque sagittis risus viverra dignissim interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus, turpis sed convallis tempor, dui sapien porttitor risus, in rutrum erat erat eget ante. Pellentesque eu purus odio. Sed in volutpat elit. Donec mattis imperdiet ullamcorper.
Linjerne er for brede på computerskærm
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin eget felis sed volutpat. Cras cursus nisi leo, non mollis leo mollis in. Integer eget leo enim. Etiam non nibh vel nunc euismod laoreet. Quisque sagittis risus viverra dignissim interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus, turpis sed convallis tempor, dui sapien porttitor risus, in rutrum erat erat eget ante. Pellentesque eu purus odio. Sed in volutpat elit. Donec mattis imperdiet ullamcorper.
Passende linjelængde på A4 papir
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin eget felis sed volutpat. Cras cursus nisi leo, non mollis leo mollis in. Integer eget leo enim. Etiam non nibh vel nunc euismod laoreet. Quisque sagittis risus viverra dignissim interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus, turpis sed convallis tempor, dui sapien porttitor risus, in rutrum erat erat eget ante. Pellentesque eu purus odio. Sed in volutpat elit. Donec mattis imperdiet ullamcorper.
Alt for brede linjer på computer og papir
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin eget felis sed volutpat. Cras cursus nisi leo, non mollis leo mollis in. Integer eget leo enim. Etiam non nibh vel nunc euismod laoreet. Quisque sagittis risus viverra dignissim interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus, turpis sed convallis tempor, dui sapien porttitor risus, in rutrum erat erat eget ante. Pellentesque eu purus odio. Sed in volutpat elit. Donec mattis imperdiet ullamcorper.
