Webdesign mit verschiedenen Browser testen

Das eigene Webprojekt ist schon etwas älter und damit hat auch das vorhandene Design seinen Zweck erfüllt, etwas Neues muss her. Gesagt getan. Entweder das Design wird selbst (mittels eigener Design-Arbeit) erstellt oder man wendet sich an Grafiker für diese Arbeit. Inspirationen dafür kann man sich sehr schnell im Internet holen, indem man einfach wahllos oder Themenbezogen surft und so verschiedene Seiten anklickt. Schnell ist eine passende Stilrichtung gefunden und das Design erstellt.
Jetzt geht es an die Umsetzung mittels HTML oder CSS. Je nach persönlichem Erfahrungsgrad kann dies wiederum entweder selbst erstellt oder von Dienstleister (den Grafiker) erledigt werden.
Wenn man sich das fertige Produkt anschließend in dem Browser ansieht, dann passte alles und es sieht einfach spitze aus. Doch reicht das schon? Nein, denn ein Blick in den eigenen Counter verrät das die Besucher verschiedene Browser nutzen, wie etwa den Internet Explorer in den Versionen IE 5, IE 5.5, IE 6 und IE 7, oder den Firefox in den Versionen FF2 oder FF3. Weitere genutzte Browser wie Opera oder Konqueror sollte auch nicht außer Acht gelassen werden.

Das Design sollte jedoch in all den Browsertypen, die die Besucher verwenden, richtig angezeigt werden. Sollte das nicht der Fall sein, kann es z.B. vorkommen das die Besucher Bestellfunktionen in einem Shop nicht finden, die Werbeanzeigen (zum klicken) nicht sehen können, oder gar Inhalte übereinander dargestellt bekommen. Sollte dies der Fall sein, dann werden die Besucher zum einen die gewünschte Aktion (Lead, Sale, klick) nicht ausführen und die Seite nie wieder besuchen. Um das zu verhindern kann man entweder alle gängigen Browsertypen auf dem eigenen Rechner installieren und später mit diesen das neue Design testen. Diese Vorgehensweise wird jedoch nur von den wenigsten umgesetzt werden können.
Einfacher geht, wenn man dafür spezialisierte Webseiten ansurft und hier das Design testen lässt. Das alles am besten kostenlos.

browsershots.org
Die eben genannte Vorgehensweise ist mittels des kostenlosen Dienstes von browsershots.org umsetzbar. Zuerst lädt man das neue Design auf den Webspace (auch Unterordner sind möglich) und gibt anschließend die URL zu diesem Ordner bei browsershots.org ein. Nun wählt man noch die gewünschten Browsertypen aus, die geprüft werden sollen.
browsershots.org startet (nach einem Klick auf Abschicken) die Überprüfung. Als Ergebnis (dazu muss man die Seite nach einer gewissen Zeit immer wieder aktualisieren (Taste F5)) bekommt man Screenshots angezeigt, wie das Design in den verschiedenen Browsertypen angezeigt wird.
Jetzt kann man schnell sehen, ob es in all diesen ausgewählten Browsertypen richtig angezeigt wird und ob Handlungs- und Änderungsbedarf besteht.

Mittels dieses Tools kann man auch bestehende Webseiten hinsichtlich der richtigen Anzeige/Darstellung in verschiedenen Browser prüfen.
Wer es ganz genau wissen will, der kann bei browsershots.org in der unteren Zeile die Bildschirmauflösungen einzeln testen, Javascript Ein- und Ausschalten, die Farbtiefe wählen, Java und Flash in verschiedenen Versionen testen.

Diese Test´s sind durchaus sinnvoll und sollten eigentlich immer durchgeführt werden. Auch dann, wenn die eigene Seite z.B. den CSS-Validator erfolgreich bestanden hat. Denn dies heißt noch lange nicht dass dieses Design in allen Browser gleich angezeigt wird. So stellt beispielsweise der IE 5.5 (auf MS Windows 2000) einige Designs komplett anders da.

Viel Erfolg mit eurem Webdesign

Verfasst in Tools & Seiten am Juni 20th, 2008

ANZEIGEN