Yuhůův weblog o webu

ve středu 16. února 2005

Měření šírky okna v grafech

V právě probíhajícím měření uživatelů na hlavní stránce Jak psát web jsem se zaměřil na šířku obrazovky a šířku okna prohlížeče. S vyhodnocením mi pomáhá Honza Hučín.

Měřil jsem jenom Internet Explorery, protože u nich mě to zajímá. (V zásadě jde o výběr těch normálnějších uživatelů mého webu.) I tak se v průběhu asi šesti týdnů nashromáždilo 177 tisíc záznamů z 26.635 IP adres.

Rozlišení obrazovky

Šířky obrazovky nejsou nic nového, ale jenom pro zajímavost uvádím, jak to vypadá:

Šířky obrazovek u uživatelů IE
obrazovkav %
6400,2%
80013,1%
102462,2%
11526,7%
128015,8%

Šířka okna

Už dlouho si myslím, že je blbost zabývat se pouze šířkou obrazovky. Pro rozhodnutí, jak stavět layout stránky, je podstatnější šířka uživatelova okna. Ano, někteří uživatelé, když přijdou na širokou stránku, tak si okno rozšíří. Spousta lidí ale s rozměrem okna manipulovat neumí a jiní jsou na to líní.

Šířku okna jsem sledoval přes javascriptovou vlastnost Exploreru document.body.offsetWidth. Není to tedy přesně šířka okna (jak uvádím pro zjednodušení), ale spíše šířka "viewportu", tedy prostoru, který stránka má. V globálu vychází rozložení šířky okna ve prospěch hodnot kolem tisíce pixelů:

rozložení šířky okna přes všechny uživatele Internet Exploreru

Jak je z grafu vidět, layout stavěný na 770 pixelů šířky je docela v pohodě, protože pak pouze 7,5% uživatelů musí okno rozšiřovat. Naopak pokud se (jako třeba Idnes) rozhodnete navrhovat stránku na šířku 1024 pixelů, na první pohled ji neuvidí více než 30% uživatelů (a asi 13% ani na po maximalizaci).

Klasický vzhled má 28% XPéček

Nejčastější šířky stránky
šířka stránkypočet v % WinXP Ostatní
10032781915,7%2775861
10042647615,0%1108815388

Z tabulky je hezky vidět, že si 28% okno-maximalizujících uživatelů Windows XP nastavuje klasické grafické nastavení -- šedá lišta široká 16 pixelů. Moderní cool-barevné nastavení má 72% XPéček -- v nich má modrá lišta šířku 17px a při maximalizovaném okně v rozlišení 1024 pixelů připadají 4 pixely na okraj okna, takže na stránku připadá 1003 pixelů.

Šířka okna podle rozlišení

Asi nejlépe to bude vidět z grafu:

rozložení šířky okna podle rozlišení obrazovky

Žádné velké překvapení, ale je vidět, že čím menší má někdo obrazovku, tím spíše má maximalizovaný prohlížeč. Zajímavé je také srovnání velikosti okna podle verze Exploreru. Větší šířku než 1030 pixelů má při vstupu jen 6 % uživatelů s IE 5.x, kdežto 20 % uživatelů s IE 6.0:

rozložení šířky okna podle browseru

Měříme i změny

Každých 5 sekund se javascriptem zjišťuje, jestli se velikost okna nezměnila.

Při 7729 přístupech (4,2 %) provedli uživatelé 9090 změn šířky okna. Nejčastěji se okno zvětšovalo, a to ze šířky do 849 pixelů na šířku 1000-1049 pixelů (celkem 3670 případů). To odpovídá maximalizaci nově otevíraného okna. Úplně nejčastější pak bylo zvětšení ze 799 na 1003 pixelů (3,5 % případů změny).

Lidé nejčastěji mění šířku okna v prvních sekundách po vykreslení stránky. Nadpoloviční většina (54 %) změnila velikost okna do 5 sekund po vykreslení, dalších 10 % v době od 5 do 10 sekund. Je zajímavé, že brzkou změnu dělají nejen ti, kdo okno maximalizují - velmi podobné rozložení doby změny Honza našel, i když se omezil jenom na skupinu uživatelů, kteří zvětšili okno na 1003 nebo 1004 pixelů (takových změn byla přibližně třetina).

Po skončení měření jsme všechna data s Honzou Hučínem chěli shrnout do podrobného článku, ale už se k tomu asi nedostaneme.

Související: Tiskovka z Navrcholu o šířkách monitorů a oken
Pro jaké rozlišení stavět web?, Pavel Kout

trvalý odkaz

Přidat nebo číst komentáře, počet: číslo

Yuhůův weblog píše Dušan Janovský známý jako Yuhů. Kontakt. Weblog patří pod Jak psát web.