tento blogísek je úplně na changu

Test stránek: šířka textu

1. listopadu 2005 v 16:54 | Timy |  použitelnost na webu
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.
 

Buď první, kdo ohodnotí tento článek.

Komentáře

1 dgx dgx | 1. listopadu 2005 v 18:49 | Reagovat

Jde o to, aby se při čtení oči co nejméně unavily. Jako ideální se ukazuje šířka cca 50-60 znaků, tedy vše závisí také na velikosti použitého písma.

2 Charlie Charlie | Web | 1. listopadu 2005 v 19:48 | Reagovat

Mně se nejlépe čtou texty okolo 450px napsané Verdanou v přiměřené velikosti.

3 Timy Timy | 1. listopadu 2005 v 21:35 | Reagovat

dgx: v podstatě proto jsem nebral v úvahu texty psané malým písmem, abych to měl alespoň trochu jednotné a srovnatelné.

Charlie: imho na dlouhý text je to málo. Na nějaký kratší v pohodě, ale na delší málo. Podívej se sem http://nevermind.wz.cz/karavana.html má to 530px, verdanu tam myslím používám a stejně bych to nejraději ještě o to menu rozšířil. Když už nic, tak furt musíš zbytečně rolovat, ale to už je trochu OT.

4 dgx dgx | E-mail | Web | 3. listopadu 2005 v 2:30 | Reagovat

rolování je maličkost, na to stačí pohnout myší. Jde o to, aby se oční čočka musela při čtení co nejméně pohybovat. To vyzkoušíš jedině tak, že necháš někoho jiného číst text a sleduješ mu oči, kolikrát čočka sebou musí trhnout, než přečte řádek. (ačkoliv mám pocit, že pohledem pohybujeme pozvolna, čočka sebou vždy trhne)

5 Timy Timy | 3. listopadu 2005 v 19:19 | Reagovat

zase když je text krátký, tak musíme častěji "skákat" na nový řádek. Vím, že se internet nemá moc srovnávat třeba s tištěnou podobou, ale ve většině knih jsou také řádky delší než 60 znaků.

6 KramerTWILA18 KramerTWILA18 | E-mail | Web | 19. prosince 2011 v 5:03 | Reagovat

Make your life time more easy take the <a href="http://goodfinance-blog.com/topics/mortgage-loans">mortgage loans</a> and everything you want.

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.
 

Aktuální články

Reklama