Ist 800x600 überholt?
Jon Hicks spricht anlässlich des A List Apart Redesigns die Optimierung von Weblayouts auf Bildschirmauflösungen größer als 800×600 Pixel an. In Is 1024 OK? diskutiert er die Misere in der sich viele Designer befinden: Die meisten Anwender mögen 800×600, auch wenn sie höhere Auflösungen fahren. Als Designer möchte man diesen Rahmen schon das ein oder andere Mal sprengen. Die Kommentare sind für Jeden, der sich mit dem Thema befasst sehr interessant.
Bei mir sieht es so aus, dass ich am iBook häufig maximierte Browserfenster habe, weil mir das sonst bei dem kleinen 1024×768 Screen zu unübersichtlich wird. Am Arbeitsplatz habe ich zwei Monitore und habe eigentlich nie maximierte Browserfenster. Beim Design von Webseiten habe ich mich bereits an die 760-Pixel-Einheitsbreite gewöhnt.
Wie seht Ihr das: Sollte man weiter mit 800×600 rechnen oder den alten Trott verlassen?
Update vom 09. April 2006: Das Thema wird aktuell wieder heiß diskutiert. Nicht verpassen sollte man die folgenden Artikel und ihre Kommentare: Herausforderung elastische Layouts, Optimierung für Bildschirmauflösungen im SELFHTML aktuell Weblog und 1024 oder nicht 1024? Das ist nicht die Frage!.
Werbeunterbrechung
Kommentare und Feedback (30)
Werbung
Vorheriger Artikel: Galerievorlagen für Movable Type, nächster Artikel: Ich suche ein Kalender Skript
25.08.2005, 06:23
Also ich denke, dass das jeder für jedes neue Projekt wiederholt klären sollte. Wenn es z.B. eine Seite mit langen Texten o.Ä. ist, dann bietet sich 800×600+ an, wenn sich der Contet auf 800×600 bringen lässt, dann wit das wohl auch okay.
Teilweise “nerft” es allerdings doch, wenn Seiten zu “eng” werden und man das Gefühl hat vielleicht doch wieder den 15” Monitor ‘raufholen zu müssen ;)
25.08.2005, 06:42
Ich denke, es kommt auf das Projekt an. Es ist schon richtig, dass es einen deutlich Trend Richtung 1024 gibt.
Allerdings gibt es auch andere Plattformen, die über einen Browser verfügen (gerade aktuell: Die Playstation Portabel). Zumindest sollte man einen alternatives Steelsheet anbieten. Eine Breite von 760 für die allermeisten Kundenprojekte ist sicher nicht falsch, führt aber immer wieder zu Diskussionen.
25.08.2005, 07:14
Der generelle Trend geht in Richtung 1024 & größer. War selbst erstaunt, was meine und die Log-Files einiger Kunden sagen. Kaum noch Besucher mit 800er Auflösung. Bei solch einer Aussage würde ich immer zu 1024 raten. Selbst fahre ich auch nur große Auflösungen.
Einsamer Ausreißer war neulich ein Kunde mit Win98 und 800er IE5.0. Wirklich fast schon selten. Die Bildschirme werden besser und besser, die Auflösungen immer größer.
Die 1024-Ausrichtung von ALA hatte ich ja bereits in meinem Kommentar angemerkt, war mir aufgefallen. 1024 bringt aber auch neue Möglichkeiten und Perspektiven. Dan Cederholms Buch bringt zu dem Thema einen guten Beitrag. Irgendwann muss man eben einen Schnitt machen, ähnlich der Unterstützung von NAV4/IE4.
Alternativen wären für mich ein anderes Stylesheet für geringe Auflösungen oder noch besser ein Liquid-Design. Fixe Layouts gefallen mir wegen der Planbarkeit des Layouts allerdings besser.
25.08.2005, 07:30
Für mich stellt sich die Frage, ob man bei einer bestimmten Auflösung auch annehmen kann, dass das Browserfenster ebenso groß ist. Wie ich oben schon sagte, bei mir ist das am Tage selten der Fall.
25.08.2005, 08:29
Das ist eine überlegenswerte Frage. Beim Mac ist das sicher selten der Fall, die Auflösungen sind da auch noch höher. Wenn Du allerdings die Fenstergröße mit bedenkst, dann kommen alle anderen Fenster-Diebe auch noch dazu (Sidebars, Extension etc.). Macht das wirklich Sinn?
Letztlich entscheidet jeder Benutzer über die reale Größe des Browserfensters selbst. Nur sollte er beim maximalem Fenster die Seite ohne horizontale Scrollbalken auf dem Schirm haben können.
PS: Was wäre eigentlich ein Handy, dass nur eine Zeile für das Tippen der SMS frei im Display anzeigt und den Rest frei lässt, weil noch alte Handy´s auf dem Mark sind?
25.08.2005, 08:38
Ja, das ist ein sehr schöner Vergleich :-). Danke, Jörg.
25.08.2005, 09:20
Vielleicht sollte man die Auswahl bis 800 UND 1024 durch JS bereitstellen. Wenn ich an meinem Opera mit ständig offenen Panel denke, dann hab ich des öfteren mal einen horizontalen Scrollbalken bei einer Gesamtauflösung von 1280.
25.08.2005, 09:25
ja, 800×600 ist tot.
aber nicht, weil die auflösungen jetzt größer wären, sondern weil sie KLEINER werden. in kürze hat jedes handy xhtml-browser, manche werden (chad krosky..) schon jetzt mit google als startseite ausgeliefert. 800×600 ist tot, lang lebe flexibles small-screen-design.
ps. in meinen (firefox-dominierten) logs sehe ich immer noch ~10% 800×600.
25.08.2005, 09:39
Horizontale Bemaßungen in Prozenten, vertikale in em. Alles andere ist 1998.
25.08.2005, 10:58
@Tomas: Wenn es nur so einfach wäre. Bislang vermeide ich horizontale Angaben in Prozenten, weil ich nicht will, dass meine Textspalten zu breit werden. Auf einem sehr breiten Monitor wird der Text sonst ungenießbar.
Abhilfe würde natürlich ein max-width bringen, wenn da nicht der Internet Explorer wäre. Es gibt dazu ein paar Hack-Versuche, die mich nicht überzeugt haben.
Ich bleibe erst einmal bei horizontal: px, vertikal: em.
25.08.2005, 11:47
Ein Argument (pro 1024), das ich bei einem unserer Kunden letztens zu hören bekam, ist der Hinweis auf die Arbeitsschutzbestimmungen, die gar keine Bildschirme mit weniger als 1024 Pixel zulassen würden…
26.08.2005, 09:21
Auch wenn ich einen größere Auflösung habe, als Anwender ist mir die klassische Größe von Webseiten lieber. Ich möchte mein Browserfenster nicht über den ganzen Bildschirm öffnen.
Zumindest Ecken von darunter liegenden Fenstern und Widgets oder auch zweiten Browserfenstern möchte ich sehen und anklicken können…
26.08.2005, 09:29
Es gibt auch viele Anwendungen, die noch 800×600 Auflösung voraussetzen. Entsprechend haben viele Leute, die ich kenne, bei der Arbeit diese Auflösung. Da bleibt meiner Meinung nach nur flexibel oder eben nicht mehr als 760px in der Breite. Es kommt aber auch stark auf die Zielgruppe an.
26.08.2005, 10:02
Bei Kunden, die wenig zu sagen haben, bleibe ich unter 800 × 600, weil es sonst einfach nur peinlich aussieht. Bei allen anderen Projekten arbeite ich über 800 × 600 jedoch unter 1024 × 768 px. Wir schreiben das Jahr 2005, 800 × 600 war 1999 die Standardauflösung.
Gut “Maßnehmen” kann man übrigens an Seiten wie neckermann.de, denn dessen Zielgruppe ist breit gefächert und tendentiell vielen Usern, die keine Computerprofis sind. Die Entwicklung solcher Seiten ließ erkennen, dass wir über 800 × 600 längst hinaus sind. neckermann.de macht es für 1024 gerade so passig.
Ich “supporte” 800 × 600 schon lange nicht mehr. Zwar habe ich mein Browserfenster auch nicht auf Maximum gestellt, doch passt hier selbst 1024 noch sehr locker rein.
26.08.2005, 10:23
Ich mische. In der Breite gehen ich 800 (760px) aus. In der Höhe richte ich mich eher nach der Höheren Auflösung. Das vertikale Scrollen ist nicht so problematisch wie das horizontale – oder in beide Richtungen.
Aber es gibt noch ein Argument nicht von den 760 in der Breite abzuweichen, und das ist ein Drucklayout. Eine A4 Seite ist ca. 570px breit (bei 72dpi). Da ich oft eine Navigation auf die linke Seite Stelle, die aber dank CSS nicht mitgedruckt werden muss, kann das Layout einer Seite beibehalten werden.
Bei der EADS (http://www.eads.net) haben wir noch eine andere Variante angewendet. Man kann umschalten. Bei 1024 wird eine MArginalspalte eingeblendet.
26.08.2005, 10:49
diese frage stelle ich mir nun auch schon länger … bei mir kommen selten gemaxte browser-fenster zum einsatz … aber bei 1600×1200 passt genug rein —-
mir ist in letzter zeit bei diskussionen mit kunden immer wieder die frage aufgetaucht: “warum verschwenden wir am rand soviel platz, früher wurde doch der ganze bildschirm ausgefüllt”. es zeigt einfach das die meisten user gar keine ahnung haben was auflösung bedeutet, und generell die standard auflösung der monitore verwenden. und diese ist gerade bei den tft’s mindestens 1024×768.
durch die unzähligen devices (handy, pda, etc) denke ich das sich generell verschiedene css angaben für verschiedene devices ausgabe durchsetzen werden.
26.08.2005, 11:49
Ich bin mitlerweile dazu übergegangen zu sagen: Schön für 1024 aber lesbar für 800. D.h. das eigentliche Layout wird für eine 1024er Aulösung angelegt, wichtige Element, wie die Navigation und der Hauptcontent müssen aber auch bei 800×600 sichtbar sein.
Eine Zwischenlösung sozusagen.
26.08.2005, 12:11
wie schon mehrfach geschrieben kommt es wohl auch sehr stark auf das projekt und die zielgruppe an. generell tendiere ich allerdings mittlerweile auch mehr zur optimierung für 1024. hat halt alles so seine vor- und nachteile :)
28.08.2005, 06:50
Ich muss jetzt mal für sub1024 voten. Subnotebooks und ähnliches sind in. Die haben eine Auflösung von 1024, also auf jeden Fall weniger Browserbreite.
Ich hoffe mal stark auf den IE7 und dann eine schlagartige Verfügbarkeit von max-width.
29.08.2005, 09:48
Ich hab festgestellt, daß bei mir nur knapp 5 % mit der Auflösung daher kommen.
Das Problem ist wirklich weniger die Monitorauflösung, als tatsächlich die Fenstergröße: Bei XP (oder anderen DOSen) haben die Nutzer zwar sicherlich leichter mal maximierte Fenster als bei Mac OS X Nutzern.
Aber auch hier wird ja sehr häufig links die Favoritenleiste o.ä. im Browser angezeigt, was die Seitendarstellung schmälert.
Und Mac-Nutzer haben ihre Fenster mangels eines anständigen Maximierbuttons sowieso selten auf der ganzen Breite.
Auch wenn meine Seite z.B. bei einem 30-Zoll Monitor beinahe schwere Augenschäden verursacht, werd ich wohl auch bei der Standardbreite bleiben.
Zumal sich ja auch die Augen an gewisse Breiten beim Lesen gewöhnt haben. Was will man auch mit der zusätzlichen Breite machen? Ich finde dreispaltige Webpages schon nur selten gelungen.
Und vierspaltige sind definitiv Kokolores ;)
31.08.2005, 04:32
Nach wie vor sollten IMHO horizontale Scrollbalken unter allen Umständen vermieden werden, idealerweise durch ein fluides Layout (oder wie John Hicks schreibt “fluid up to a point” um zu breiten Fließtext zuvermeiden). Dass grade ALA das nicht mehr beherzigt, enttäuscht mich schon. Wenigstens ein Styleswitcher wäre da ja wohl drin gewesen.
01.09.2005, 02:04
Styleswitcher ist ein gutes Stichwort. Scheint mir momentan eine praktikablere Lösung zu sein, als ewig lange Verrenkungen mit prozentualer Breite und anderen Anpassungen vorzunehmen, zumal den Webdesigner dies in seiner Freiheit einschränkt, das Layout zu gestalten, wie er mage.
Andererseits, man sollte die Anzahl derer die mit veralteter Hard- und Software unterwegs sind nicht unterschätzen. Wie schon weiter oben erwähnt, surfen heute noch etliche Leute mit einem IE 5.0 und viele wollen sich (noch) keinen neuen Bildschirm gönnen. Also vernachlässigen würde ich diesen Anwenderkreis noch nicht, auf der anderen Seite würde es diese User vielleicht schneller zu neuer Technik treiben, wenn sie langsam aber sicher bei allen Seiten horizontal scrollen müssten. ;o)
—-
Noch was anderes: Manuela, hat sich irgendwas an Deinen RSS-Feeds geändert (durch neue MT-Version oder ähnliches…)? Ich habe u.a. Deinen Feed auf meiner Homepage als Ticker integriert (mit Magpie) und seit einigen Tagen will er nicht mehr. :( Wenn ich den Feed im Feed Validator überprüfe, kommt zwar keine direkte Fehlermeldung, aber mit dem Format des Charsets stimmt etwas nicht.
01.09.2005, 06:07
@John, ich habe zwer die neue MT Version aber an Charset und Vorlagen habe ich nichts verändert. Welches Feed hast Du abonniert?
01.09.2005, 06:49
Den hier:
http://www.pixelgraphix.de/pixelgraphix.xml
Merkwürdig ist eben, daß es von einem Tag auf den anderen nicht mehr funktionierte, vorher hatte ich nie Probleme damit. Aber ich werde gleichzeitig mal versuchen, ob ich das in Magpie wieder irgendwie hingebogen kriege. Ansonsten muß ich Deinen Feed eben ganz “normal” im News-Reader lesen. ;)
Trotzdem schon mal Danke fürs Nachschauen. :-)
16.09.2005, 07:29
Ich mache das eigentlich so:
Minimalbreite der gesammtseite: 630px;
Maximalbreite 50 em für fließtext im Inhaltsbereich;
alles andere versuche ich irgendwie flüssig zu halten so dass sich bilder auch mal neben dem fließtext plazieren können wenn da platz ist, wenn nicht, dann fließt der text außenrum.
26.09.2005, 08:30
Also ich mag die feste Breite von 760px. Das läßt sich bei einer Auflösung von 800 × 600 ebenso gut anschauen, wie bei einer höheren Auflösung.
Benutzer mit 1024 × 768 sehen dann halt etwas mehr vom Hintergrund, aber die Texte werden nicht unnötig lang gezogen, was die Lesbarkeit doch deutlich verbessert.
Liquid-Layouts sind schwieriger umzusetzen und sehen bei einer zu hohen Auflösung auch nicht mehr so besonders aus, weil dann einfach zu viel “leerer” Raum bleibt. Schiebt man dann das Browserfenster kleiner, werden ausserrdem die Elemente oft unschön übereinandergelegt – das ist echt nervig, wenn man z.B. Tutorials anschaut und gleichzeitig im Browser lesen und in einem anderen Programm umsetzen möchte.
Für Handys und Druck-Layout kann man dann ja zusätzliche Stylesheets einbinden.
06.04.2006, 14:24
Ich Persönlich mag Kleine Fenstergrößen aus dem oben von Manuela genanten gründen.
Bei älteren Webprojekten habe ich es so gehandhabt das es 2 Styles gab, je Auflösung diese wird mit JS abfrage.
Aber da diese Variante der Abfrage, nach der Monitor Auflösung, eigentlich unsinnig ist hab ich mir, aus de oben genannten gründen
überlegt mit JS die tatsächliche Fenstergröße abzufragen und je nach Größe den style zu wechseln.
Hier nun meine Variante des Scripts:
Ob das nun eine tolle idee ist oder nicht Überlasse ich mal Jeden Selbst.
Eine Life Demo gibt es bei LKSD.de
12.04.2006, 17:01
Hallo an die liquid-, fluid- und elastic-Designer, lasst doch die Zeilen einfach fliessen.
Die Profis mit der neuesten Technik und den grossen Bildschirmen wissen schon, dass man ein Fenster auch schmal ziehen kann und machen das auch, wenn ihnen die Zeilen zu lang werden.
Und lasst die Buchstaben frei, formatiert die Schriftgroesse relativ, damit die Profis mit den grossen Bildschirmen die Schrift vergroessern koennen. Die wissen naemlich auch, wie das geht.
Die Profis schieben sich die Seite schon zurecht, wichtig ist, wie die Seite mit 800×600 auf einem 15 Zoller aussieht, sowas haben naemlich die Gelegenheitssurfer, die nicht alle Moeglichkeiten ihres Browsers kennen und die Seite einfach so lassen, wie sie erscheint.
Ich bevorzuge zur Zeit noch fixes Layout fuer 800×600, mit moeglichst wenig CSS, wegen der alten Browser, allerdings mache ich auch nichts wirklich kompliziertes ;-) …
25.01.2007, 21:46
Also ich überlasse das meinen Kunden (und es ist wirklich oft schwierig,
ihnen das zu erklären….). Der Einfachheit sage ich einfach “ok, es gibt
“15er” (800×600) und “17er” (1024×768) und noch größere und dieser
Prozentsatz (laut http://www.webhits.de/deutsch/index.shtml?webstats.html
eben mal 3,5%) von “15ern” wird bei einem statischen Design für “17er”
ausgeschlossen.” Raten tue ich immer noch zu 800×600, scrollbar nach
unten. Natürlich gibt es immer mal die Möglichkeit irgendwas unwichtiges
auf den rechten Rand zu legen, dann gerne drüber, aber grundsätzlich
muss alles wichtige bei 800×600 sichtbar und navigierbar sein.
Im übrigen habe ich hier einen schönen link zum Thema “und was heißt
das eigentlich jetzt genau”:
http://www.webmonkey.com/webmonkey/99/41/index3a_page2.html?tw=design
Leider nicht mehr aktualisiert aber ich bleib erstmal bei 744×410.
16.03.2007, 10:35
Ich werde meine Seiten mit einer Breite von 790px weiter behalten. Es gibt sehr viele Laptop-User und Leute die schlechter sehen. Mit einem schönen Hintergrund finde ich das lange nicht so schlimm wir horizontal Scrollbalken!