Bohužel žádný používaný statistický systém neměří velikost viewportu, tedy velikost prostoru, kam se skutečně stránka bude vykreslovat. I jinak šikovný Google Analytics měří jen velikost monitoru, což je pro webdesignéra stejně užitečná informace, jako pro architekta rozloha státu. Proto jsem si vypracoval vlastní studii.
Použil jsem vzorek sta tisíc českých surfařů. Unikátní návštěvník byl pro toto měření určen jako unikátní IP adresa v jednom kalendářním dnu. Jako měřenou veličinu jsem použil jen šířku, protože ta je pro návrh webu prioritní. V následující tabulce jsou surová data zaokrouhlená na stovky pixelů v porovnání s šířkou celého monitoru:
| rozlišení | viewport | screen |
|---|---|---|
| 500 | 0,5% | 0% |
| 600 | 1,7% | 0% |
| 700 | 0,9% | 0% |
| 800 | 9,7% | 5,1% |
| 900 | 4,5% | 0% |
| 1000 | 43,5% | 50,3% |
| 1100 | 7,4% | 0% |
| 1200 | 2,8% | 5,1% |
| 1300 | 24,2% | 33,8% |
| 1400 | 2,5% | 3,3% |
| 1500 | 0,2% | 0% |
| 1600 | 0,5% | 0,8% |
| 1700 | 0,9% | 1,3% |
Zajímavější ovšem bude sofistikované porovnání použitelnosti stránky pokud je optimalizovaná na šířku 800 respektive 1024 pixelů. Když pominu weby s flexibilní šířkou, mohou nastat dva problémy: První problém je, že je stránka příliš úzká a zobrazí se jako tenká nudle uprostřed nebo u kraje prohlížeče. Druhý problém naštve návštěvníky jistě mnohem víc, a to pokud je stránka širší než prohlížeč a zobrazí se horizontální posuvník.
Následující rozbor ukazuje procento naštvaných uživatelů v závislosti na šířce stránky. Pro příliš úzkou stránku beru jako akceptovatelné, pokud stránka zabírá aspoň 2/3 šířky prohlížeče.
Při optimalizaci na 1024 pixelů naštvete pouze 1,5 % návštěvníků příliš úzkou stránkou, ale 20,6 % uživatelů vás bude proklínat, neboť budou muset rolovat do strany.
Při optimalizaci na 800 pixelů bude koukat na „nudli“ 29,7 % lidí, ale posuvníkem naštvete jen 4,4 % návštěvníků.
Teď se nabízí otázka co je tedy lepší. Vzhledem k tomu, že je celkem dost bláznů, kteří i na velkých monitorech mají prohlížeče maximalizované, není úplně nejlepší řešení flexibilní šířka, protože při roztažení řádků textu na celou obrazovku, bude souvislý text nečitelný. Já osobně rolování do strany nesnáším, protože se vždy skryje buď menu nebo samotný obsah a prohlížení takového webu je pro mě značně nepříjemné. Proto se přikláním k tomu, aby byl web použitelný bez posuvníku i na malých monitorech, a jako výplň okolí, při zobrazení na větším monitoru, používal na pozadí třeba pěkné textury ;-).