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

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

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.

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.

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.

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.

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 .

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

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.

Wie in einem älteren Beitrag erwähnt , werden im Wikipedia-Artikel zum Browsermarktanteil Informationen aus 6 wichtigen Quellen zusammengefasst, und die Statistiken sind wahrscheinlich am effektivsten, wenn es darum geht, welche wichtigen Browser als Ziel ausgewählt werden sollen.

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.