Jaką minimalną rozdzielczość przeglądarki lub ekranu powinienem kierować na moje aplikacje internetowe?

Podejmując decyzję o minimalnych wymaganiach aplikacji sieciowej na komputerach klienckich:

1. Przeglądarki - które przeglądarki powinny być kierowane na minimum
2. Rozdzielczość ekranu - która rozdzielczość ekranu powinna być ustawiona na minimum

Aby zapewnić użyteczność aplikacji, nie jest zagrożona

Na przykład W3Schools ma pewne statystyki dotyczące ekranów przeglądarki. Od stycznia 2010 r .:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

Wyższa cyfra prowadzi do nowej tabeli . Z danych wynika, że ​​1024 x 768 to efektywna minimalna rozdzielczość ekranu. Należy jednak pamiętać, że nie wszyscy korzystają z przeglądarki w trybie pełnoekranowym.

Istnieje również strona statystyk przeglądarki . Przeglądarki są podzielone według wersji (np. Firefox ). W przeglądarkach takich jak Firefox i Chrome wydaje się, że większość korzysta z najnowszych (nie beta) wersji. Podejrzewam, że dzieje się tak, ponieważ są one automatycznie aktualizowane.

Dostępne są inne, bardziej ogólne, strony ze statystykami i prawdopodobnie powinieneś skonsultować się z wieloma, aby uzyskać lepszy obraz korzystania z przeglądarki i rozdzielczości ekranu w całym Internecie.

Zamiast celować w konkretną przeglądarkę i rozdzielczość, zacznę od założenia, że ​​chcesz, aby Twoja witryna była dostępna dla jak największej liczby różnych użytkowników. Spróbuj dostosować rzeczy do różnych rozmiarów ekranu i działać we wszystkich przeglądarkach. To powiedziawszy, uważam, że bezpiecznie jest założyć 1024 x 768 dla przeglądania pulpitu.

Bardziej globalny zestaw statystyk wskazuje, że 1024x768rzeczywiście jest to najpopularniejsza rozdzielczość, jednak rozkład użytkowników jest bardzo różny. Należy również pamiętać, że netbooki, jak przypuszczają, pomagają się 800x600utrzymać.

W nowoczesnych przeglądarkach możesz kierować reklamy na zakresy za pomocą Zapytań o media . Oni są świetni. Zakładając, że nie obchodzi Cię IE - chociaż IE9 obiecuje wsparcie dla nich. Komentarze warunkowe mogą być użyte do wysłania rozdzielczości IE o najniższym wspólnym mianowniku, lub JavaScript może być użyty do dynamicznego ładowania arkuszy stylów. Dynamiczne ładowanie CSS przez JavaScript jest, moim zdaniem, okropnym pomysłem.

Projektant stron internetowych o nazwisku Jon Hicks niedawno przeprojektował swoją stronę internetową, używając ich, przejdź tam i zmień rozmiar okna przeglądarki, aby zobaczyć przykładowy sposób ich działania. Dostępne są układy od 1 do 4 kolumn, w zależności od bieżącej maksymalnej szerokości rzutni.

Zapytania o media pozwalają nie martwić się o takie rzeczy, jak: „Czy moja witryna będzie obsługiwać iPhone'a i iPada?” lub „Jak mogę ustawić rozmiar ekranu urządzenia X, aby zachować użyteczność?”. Po prostu budujesz projekty dla tylu rozmiarów ekranu, jakie chcesz obsługiwać, a Media Queries zajmą się resztą, w zależności od przeglądarki użytkownika, kiedy tam dotrą.

Możesz oprzeć swoją decyzję na najnowszych statystykach na temat wykorzystania rozdzielczości. Jeśli chcesz numer ogólny, możesz go znaleźć w Net Applications, a jeśli potrzebujesz dokładnych danych, możesz do tego użyć Google Analytic na swojej stronie internetowej.

