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

18

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

Julius A.
źródło
Zagłosowano zamknąć jako nie na temat: patrz meta.webmasters.stackexchange.com/questions/144/…
1
Można to przenieść do wymiany stosu interfejsu użytkownika.
milesmeow
1
Może być, ale prawdopodobnie nie powinno tak być. Rozdzielczość ekranu jest technicznie związana z interfejsem użytkownika, ale jest również związana z dostępnością i obsługą platformy. Jest to pytanie, które większość webmasterów będzie zainteresowana bardziej z biznesowego punktu widzenia niż z punktu widzenia projektowania interfejsu użytkownika.
Lèse majesté

Odpowiedzi:

8

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.

ChrisF
źródło
5
Należy zauważyć, że w3schools, będący witryną techniczną, NIE jest reprezentatywny dla całej sieci (szczególnie statystyk przeglądarki).
Disgruntled Goo
@DisgruntledGoat - dobry punkt. Trochę tęskniłem za tym, że to ich dane, kiedy pierwotnie czytałem stronę.
ChrisF,
Ponieważ nie mam wielkości próby na własnych stronach, aby przeprowadzić własną analizę, i jestem zbyt leniwy, aby szukać dokładnych i nieskorygowanych danych dla rozdzielczości ekranu, po prostu przeprowadzam ankietę na temat największych witryn w Internecie - lub największe witryny, które udostępniają moje dane demograficzne. Myślę, że Google, Amazon, Yahoo itp. Prawdopodobnie wydają dużo zasobów na tego typu badania użyteczności, że nie trzeba próbować powielać ich wysiłków. Chciałbym również użyć osobnych portali / arkuszy kalkulacyjnych dla urządzeń mobilnych, jeśli jest to dla ciebie znacząca grupa demograficzna.
Lèse majesté
Problem polega na tym, że statystyki te często same się wybierają. W3Schools to strona o stałej szerokości ~ 1000 pikseli. Gdybym miał wyświetlacz 800x600 (lub netbook 800x480), też bym go nie odwiedził.
robertc
Właśnie dlatego warto spojrzeć na witryny, na które ludzie nie mogą sobie pozwolić.
Lèse majesté
6

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.

Oren Hizkiya
źródło
5

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ą.

Bryson
źródło
2

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.

HoLyVieR
źródło
1

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 .

Dan Diplo
źródło
1

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ść.

Evan Plaice
źródło
Myślę, że masz na myśli 1024x768?
milesmeow
@milesmeow ups, naprawiono
Evan Plaice
0

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.

msw
źródło
0

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ć.

Colin Coghill
źródło