top of page
  • Zdjęcie autoraTomasz Smykowski

Jak przetestować stronę w różnych rozdzielczościach

Dowiedz się, jak przetestować stronę w różnych rozdzielczościach i zobaczyć, czy wszędzie działa dobrze.


Jak przetestować stronę w różnych rozdzielczościach

Obecnie przetestowanie działania strony na jednej przeglądarce i jednym urządzeniu, w jednej rozdzielczości nie daje żadnej gwarancji, że będzie ona działać ona dobrze większości użytkowników.

Aby poprawić sytuację należy stronę przetestować na szeregu urządzeń, rozdzielczości i przeglądarek. Zacznijmy od rozdzielczości. Aby przetestować stronę zbieramy ze statystyk najpopularniejsze rozdzielczości, których używają obecnie nasi użytkownicy.

Gdy mamy taką listę, zmieniamy rozdzielczości okna przeglądarki np. Firefoxa i testujemy. Przyda się do tego dodatek Firesizer i Addon Bar.

W ostatnim teście, który przeprowadziłem dla jednego z naszych klientów rozdzielczości były następujące:

1600 x 900

1680 x 1050

1280 x 1024

1280 x 800

1366 x 768

768 x 1024

1024 x 768

800 x 600

640 x 480

480 x 800

360 x 640 *

320 x 568

Jak można zauważyć, część rozdzielczości należy do urządzeń mobilnych, smartfonów i tabletów. Niemniej jednak warto je przetestować na komputerze również. Pozwoli to usunąć oczywiste błędy szybciej. Oczywiście warto dodać do tej listy również popularne rozdzielczości wynikające z badań, ponieważ może się okazać, że mamy mało odwiedzin z danej rozdzielczości, bo nasza strona słabo się w niej wyświetla. Np. według badań gemiusa uzupełnimy listę o takie rozdzielczości:

1440 x 900

1280 x 720

Oraz dodamy gwiazdę do rozdzielczości 360 x 640, bo widać rosnący trend w jej używaniu. Oznacza to, że musimy dokładniej przyjrzeć się tej rozdzielczości.

Zestaw testowanych rodzielczości zależy również od kraju, regionu świata. W różnych miejscach na świecie różne rozdzielczości są używane. Tak samo zależy to od grupy docelowej. Trochę inny zestaw otrzymamy np. dla early adopterów, inny dla urzędników, a jeszcze inny np. dla seniorów.

6 wyświetleń0 komentarzy

Ostatnie posty

Zobacz wszystkie
Post: Blog2_Post
bottom of page