Welche minimale Browser- oder Bildschirmauflösung sollte ich für meine Web-Apps festlegen?

18

Bei der Entscheidung über die Mindestanforderungen für eine Webanwendung auf Clientcomputern:

  1. Browser - Auf welche Browser sollte ein Ziel mindestens ausgerichtet sein?
  2. Bildschirmauflösung - Welche Bildschirmauflösung sollte ein Ziel mindestens sein?

Damit wird die Benutzerfreundlichkeit der Anwendung nicht beeinträchtigt

Julius A
quelle
Als nicht zum Thema gehörend eingestuft: siehe meta.webmasters.stackexchange.com/questions/144/…
1
Dieser kann in die Benutzerschnittstelle stackexchange verschoben werden.
Milesmeow
1
Es kann sein, aber es sollte wahrscheinlich nicht sein. Die Bildschirmauflösung bezieht sich auf die technische Benutzeroberfläche, aber auch auf die Barrierefreiheit und den Plattform-Support. Dies ist eine Frage, die die meisten Webmaster eher vom geschäftlichen Standpunkt als vom Standpunkt des Benutzeroberflächendesigns interessieren werden.
Dienstag,

Antworten:

8

W3Schools (zum Beispiel) hat einige Statistiken zu Browser-Anzeigen. Stand Januar 2010:

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

Die höhere Zahl verweist auf eine neue Tabelle . Aus den Zahlen geht hervor, dass 1024 x 768 die effektive minimale Bildschirmauflösung ist. Beachten Sie jedoch, dass nicht jeder seinen Browser im Vollbildmodus ausführt.

Es gibt auch eine Browser-Statistikseite . Die Browser sind nach Versionen aufgeschlüsselt (zB Firefox ). Bei Browsern wie Firefox und Chrome scheint die Mehrheit die neuesten (nicht Beta) Versionen zu verwenden. Ich vermute, dass dies daran liegt, dass sie automatisch aktualisiert werden.

Andere, allgemeinere Statistikseiten sind verfügbar, und Sie sollten wahrscheinlich einen Blick auf eine Reihe von Websites werfen, um ein besseres Bild der Browsernutzung und Bildschirmauflösungen im gesamten Internet zu erhalten.

ChrisF
quelle
5
Sie sollten beachten, dass w3schools als Tech-Site NICHT für das gesamte Web repräsentativ ist (insbesondere nicht für die Browserstatistik).
DisgruntledGoat
@ DisgruntledGoat - guter Punkt. Ich habe etwas übersehen, dass es ihre Daten sind, als ich die Seite ursprünglich gelesen habe.
ChrisF
Da ich nicht die Stichprobengröße auf meinen eigenen Websites habe, um meine eigenen Analysen durchzuführen, und ich zu faul bin, um nach genauen und ungekannten Daten für Bildschirmauflösungen zu suchen, mache ich nur eine Umfrage zu den größten Websites im Internet. oder die größten Websites, die meine Bevölkerungsgruppe teilen. Ich nehme an, Google, Amazon, Yahoo usw. geben wahrscheinlich viele Ressourcen für diese Art der Usability-Forschung aus, sodass es nicht erforderlich ist, zu versuchen, ihre Bemühungen zu duplizieren. Außerdem würde ich separate Portale / Tabellen für Mobilgeräte verwenden, wenn dies für Sie eine erhebliche demografische Relevanz hat.
Majestätsbeleidigung
Das Problem ist, dass diese Statistiken oft selbst ausgewählt werden. W3Schools ist eine Site mit einer festen Breite von ~ 1000 Pixel. Wenn ich ein 800x600 Display (oder ein 800x480 Netbook) hätte, würde ich es auch nicht besuchen.
Robertc
Aus diesem Grund sollten Sie sich Websites ansehen, die sich Menschen nicht leisten können, nicht zu besuchen.
Majestätsbeleidigung
6

Anstatt auf einen bestimmten Browser und eine bestimmte Auflösung abzuzielen, gehe ich davon aus, dass Ihre Website von möglichst vielen Benutzern verwendet werden soll. Versuchen Sie, die Dinge an unterschiedliche Bildschirmgrößen anzupassen und in allen Browsern zu funktionieren. Das heißt, ich denke, es ist sicher, 1024x768 für Desktop-Browsing anzunehmen.

Oren Hizkiya
quelle
5

Eine globalere Statistik zeigt, dass dies 1024x768zwar die beliebteste Auflösung ist, die Verteilung der Benutzer jedoch sehr unterschiedlich ist. Beachten Sie auch, dass Netbooks vermutlich dabei helfen, 800x600durchzuhalten.

In modernen Browsern können Sie Bereiche mit Medienabfragen ausrichten . Sie sind genial. Angenommen, Sie interessieren sich nicht für IE - obwohl IE9 Unterstützung für sie verspricht. Bedingte Kommentare können verwendet werden, um eine Auflösung mit dem niedrigsten gemeinsamen Nenner an den IE zu senden, oder JavaScript kann zum dynamischen Laden von Stylesheets verwendet werden. Das dynamische Laden von CSS über JavaScript ist meiner Meinung nach eine schreckliche Idee.

Ein Webdesigner namens Jon Hicks hat kürzlich seine Website neu gestaltet. Wechseln Sie dorthin und ändern Sie die Größe Ihres Browserfensters, um ein Beispiel für deren Funktionsweise zu sehen. Abhängig von Ihrer aktuellen maximalen Breite des Ansichtsfensters gibt es Layouts mit 1 bis 4 Spalten.