Pierwszą rzeczą, którą musisz zrobić, to określić docelową grupę demograficzną, która będzie korzystać z Twojej aplikacji internetowej. Na przykład, jeśli kierujesz reklamy do głównie zamożnych odbiorców w USA / Europie (takich jak sprzedaż produktów wysokiej klasy lub strona magazynu poświęcona technologiom), będziesz mieć zupełnie inne wymagania niż na przykład, jeśli tworzysz stronę internetową aplikacja skierowana do osób starszych, osób w krajach słabiej rozwiniętych itp., w których nadal dominują stare komputery i niskiej rozdzielczości. Wiem z doświadczenia, na przykład, że wielu klientów samorządowych w Wielkiej Brytanii nadal (wstydliwie) używa IE6 jako jedynej przeglądarki, co może być głównym czynnikiem, jeśli są Twoimi klientami.

Następnie należy wziąć pod uwagę, że wiele osób uzyskuje dostęp do stron internetowych na urządzeniach mobilnych - smartfonach, netbookach, tabletach i tym podobnych. Mogą mieć „dziwne” rozdzielczości lub wyższy odsetek użytkowników przeglądarek, takich jak Safari, Chrome i Opera Mobile. Mogą również mieć różne wymagania dotyczące dostępności lub mogą wymagać różnych arkuszy stylów.

Jednym z najlepszych sposobów jest użycie Google Analytics (być może z istniejącej witryny) w celu ustalenia rzeczywistych odbiorców. Następnie możesz uzyskać rzeczywiste dane, aby zobaczyć awarie przeglądarki i awarie rozdzielczości, które pomogą Ci zdecydować, co jest dla Ciebie odpowiednie .

Sprawdź statystyki udziału w rynku przeglądarek na całym świecie

To pytanie zawiera wyczerpującą listę źródeł umożliwiających sprawdzenie udziału w rynku przeglądarek na całym świecie.

Oto 3 najlepsze średnie 2010 dla StatOwl :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

Oto 3 najlepsze średnie z 2010 dla aplikacji sieciowych :

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

Zgodnie z danymi minimalna rozdzielczość powinna wynosić 1024 x 768, ale zależy to również od demografii.

Jeśli Twoja witryna jest skierowana do większej liczby odbiorców korporacyjnych, trzymaj się rozdzielczości 800 x 600. Wiele sieci korporacyjnych nadal działa na naprawdę starym sprzęcie z Windows 2000. Jeśli to jest baza użytkowników, na którą celujesz, użycie „bieżącej normy” rozdzielczości ekranu może odstraszyć twoją publiczność.

http://isie6dead.com/ chociaż ten link był bardziej dynamiczny mniej więcej tydzień temu, punkt leżący u podstaw jego istnienia jest nadal aktualny: istnieje o wiele za dużo przeglądarek IE6 i będzie prawdopodobnie przez następną dekadę .

W przypadku moich osobistych projektów, jeśli używasz IE6, nie dbam o to, czy moja strona powoduje, że małpy wylatują z tylnej części ciała. W przypadku pracy wymagania mogą być inne i ogólnie, im bardziej publiczna i starsza jest grupa docelowa, tym większe prawdopodobieństwo, że witryna zobaczy IE6 na 640x480x4.

Na to pytanie nie można dokładnie odpowiedzieć bez określonej grupy docelowej i całkowicie ignoruje rosnące hordy urządzeń iPhony.

Jak wspomniano w starszym poście , artykuł w Wikipedii na temat udziału w rynku przeglądarek konsoliduje informacje z 6 głównych źródeł, a statystyki są prawdopodobnie najskuteczniejsze w podejmowaniu decyzji, na które przeglądarki należy kierować.

Warto również wziąć pod uwagę zawartość Twojej witryny. Jeśli na przykład zapewniasz forum pomocy technicznej dla osób mających problemy z kartami graficznymi lub monitorami, prawdopodobnie chcesz, aby można go było używać w rozdzielczości 640 x 480.

Jeśli wielu użytkowników jest starszych lub może mieć słabszy wzrok, mogą mieć ekrany o wysokiej rozdzielczości, ale z bardzo dużymi czcionkami, więc musisz na to pozwolić.