Když se porozhlédnete po českém Internetu zjistíte, že stále naprostá většina webů je navrhována pro rozlišení 800×600 pixelů. Před 5 lety v době 15palcových obrazovek to byla nutnost, dnes ovšem toto rozlišení používá méně než 3 % lidí – méně než např. rozlišení 1600×1200 a vyšší. Pro inspiraci jeden takový vzorek ze statistiky Navrcholu, dělám několik desítek webů pro různé segmenty lidí a u všech je to přibližně stejné:
poř. | rozlišení obrazovky | počet návštěv | % |
---|---|---|---|
![]() |
1024×768 pixelů | 973 | 42,01 |
![]() |
1280×1024 pixelů | 925 | 39,94 |
![]() |
1152×864 pixelů | 120 | 5,18 |
![]() |
1600×1200 pixelů nebo větší | 113 | 4,88 |
![]() |
1400×1050 pixelů | 92 | 3,97 |
![]() |
800×600 pixelů | 63 | 2,72 |
![]() |
nezjištěno | 29 | 1,25 |
![]() |
640×480 pixelů | 1 | 0,04 |
Jasně – stránka by měla být zobrazitelná bez horizontálního posouvání co největšímu počtu lidí, ovšem ne za cenu, že kvůli menšině budete omezovat většinu. Třeba roztahovací obsahové pole je strašná věc – stovky znaků na jednom řádku, to vyžaduje značnou námahu. Kvalitní weby dnes bývají dělány tak, že do 800×600 se vám vejde obsah, vpravo jsou pak méně podstatné prvky (kontextová navigace, reklama …), jen velmi málo se roztahuje a „nejlepší zážitek“ mají při 1024×768 až 1280×1024, případně při vyšším rozlišení.
Ono to samozřejmě není tak jednoduché – spousta prvků na stránce nelze roztáhnout nebo je to problematické (typicky grafika), nastavování min-width & max-width, plavání prvků tak, aby při vyšším rozlišení skákaly vedle sebe atd. to vše vyžaduje větší znalosti CSS než je běžný šedý průměr českého webdesignu. Aby vám Javascript přeblikával obsah při načítání, to je taky blbost, podpora sloupců je až v CSS3 (tedy v nedohlednu), navíc jejich použití bude značně problematické. Krom toho vysoké rozlišení neznamená že mají lidé otevřený prohlížeč přes celou obrazovku – typicky uživatelé větších obrazovek mají prohlížeč jen v malém okně nebo mají alespoň permanentně otevřenou boční lištu (ovšem to je spíše důsledek právě nepoužitelnosti mnohých webů na velkých rozlišeních)
Proto je tento článek myšlen hlavně jako společenský apel – když už se zabýváte tím, jestli je váš web zobrazitelný správně na minoritních prohlížečích, na minoritních OS a na minoritních rozlišeních – zkuste si jej schválně zobrazit a používat i na rozlišeních, která používají vaši návštěvnících majoritně.
Proboha, lidi, hlavně tomu nevěřte!
Jsou weby, kam chodí méně než procento lidí s 800x600, jsou ale taky weby, kde jich je třeba pětina až čtvrtina (my třeba takových webů máme spoustu), výjimečně může být i více. Strašně záleží na cílové skupině. Než se rozhodnete pro nějaké kroky, ověřte si dobře, pro koho web děláte.
A to raději nebudu rozebírat to, že většina lidí, co má rozlišení nad 1280px, nepoužívá fullscreen a má okno prohlížeče v menší velikosti, než je rozlišení obrazovky...
[3] Já na 1024x768 používám vpravo velmi úzkou lištu širokou akorát na jednu ikonu, a řada webů s tím má taky problém a zobrazuje se vodorovný posuvník.
Nevím, proč se vůbec zjišťuje a ve statistikách uvádí rozlišení obrazovky, když mnohem důležitější je zobrazovaná plocha v prohlížeči.
V tomto případě je to opravdu zavádějící.
Sleduji weby kde je 4 - 5tis uživatelů denně a bohužel se pohybuje rozlišení 800x600 skoro u 11ti %. Sice se mi to nelíbí, protože jsme tím dost omezeni, ale jestliže nebude v kvartálním průměru 800x600 pod 5% nedá se nic dělat. Souhlasím s názorem mít nadále 800x600 a v pravo např. dávat banner. Je to nejmenší zlo ..
Článek má trochu bulvární titulek aby přilákal diskusi, ale přečtete si jej pořádně a pak teprve reagujte
a) "když už se zabýváte tím, jestli je váš web zobrazitelný správně na minoritních prohlížečích, na minoritních OS a na minoritních rozlišeních - zkuste si jej schválně zobrazit a používat i na rozlišeních, která používají vaši návštěvnících majoritně"
b) "Krom toho vysoké rozlišení neznamená že mají lidé otevřený prohlížeč přes celou obrazovku - typicky uživatelé větších obrazovek mají prohlížeč jen v malém okně nebo mají alespoň permanentně otevřenou boční lištu"
c) "stránka by měla být zobrazitelná bez horizontálního posouvání co největšímu počtu lidí"
Prostě vaše protiargumenty jsou zmíněny i ve článku. Ten společenský apel je, abyste to prostě vyzkoušeli i na vyšších rozlišeních, protože možná zjistíte, že ta vaše nudle a nebo naopak text s tři sta znaky na řádku, jsou zcela nečitelné.
Podle mého názoru nejlepší způsob jsem popsal - při rozlišení 800×600 je čitelný obsah a hlavní navigace, při 1024 je stránka zobrazitelná celá i včetně reklam a podobně, při 1280 už třeba vynikne nějaké pozadí.
A hlavně - když by 10 % lidí mělo 640×480 nebo třeba 320×200, tak byste optimalizovali stránky pro ně, ale ne pro těch 90 % lidí? Prostě že je někdo omezený neznamená, že bude omezovat ostatní.
[14] ANO! Copak máme všichni stále jezdit po železnici 30 km/h rychlostí, protože vy ještě vlastníte parní lokomotivu, která není uzpůsobena na moderní tratě?
Prostě když nějaká zaostalá menšina omezuje většinu, tak zaostávají všichni
Krom toho netvrdím, že by měl být web pro vás nepoužitelný - jen nebudete vidět bez horizontálního scrollu některé méně podstatné věci, např. koukněte na homepage Lupy do toho pravého sloupce - opravdu by pro vás byl velký problém, kdyby tento sloupec nebyl vidět bez horizontálního scrollu?
Všimněte si, jak je důležité, aby webdesignér nad každým webovým projektem osobitě přemýšlel:
Budu-li vytvářet blog pro noční hlídače s podtitulem "Existuje alespoň jeden důvod, proč dělat web s rozlišením 800 × 600, máte jej Vy!", budu jej určitě optimalizovat pro toto rozlišení.
Rozroste-li se ovšem komunita nočních hlídačů na mém blogu, zoptimalizuji web pro rozlišení 1280 × 1024, roztáhnu text do plné šíře a změním podtitul: "Také si pochvalujete, jak Vás horizontální posouvání stránky udržuje v bdělosti a navíc se tím zabije spousta času?..."
Operujete s čísly a zapomínáte, vážení designeři, na ergonomii.
Ty čísla slouží pouze pro realizaci požadavků, které jednoznačně určuje ergonomie.
Pro dobré, pohodlené a neunavující čtení textu je nutné zachovat jistou šířku sloupce:
Délka řádku textu v sazebním sloupci by měla být kolem 70 znaků (včetně mezer), v maximálních případech by neměla moc přesahovat 90 znaků. To platí pro tištěná média, u zobrazení textu na obrazovce to platí ještě mnohem silněji.
Jak se asi bude číst text s volnou šířkou stránky roztažený na 150 znaků na řádku?
Při standartní nebo menší velikosti písma stačí pro takový sloupec textu šířka prohlžeče kolem 800px.
Tomáš Kapler, specialista v oblasti internetového marketingu, konzultant v oblasti datových sítí a připojení k internetu
Přečteno 140 767×
Přečteno 81 480×
Přečteno 47 068×
Přečteno 36 800×
Přečteno 30 530×