Mit Medienabfragen müssen Sie sich nicht mit Dingen wie "Unterstützt meine Website das iPhone und iPad?" oder "Wie kann ich die Bildschirmgröße des X-Geräts festlegen, um die Benutzerfreundlichkeit zu gewährleisten?". Sie erstellen nur Designs für so viele Bildschirmgrößen, wie Sie unterstützen möchten, und die Medienabfragen kümmern sich um den Rest, abhängig vom Browser des Benutzers, wenn sie dort ankommen.

Bryson
quelle
2

Sie können Ihre Entscheidung für die aktuelle Statistik über die Verwendung der Auflösung stützen. Wenn Sie eine generische Nummer wünschen, können Sie einige von Net Applications finden, und wenn Sie genaue Daten wünschen, können Sie Google Analytic auf Ihrer Website dafür verwenden.

HoLyVieR
quelle
1

Zunächst müssen Sie die Zielgruppe ermitteln, die Ihre Web-App verwendet. Wenn Sie beispielsweise ein vorwiegend vermögendes Publikum in den USA und Europa ansprechen (z. B. den Verkauf von High-End-Produkten oder eine Website für High-Tech-Magazine), müssen Sie ganz andere Anforderungen erfüllen, als wenn Sie beispielsweise eine Website erstellen. App, die sich an ältere Menschen, Menschen in weniger entwickelten Ländern usw. richtet, in denen noch alte PCs und niedrige Auflösungen vorherrschen. Ich weiß zum Beispiel aus Erfahrung, dass viele Kunden von Kommunalverwaltungen in Großbritannien immer noch (schändlicherweise) IE6 als ihren einzigen Browser verwenden, was ein wichtiger Faktor sein könnte, wenn sie Ihr Kunde sind.

Sie müssen dann berücksichtigen, dass viele Menschen auf mobilen Geräten auf Websites zugreifen - Smartphones, Netbooks, Tablets und dergleichen. Diese können "seltsame" Auflösungen haben oder einen höheren Prozentsatz von Nutzern von Browsern wie Safari, Chrome und Opera Mobile haben. Sie können auch unterschiedliche Anforderungen an die Barrierefreiheit haben oder unterschiedliche Stylesheets erfordern.

Eine der besten Möglichkeiten ist die Verwendung von Google Analytics (möglicherweise von einer vorhandenen Website), um Ihre tatsächliche Zielgruppe zu ermitteln. Sie können dann die tatsächlichen Zahlen abrufen, um die Browser- und Auflösungsprobleme anzuzeigen, anhand derer Sie entscheiden können, was für Sie richtig ist .

Dan Diplo
quelle
1

Überprüfen Sie die weltweiten Statistiken zum Browsermarktanteil

Diese Frage enthält eine umfassende Liste von Quellen, mit denen Sie den weltweiten Marktanteil von Browsern ermitteln können.

Hier sind die Top 3 2010 Durchschnittswerte für StatOwl :

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

Hier sind die Top-3-Durchschnitte 2010 für Netzanwendungen :

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

Gemäß den Daten sollte Ihre Auflösung mindestens 1024 x 768 betragen, dies hängt jedoch auch von Ihrer Bevölkerungszahl ab.

Wenn Ihre Website auf ein größeres Unternehmenspublikum ausgerichtet ist, halten Sie sich an 800 x 600. In vielen Unternehmensnetzwerken wird unter Windows 2000 immer noch sehr alte Hardware ausgeführt. Wenn dies die Zielgruppe der Benutzer ist, kann die Verwendung der 'aktuellen Norm' für Bildschirmauflösungen zu einer Entfremdung Ihrer Zielgruppe führen.

Evan Scholle
quelle
Ich denke du meinst 1024x768?
Milesmeow
@milesmeow oops, repariert es
Evan Plaice
0

http://isie6dead.com/ Obwohl dieser Link vor ungefähr einer Woche dynamischer war, ist der Punkt, der seiner Existenz zugrunde liegt, immer noch gültig: Es gibt viel zu viele IE6-Browser auf dem Markt, und dies wird wahrscheinlich auch für das nächste Jahrzehnt so bleiben .

Wenn Sie IE6 für meine eigenen persönlichen Projekte verwenden, ist es mir egal, ob meine Website Affen veranlasst, aus Ihrem hinteren Bereich herauszufliegen. Die Anforderungen für einen Job können unterschiedlich sein. Je öffentlicher und älter Ihre Zielgruppe ist, desto wahrscheinlicher ist es, dass auf Ihrer Website IE6 mit einer Auflösung von 640 x 480 x 4 angezeigt wird.

Diese Frage kann ohne eine bestimmte Zielgruppe nicht genau beantwortet werden und ignoriert die aufkeimenden Horden von iPhony-Geräten vollständig.

msw
quelle
0

Berücksichtigen Sie auch den Inhalt Ihrer Website. Wenn Sie beispielsweise ein Forum für technischen Support für Benutzer bereitstellen, die Probleme mit Grafikkarten oder Monitoren haben, möchten Sie wahrscheinlich, dass es mit einer Auflösung von 640 x 480 verwendbar ist.

Wenn viele Ihrer Benutzer älter sind oder auf andere Weise ein schwächeres Sehvermögen haben, verfügen sie möglicherweise über hochauflösende Bildschirme, die jedoch über sehr große Schriftarten verfügen. Daher müssen Sie dies berücksichtigen.

Colin Coghill
quelle