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.

Skriv & design til digitale læsevaner, søgevaner og købsvaner

Spot de svage punkter ved webtekster og webdesign - så du kan tiltrække flere besøgende, skabe langvarige relationer, vække interesse og få flere kunder i sidste ende

Dejligt at du vil overraskes! Tjek venligst din mail. ... Og tusinde tak for din tilmelding!