Web-Safe-Bereich (optimale Auflösung) für web-app-design

Ich bin in den Prozess der Gestaltung einer neuen web-app und ich Frage mich, was "Web-Sicheren Bereich" sollte ich optimieren das app-layout und-design. Von Web-Sicheren Bereich, den ich meine, der eigentliche Bereich zur Anzeige der Webseite im browser (beeinflusst von monitor-Auflösung als auch die Datenmenge, die vom browser und OS)

Ich habe einige der Untersuchung, und denken, auf meine eigene, aber teilen wollte dies, um zu sehen was die Allgemeine Meinung ist. Hier ist was ich gefunden habe:

Optimale Display-Auflösung:

• w3schools web stats zu sein scheint
  die meisten referenzierten Quelle (aber Sie
  Staat, dass diese Ergebnisse aus
  Ihre Website und ist voreingenommen in Richtung tech
  versierte Benutzer)
• http://www.w3counter.com/globalstats.php
  (aggregierte Daten, die aus so etwas wie
  15.000 verschiedenen Standorten, die Ihre
  tracking-Dienste)
• StatCounter Global Stats > Anzeige
  Auflösung (Statistiken basieren auf
  aggregierte Daten von
  StatCounter auf einer Stichprobe von mehr als 15
  Milliarden Seitenaufrufe pro Monat erhoben
  aus über das StatCounter-Netzwerk
  mehr als 3 Millionen websites)
• NetMarketShare Bildschirm-Auflösungen (marketshare.hitslink.com) (ein
  web analytics-consulting-Firma, die Sie
  sind Daten von Browsern von Website
  Besucher auf Ihre on-demand-Netzwerk
  live-stats Kunden. Die Daten
  zusammengestellt von ungefähr 160
  million Besucher pro Monat)

Display-Auflösung Zusammenfassung: gibt Es ein wenig variation zwischen den oben genannten Quellen, aber im Allgemeinen wie Jan 2011 sieht aus wie 1024 x 768 ist über 20%, während ~85% haben eine höhere Auflösung von mindestens 1280 x 768 (1280 x 800 ist das am meisten common von diesen mit 15-20% des gesamten web -, je nach Quelle; 1280x1024 und 1366x768 Folgen dahinter mit 9-14% der Aktie). Meine Vermutung wäre, dass die höhere Auflösung-Werte werden auch häufiger, wenn wir filter für Nordamerika, und sogar höher, wenn wir filter in den N. amerikanischen corporate-Benutzer (leider konnte ich nicht finden keine freien geografisch gefilterte Statistiken). Ein weiterer Punkt zu beachten ist, dass die 1024x768 desktop-Benutzer Bevölkerung ist wahrscheinlich niedriger als die oben genannten 20%, zu sehen, wie das iPad (1024 x 768 native display) ist wahrscheinlich stützen diese Zahl.

Meine Empfehlung wäre zu optimieren, um die 1280x768-constraint (*Hinweis: 1280x768 ist tatsächlich eine relativ seltene Auflösung, aber ich denke, es ist eine gültige Einschränkung Palette man bedenkt, dass 1366x768 ist relativ Häufig, und 1280 ist die häufigste horizontale Auflösung).

Browser + OS Einschränkungen:
Auf weitere hinzufügen, um die Einschränkungen, die wir haben, subtrahieren Sie den Raum durch die browser (vorausgesetzt, DH, die am meisten Platz verbrauchen) und das OS (vorausgesetzt, WinXP-Win7):

• Win7 hat die größte Taskleiste Grundfläche bei einer Höhe von 40px (XP und Vista ist 30px)
• Die Standard-IE8-Ansicht verwendet bis 25px an der Unterseite des Bildschirms, mit der Statusleiste und eine weitere 120px an der Spitze der Bildschirm mit der windows-Titelleiste sowie das browser-UI (vorausgesetzt, der Standard "Favoriten" - Werkzeugleiste vorhanden ist, wäre es stattdessen 91px, ohne die Favoriten-Symbolleiste).
• Vorausgesetzt, dass keine scrollbar, die wir auch Locker 4px horizontal für das Fenster Gliederung.

Bedeutet dies, dass wir Links mit 583px vertikalen Raum und 1276px der horizontalen. In anderen Worten, ein Web-Safe-Bereich von 1276 x 583

Ist das eine richtige Linie des Denkens?

Habe ich versucht zu Google einige design-best-practices-aber die meisten sprechen immer noch über die Gestaltung rund um 1024x768 das scheint zu sein, schnell zu verschwinden.

Jede Hilfe auf diesem würde sehr geschätzt werden! Danke.

InformationsquelleAutor M.A.X | 2011-02-23