UX/UI - najpopularniejsze rozdzielczości ekranu w 2022 roku (responsive design)
W tym artykule chcielibyśmy przedstawić ranking najpopularniejszych rozdzielczości ekranu na zakończenie 2022 roku.
Wierzymy, że poniższe informacje są w dużej mierze użyteczne dla twórców stron internetowych oraz twórców aplikacji mobilnych, dlatego podsumowanie ma charakter porady dla twórców aplikacji responsywnych.
Jesli tworzysz strony internetowe to warto projektować responsywne aplikacje, które pracują na rozdzielczościach ekranu:
- 1920x1080 (24.29% udziału w komputerach stacjonarnych)
- 1366x768 (16.83% udziału w komputerach stacjonarnych)
- 768x1024 (29.76% udziału w tabletach)
- jednej z:
- 360x800 (9.98% udziału w telefonach komórkowych)
- 360x640 (4.27% udziału w telefonach komórkowych)
Jeśli zadbamy o wsparcie dla powyższych rozdzielczości ekranu, to w większości przypadków dla pozostałych rozdzielczości nasza aplikacja będzie wyglądać również przejrzyście.
Uwaga: warto zadbać o wsparcie dla orientacji pionowej i poziomej ekranów mobilnych, czyli dodatkowo: 1024x768, 800x360 oraz 640x360.
Projektując UI/UX można wyróżnić 4 przypadki dla szerokości ekranu, które mogą być obsługiwane, zakładając, że wysokość aplikacji potrafi się skalować dowolnie:
| Typ urządzenia (obsługiwany przypadek) | Zakres rozdzielczości |
| Komputer stacjonarny (dla normalnego ekranu) | np. szerokość >= 1400(zawiera rozdzielczości około 1920x1080 i większe) |
| Komputer stacjonarny (dla małego ekranu) | np. szerokość < 1400 i szerokość >= 1000(zawiera rozdzielczości około 1366x768 i szerokość do 1400 (wyłączne)) |
| Tablet | np. szerokość < 1000 i szerokość >= 500(zawiera rozdzielczość około 768x1024 i szerokość do 1000 (wyłączne)) |
| Telefon komórkowy | np. szerokość < 500(zawiera rozdzielczość około 360x640 i szerokość do 500 (wyłączne)) |
Uwaga: powyższe przypadki stanowią jedynie sugestie, możesz je dowolnie modyfikować, dzielić lub łączyć.
Poniższe rozdzielczości ekranu posortowane są według popularności.
Najpopularniejsze rozdzielczości ekranów na wszytkich urządzeniach:
|  |
Uwaga:
- nierozpoznane rozdzielczości ekranów stanowią 4.01% rynku (urządzenie ukrywało informacje),
- inne rozdzielczości ekranów stanowią w przybliżeniu 45% rynku.
Uwaga: poniższe procenty koło rozdzielczości ekranu, przedstawiają udział rozdzielczości tylko w rynku koputerów stacjonarnych.
Najpopularniejsze rozdzielczości ekranów na komputerach stacjonarnych:
|  |
Czyli, 24.29% stanowią ekrany 1920x1080, ale tylko w rynku komputerów stacjonarnych.
Uwaga: poniższe procenty koło rozdzielczości ekranu, przedstawiają udział rozdzielczości tylko w rynku telefonów komórkowych.
Najpopularniejsze rozdzielczości ekranów na telefonach komórkowych:
|  |
Czyli, 9.98% stanowią ekrany 360x800, ale tylko w rynku telefonów komórkwych.
Uwaga: poniższe procenty koło rozdzielczości ekranu, przedstawiają udział rozdzielczości tylko w rynku tabletów.
Najpopularniejsze rozdzielczości ekranów na tabletach:
|  |
Czyli, 29.76% stanowią ekrany 768x1024, ale tylko w rynku tabletów.
