MultiOS Browser Test Blog

Diese Webdesign Studie ist eine Analyse von etwa 1.000 Webseiten, die stichprobenartig ausgewählt und analysiert wurden. Sie umfasst deutschsprachige und internationale Webseiten aus verschiedenen Branchen wie Computer, Online Zeitungen/Magazinen, Städteportale, Blog-Systeme oder Webseiten von Privatpersonen, sowie einigen anderen Bereichen.

Kriterien der Studie

• Größe der Webseite inklusive aller Inline-Elemente
• Festes oder flexibles Layout
• Feste Schriftgröße in Pixel oder skalierbare Schriftgrößen
• W3C konformer Quelltext und Barrierefreiheit
• Platzierung der Navigation

Größe von Webseiten

In diesem Bereich sind sehr unterschiedliche Ergebnisse aufgetaucht, je nach Thema und Machart der Webseite. Die Seitengrößen beziehen sich jeweils nur auf einzeln aufgerufene Seiten der Webseite und beinhalten den Dokumentinhalt und Inline-Elemente, wie zum Beispiel Grafiken für das Design.

Die Größen variieren zwischen 26KB (Google.de) bis 4MB bei Webseiten mit Flash Animationen (sensisoft.pl). Branchengrößen wie IBM oder SUN liegen im Bereich um die 500KB und in diesem Bereich sind auch viele andere Webseiten zu finden, die sich mit Nachrichten oder Produkten verschiedener Art beschäftigen.

Die überwiegende Anzahl der analysierten Blogs liegt im Bereich um die 200KB, was sich ebenfalls auf vielen privaten Webseiten wieder spiegelt.

Festes oder flexibles Layout

Geprüft wurde mit einer Bildschirmauflösung von 1024×768 Pixel und der aktivierten Verlaufsleiste in verschiedenen Browsern. Auf vielen Webseiten ist der rechte Bereich der Webseite außerhalb des sichtbaren Bereiches im Browserfenster und der horizontale Scrollbalken erscheint, bedingt durch die Verlaufsleiste.

Einige Webseiten arbeiten mit einer festen Breite von 780 Pixel, andere mit 960 Pixel oder größer und nur sehr wenige mit einer flexiblen Breitenangabe in Prozent oder "em"-Werten. Interessant ist die Tatsache, das bei fixen Breitenangaben sowohl mit Tabellenlayout, wie auch mit "div"-basierenden Layout gearbeitet wird. Die flexiblen Webseiten nutzen überwiegend ein "div"-basierendes Layout, sind aber zum Zeitpunkt dieser Analyse deutlich in der Minderheit.

Feste Schriftgröße in Pixel oder skalierbare Schriftgrößen

Das ist der schwierigste Part der Studie, da viele Webseiten die Textvergrößerung des Microsoft Internet Explorer bis einschließlich Version 6 nicht berücksichtigt haben. Im Gegensatz zu Firefox, Konqueror, Opera oder Safari funktioniert die Vergrößerung der Inhalte erst ab Microsoft Internet Explorer 7 mit der Tastenkombination "STRG" und "+".

Oftmals ist eine feste Schriftgrößenangabe von "11px" oder "small" anzutreffen, wobei die Angabe mit "px"-Werten den Internet Explorer daran hindert, die Texte zu vergrößern. Skalierbare Schriftgrößen in "em" oder "%" sind nicht so verbreitet, was daran liegen könnte, das diverse Designelemente nicht flexibel umgesetzt sind. Beim Einsatz von Prozentangaben ist bei Schriftgrößen oft ein Wert von 70 – 80 Prozent zu finden, bei "em"-Werten taucht häufig "0.8em" auf. Zur Erläuterung von "em"-Werten sollte man erwähnen, das ein Wert von "1em" dem Wert von "16px" als feste Schriftgröße gleichgesetzt wird.

W3C konformer Quelltext und Barrierefreiheit

Bei vielen der analysierten Webseiten entsteht der Eindruck, das diese selten auf korrekte Syntax mit den Online Prüftools des W3C überprüft wurden. Auch das Thema Barrierfreiheit zeigt ähnliche Ergebnisse, wobei bei dieser Studie nur Wert auf Tastaturbedienung, selbsterklärende Links und Skiplinks gelegt wurde. Insgesamt ist der Umgang mit Barrierefreiheit bisher noch nicht sehr weit verbreitet.

Platzierung der Navigation

Dieses Kriterium zeigt eine Vielfältigkeit des Internet, die wirklich beeindruckend ist. Einige Webseiten von namhaften Unternehmen der IT Branche plazierten die Navigation teilweise komplett verteilt im sichtbaren Bereich der Webseite, Blog-Systeme von Webexperten meistens oben und an der Seite, Online Magazine oben, rechts und links an der Seite, sowie teilweise unterhalb des Inhaltes. Interessant hierbei das unsichtbare Skiplinks gegenüber den sichtbaren Skiplinks überwiegen, sehr zum Nachteil für mobile Geräte wie PDA oder Handy.

Fazit

Viele Webseiten sind mit animierter Werbung ausgestattet, Blog-Systeme mit Videos und teilweise sind Links sehr unübersichtlich platziert. Google AdWords ist häufig zu finden und insgesamt steigt die Webseitengröße aufgrund der Verbreitung von DSL immer höher, was natürlich auch mehr Möglichkeiten bietet.

Ein kurzes Fazit zum Schluss:

• Webseitengröße von 160KB oder höher
• Überwiegend festes Layout mit "px" Werten
• Schriftgröße oft "11px", nur wenige skalierbare Schriftgrößen
• sehr wenige Webseiten sind valide und barrierefrei
• Anordnung Navigation oben, links, rechts und unten

Der Beitrag wurde am Dienstag, den 19. August 2008 um 19:39 Uhr veröffentlicht und wurde unter Internet abgelegt. Du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Kommentare und Pings sind derzeit nicht erlaubt.