25 Stimmen

Was ist die typische Größe des Ansichtsfensters auf einem 1024x768 Bildschirm?

Ich entwerfe eine Webanwendung und möchte die größte Größe (x und y) wissen, für die ich entwerfen kann.

Stand: Januar 2008 Etwa die Hälfte der Benutzer verwendet 1024x278 Bildschirme, und wahrscheinlich weniger als 10 % verwenden kleinere Bildschirme. (Telefon- und Palmtop-Benutzer bilden hier eine Ausnahme.) Wir sind also auf eine minimale Bildschirmgröße von 1024x768 ausgelegt.

Allerdings Das ist die Bildschirmgröße, und wenn wir unseren Inhalt auslegen, müssen wir die Ansichtsfenster Größe. Es gibt Beweise dass die meisten Nutzer den Browser maximiert haben, aber man muss immer noch Platz für OS-Dekorationen und Browser-Chrome abziehen. Die Leute passen ihr Chrome an, also gibt es keine "richtige" Antwort; ich strebe eine vernünftige Grenze an, die der Mehrheit der Benutzer entgegenkommt.

Ich sehe eine Vielzahl von Designern die sagen, dass sie eine Breite von 960 Pixeln verwenden, weil sie viele Faktoren hat und gleichmäßig aufgeteilt werden kann - aber bevor ich mich dafür entscheide, möchte ich wissen, welche maximal Größe, mit der ich zurechtkomme, dann würde ich vielleicht etwas weniger verwenden. Ich habe gesehen, maximale Breiten von 960, 974 oder sogar 990 zitiert ... meine eigenen Experimente scheinen zu zeigen, eine Breite von 1000 funktioniert OK.

Noch schwieriger ist es, an Höhen zu kommen: Bei den Browsern, die ich ausprobiert habe, funktioniert eine vertikale Ansichtshöhe von 595 Pixeln mit den typischen Standardeinstellungen von Betriebssystem und Chrome. Aber ich habe nicht sehr viele ausprobiert, und ich würde lieber eine verlässlichere Quelle sehen. Sicherlich hat jemand anderes diese Forschung durchgeführt und es besser gemacht als ich.

Meine eigentliche Frage ist also die folgende: Was ist die größte Ansichtsgröße, für die ich ein Design entwerfen kann und von der ich erwarten kann, dass sie für 80-90 % aller Benutzer ohne Scrollbalken passt?

1voto

Nils Sens Punkte 188

Die ursprüngliche Frage - trotzdem war sie gut! - sowie einige der Antworten sind im Jahr 2014 zunehmend veraltet.

Wir müssen jetzt die wachsende Zahl von Smartphones mit unterschiedlichen Bildschirmgrößen, Netbooks, iMacs mit Breitbildschirmen, Retinas, (Android-/Mac-)Tablets usw. usw. berücksichtigen.

Hinzu kommt, dass die Kluft zwischen Touch und Tap immer größer wird, wobei Letzteres keine Seltenheit mehr ist.

Wir brauchen jetzt device-specific style with a tap-based UI for handheld devices with fixed browser sizes et fluid-responsive style with mouse-hover effects etc. for desktop computers.

Dies sollte heute im Mittelpunkt der Diskussion stehen.

In diesem Sinne ist die Antwort auf die ursprüngliche Frage nicht mehr so einfach zu geben. Ein sehr gängiger 1024x768-Bildschirm könnte durchaus ein iPad sein - oder ein verkleinertes Browserfenster.

0voto

Arve Systad Punkte 5369

Alle Antworten, die Sie bereits gefunden haben, sind wahrscheinlich richtig.

Für den Gelegenheitsnutzer (Stereotyp: Win XP oder Vista, IE6-7, keine benutzerdefinierten Skins) würde eine Breite nahe 1000px wahrscheinlich passen. Wenn Leute ihre Browser modifiziert haben, sie nicht im Vollbildmodus laufen lassen oder benutzerdefinierte Skins auf ihren Betriebssystemen haben, könnte sich diese Zahl ändern.

Wenn ich für eine Auflösung von 1024px Breite entwerfen würde, würde ich wahrscheinlich eine Breite nahe 980px wählen. Es liegt alles an Ihnen, und es gibt keine "eine und einzige Antwort". Irgendwo zwischen 960 und 1000px, das hängt von einer ganzen Menge Dinge ab.

Was die Höhe der Seite angeht, sollten Sie sich nicht zu viele Gedanken machen. Platzieren Sie die wichtigsten Informationen (Navigation, Logo, wichtige Inhalte) oben auf der Seite, und scheuen Sie sich nicht, den Nutzer scrollen zu lassen, um den Rest zu finden. Die Menschen sind es gewohnt, zu scrollen, und wissen, dass sie das tun müssen. Das ist eine natürliche Einschränkung, von der niemand erwartet, dass man sie ausnutzt.

Für die wichtigsten Informationen könnte ein Viewport mit einer Höhe von etwa 550px oder mehr erwartet werden.

Also, ~980px * ~550px ist wahrscheinlich ein mehr oder weniger Standard-Viewport als Ausgangspunkt zu verwenden :-)

0voto

Die Breite von 960px ist eine gute Größe, weil sie so gut teilbar ist. 1000px wird für viele Systeme zu groß sein. Die Scrollbar-Breite plus Framing summiert sich auf etwa 33px auf Vista/Firefox.

Ich denke, dass die Kontrollhöhe nützlich ist, da es gut ist, eine Vorstellung davon zu bekommen, was ein Betrachter sehen kann und was nicht, wenn er eine Seite zum ersten Mal öffnet. In der heutigen Zeit der Informationsüberflutung kann man sich nicht darauf verlassen, dass jeder Besucher nach unten scrollt.

Mein Viewport auf Firefox, mit geöffneten Tabs, Quicklinks und der ausgezeichneten Webentwickler-Symbolleistenerweiterung ist nur 572px, wenn auf 1024x768 eingestellt.

Wenn Sie die Webentwickler-Symbolleiste verwenden, ist eine der vielen nützlichen Funktionen die Möglichkeit, die Größe des Browsers sofort an die von Ihnen eingestellten Größen anzupassen: z. B. 1024x768, 800x600 usw. So können Sie Ihre Website so anzeigen, wie Besucher dieser Bildschirmgrößen sie sehen werden.

Webentwickler ist es wert, überprüft zu werden: https://addons.mozilla.org/en-US/firefox/addon/60

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X