Test stránek: šířka textu

Nedávno jsem řešil problém, jakou šířku dát poměrně delšímu textu, aby byl dobře čitelný. Vzhledem k tomu, že jsem se docela dlouho nemohl rozhodnout, rozhodl jsem se udělat malý průzkum, jak široké jsou texty na ostatních webech.

Kritéria nebyla žádná, prostě na kterou stránku jsem si vzpomněl, na tu jsem zašel a na místě jsem se rozhodl, jestli ji má cenu měřit nebo nemá. Ze zásady jsem totiž odmítal měřit šířku textu, kde měli například příliš malé písmo nebo kde měli text příliš rozházený (neměli ho tedy v jednom delším souvislém bloku).

K měření šířky bloku textu jsem používal jedno šikovné rozšíření pro Firefox MeasureIt, o kterém jsem se mimochodem dozvěděl u Acciho.

Výsledky jsem seřadil od nejmenších bloků po největší. Pokud neměl text absolutní šířku (měl ji definovanou relativně), změřil jsem nejprve text při rozlišení 1280x1024 a poté při 800x600. V zápisu to tedy bude vypadat takto: šířka při větším rozlišení/šířka při menším rozlišení. Tak tedy teď si můžete prohlédnout zmiňovaný seznam:

1. www.h1.cz - 400px
2. dgx.cz/trine - 415px
3. sovavsiti.cz/weblog - 430px
4. www.aneta-langerova.com - 440px
5. www.dobryweb.cz - 455px
6. www.plavacek.net - 475px
7. pristupnost.nawebu.cz - 480px
8. www.interval.cz - 540px
9. charlie.xblog.cz - 545px
10. timy.blog.cz - 545px
11. freya.webz.cz - 550px
12. www.interhosting.cz - 550px
13. www.vitdlouhy.cz - 575px
14. www.blueboard.cz - 580px
15. www.webtvorba.cz - 615px
16. typografie.dero.name - 630px
17. flash.jakpsatweb.cz - 670px
18. typografie.wz.cz - 680px
19. www.jakpsatweb.cz/weblog - 720px/445px
20. www.webylon.info - 730px
21. www.cuni.cz - 835px/370px (Karlova univerzita)
22. www.oflashi.net - 835px/515px
23. tvorbawww.einstein.cz - 940px/450px
24. www.kryl.info - 970px/475px
25. www.cesky-hosting.cz - 1030px/540px

Prozatím dvacet pět webů, pak mě to už nebavilo:-/ Žádné dalekosáhlé závěry z toho dělat nechci a ani nemůžu. Žádná hodnota se zde nevyskytovalo nějak extra častěji. U více jak poloviny testovaných webů se šířka textu vlezla do 600px a v podstatě všechny stránky s velkou šířkou textu obsahovaly hodně textu, z čehož plyne ponaučení, že krátký text by neměl být široký přes celou obrazovku.

Že poměrně hodně webů mělo šířku bloku s textem do 600px si vysvětluji jednoduchým dvousloupcovým layoutem, vlevo menu (150px třeba), vpravo obsah (550px), klasika.

Zastávám názor, že čím delší text je, tím by měl být i širší, ale neplatí to pochopitelně donekonečna. Číst opravdu dlouhý text, který je široký tak 400px je docela otrava, proto bych se nebál, pokud se jedná převážně o textový web, dát například horizontální menu, aby se šířka textu nezkracovala právě o tu šířku menu.

Stejně tak mně zajímalo nejlepší umístění bloku s textem. V zásadě bývá buď úplně vlevo (s mírným odsazením samozřejmě), vlevo vedle menu nebo uprostřed. Toto jsem nedokázal sám rozhodnout, takže doporučuji si přečíst diskusi na toto téma.

Sám si také nejsem jistý, jak dobře (nebo špatně) se čte text při rozlišení 800x600. Sám nemám nervy používat toto rozlišení delší dobu, abych vypozoroval, co se mi čte špatně a co dobře, takže bych ocenil, jestli někdo má s tímto ještě živé zkušenosti, o zanechání názoru.