Bildschirm Auflösungen – Wie breit sollte deine Webseite sein?

Wenn ein neues Design für eine Webseite ansteht, werden viele Fragen für den Designer/Grafiker aufkommen: Welches Branding hat das Unternehmen? Welche Farben, Fonts und Bilder soll ich benutzen? Alles wichtige Fragen, aber das wichtigste kommt am Anfang: Welche Zielgruppe möchte ich ansprechen? Und, welche Hardware benutzen die User ( Browser, Internet Verbindung, Monitor/Bildschirm auflösung ) ?

Was ist der Aktuelle Trend in Browser benutzung und welche Bildschirmauflösungen sind am gängigsten? Diese Fragen werden immer wieder gestellt. Und genau hier gehen die Meinungen auseinander. Doch die aktuellen Statistiken belegen das der Trend immer mehr in richtung große Bildschirmauflösungen geht. Somit kann man davon reden das die meisten User mit einer Auflösung von 1024 Pixeln oder mehr im Web unterwegs sind.

Wenn man das alles bedenkt kann man sagen das die meisten Monitore ein Seitenverhältniss von 4:3 mit Auflösungen von 1024 x 768 Pixeln oder 1280 x 1024 Pixeln haben. Desweiteren gibt es viele Widescreen Laptops und Monitore auf den Markt die ein Seitenverhältniss von 16:9 aufweisen.

Also warum ist die Auflösung so wichtig. Nun als Designer ist man bestrebt eine angenehme und Intuitive Oberfläche zu designen wo man so wenig wie möglich als User scrollen muss. Es ist normal wenn ein vertikaler Scrollbalken zu sehen ist, da viele Seiten viel Content haben ( z.b: News Portale, Blogs, etc.. ), aber sobald ein Vertikaler Scroolbalken zu sehen ist, ist das navigieren auf der Webseite nicht mehr so angenehm. Daher ist das berücksichtigen der Bildschirmauflösungen sehr wichtig.

Sehe dir die Besucher Statistiken:

Mit Google Analytics hat man die Möglichkeit die Bildschirmauflösungen der Besucher zu betrachten. Es gibt sehr viele Seiten wo Statistiken über bildschirmauflösungen zu sehen sind und welche man als Ausgangsbasis verwenden kann. Empfehlenswert ist falls man schon über eine Webseite verfügt, das Nutzerverhalten eingehend zu studieren und danach zu entscheiden was das beste ist. Das gilt auch für Kunden Websites. Darüberhinaus kann man so noch mehr über der Verbindungsgeschwindigkeit, Benutzte Browser oder Version der Browser erfahren.

Was ist beim Anlegen des Layouts wichtig?

Ein Wichtiger Faktor bei allen Bildschirmauflösungen ( 1024 x 768px, 1280 x 768px, etc.. ) und benutzten Browser ( Firefox, Safari, IE, Chrome, Opera, etc. ) ist der Abzug von ein Paar Pixeln in der Breite aufgrund der auftretenden Vertikalen Scrollbalken. Meistens zieht man etwa 40 Pixeln ab. Also zum Beispiel wenn man für eine Auflösung von 1024 pixeln sein Layout aufsetzt, lauten die Maße der Zeichenfläche 984 x 768px ( 1024px – 40px ). Bei der Höhe zieht man um so mehr ab. Hier gibt es die URL-Leiste, verschieden Toolsbars ( z.b: Google Toolbar ) die viel von Content wegnehmen.

Wie breit sollte das Layout Sein?

Die Statistiken über die durchschnittlich benutzen Auflösungen sollten als Ausgangsbasis verwendet werden. Darüberhinaus solltest du die Informationen über die Besucher anhand von Analytics auswerten und diese ebenfalls bei der Entscheidung der Auflösung mit einfließen lassen. In großen und ganzen kann man sagen das man mit einer Auflösung von 1024 x 768pixeln auf der Sicheren Seite ist. Die 1280er Auflösung ist immer mehr im kommen und wird sich bald als Standart durchsetzen. Zwar zeigen viele Statistiken das über 60 % bereits mindestens eine Auflösung von 1280 x 1024 Pixeln von den Web-Usern benutzen, jedoch sollte berücksichtigt werden das immer noch ein großer Teil mit einer Auflösung von 1024 x 768px surfe. Gerade diese Üser sehen eine abgeschnittene Seite oder müssen Horizontal scrollen, was für Unternehmen die Produkte oder Dienstleistungen anbieten zu Umsatz Einbußen führen können.