W jakiej rozdzielczości robić strony www?

Przy ostatnim projekcie, który realizowałem otrzymałem takie pytanie i postanowiłem podzielić się z Wami moją opinią.

Strony robi się pod rozdzielczość 800x600px lub 1024x768px. Większe rozdzielczości nie są jeszcze brane pod uwagę. Nie pamiętam czy kiedykolwiek była stosowana mniejsza rozdzielczość niż 800x600px, a przynajmniej teraz jest to rozdzielczość najmniejsza pod którą robi się strony. Aktualnie co raz częściej projektuje się witryny pod 1024x768px ze względu na rozwój rozdzielczości domowych wyświetlaczy.
Rzadko zdarza się, aby ktokolwiek korzystał jeszcze z rozdzielczości 800×600 aczkolwiek zdarza się to.

Patrząc na statystykę jednej z moich stron widać, że 2% użytkowników korzysta jeszcze z tej rozdzielczości. Niby to niewiele, ale w skali miesiąca jest to ponad 450 osób. Zdecydowana większość użytkowników korzysta z rozdzielczości 1024x768px i wyższych.

Teraz warto sobie zadać pytanie czy warto robić witrynę dostosowaną jedynie do 2% użytkowników?
Czy coś stracimy robiąc witrynę pod rozdzielczość 800x600px? Zdecydowanie nie, użytkownicy posiadający nawet większe rozdzielczości zobaczą całą witrynę. Osoby z większymi rozdzielczościami niż 1024x768px będą widziały po prostu dość niewielką stronę z dużą ilością wolnego miejsca po bokach.
Jak wygląda to w przypadku witryny zrobionej pod rozdzielczość 1024x768px? W tej rozdzielczości i większych witryna będzie wyglądała bardzo dobrze jednak w rozdzielczości 800×600 pojawi się problem. Użytkownik nie zobaczy prawej części strony, aby to zrobić będzie musiał przewinąć stronę suwakiem w bok. Nie każdy internauta może się zorientować, że po prawej stronie jest dalsza część witryny dlatego też należy uważać co się tam umieszcza.

Jeśli mielibyśmy zwracać uwagę na użytkowników z rozdzielczościami 800×600 to w poniższym przykładzie „Buen Retiro” błędem byłoby umieszczenie menu po prawej stronie. Zdecydowanie lepszym rozwiązaniem byłoby umieszczenie menu po lewej stronie lub w górnej części w szerz witryny. Aby skorzystać z menu trzeba przewinąć suwakiem witrynę. Wydaje mi się, że na witrynie jest na tyle nie dużo danych, iż można byłoby wszystko zmieścić w rozdzielczość 800×600. Swoją drogą bardzo ładny design prosty czysty i przejrzysty.

Innym rozwiązaniem jest użycie na stronie elementów skalowalnych w css. W takim przypadku witryna powinna dobrze wyświetlać się we wszystkich rozdzielczościach i wypełniać cały obszar ekranu w każdej rozdzielczości. Problemem jest jednak to, iż klient nigdy nie będzie wiedział jak jego witryna wygląda u każdego z poszczególnych użytkowników oraz to, że musimy mocno ograniczyć się z używaniem elementów graficznych na stronie.
O tym może napiszę więcej jeśli zgłosicie taką potrzebę.

Oto przykład strony Allegro, która jest przygotowana pod rozdzielczość 800x600px pokazana w różnych rozdzielczościach.

800x600px	1024x768px	1280x1024px

Jak widać przy rozdzielczości ekranu 800x600px strona zajmuje całą szerokość ekranu. W większych rozdzielczościach widać więcej elementów strony, a po bokach pojawia się puste miejsce.

Kolejny przykład to strona Buen Retiro, przygotowana pod rozdzielczość 1024x768px pokazana w różnych rozdzielczościach.

800x600px	1024x768px	1280x1024px

Jak widać przy rozdzielczości ekranu 800x600px strona nie mieści się i menu z prawej strony nie jest widoczne (fotografia pierwsza pkt2). Dodatkowo wysoki head graficzny spowodował, że na pierwszy rzut oka nie widać żadnych treści na stronie, a jedynie zdjęcie(fotografia pierwsza pkt1). W 1024×768 strona wyświetla się poprawnie. W większych rozdzielczościach dodatkowo po bokach generowane jest całkiem przyjemnie wyglądające tło(fotografia druga pkt1).

Reasumując proponuję dobrze przemyśleć wybór rozdzielczości ze względu na to, że późniejsza jej zmiana może przysporzyć nam masę problemów. Weź  pod uwagę, że większość nowych serwisów jest już projektowana pod wyższą rozdzielczość. Moim zdaniem niewielkie strony firmowe, wizytówki mogą być swobodnie robione pod rozdzielczość 800×600 natomiast większe serwisy z większą ilością informacji powinno się robić w większej rozdzielczości gdyż mamy więcej miejsca do zagospodarowania, aczkolwiek reguły na to nie ma.

Jeśli ten artykuł pomógł Ci, masz co do niego jakieś wątpliwości lub pytania „Zostaw komentarz”, a na pewno na niego odpowiem.

Podobne wpisy:

1. Projektowanie grafiki do strony internetowej, czyli jak zrobić layout Z sondy jaką umieściłem kilka miesięcy temu na blogu  wynikło,...
2. Dodatek do Firefoxa analizujący szybkość strony Dziś chciałbym zaprezentować wam dodatek do przeglądarki FireFox „YSlow”, który...
3. Jakie statystyki wybrać do strony www i jak z nich korzystać? Regularne sprawdzanie statystyk naszej strony www to bardzo ważna rzecz....
4. Jak dobrać kolorystykę do strony internetowej? Jakiś czas temu stworzyłem szkic artykułu o doborze kolorystyki do...