Shopdesign: Layout-Bugs automatisch finden
In unserem Versandhandelssblog stehen Sie als Onlinehändler im Mittelpunkt. Da geht es natürlich nicht nur um interne Prozesse und effiziente Auftragsabwicklung in pixi*. Ohne einen gut konzipierten, benutzerfreundlichen und ansprechenden Online-Shop bleiben unter Umständen viele Kunden aus. Im folgenden Blogbeitrag möchten wir Ihnen ein praktisches Tool vorstellen, mit dem Sie Layout-Bugs automatisch aufspüren können.
Gestalten Sie die Oberfläche Ihres Webshops selbst oder sind Sie Dienstleister für Onlinehändler, dann ist Ihnen das sicherlich auch schon einmal passiert. Man ändert nur eine Kleinigkeit im Template einer Shopseite, schaut sich das ganze kurz auf einer Beispielseite an – OK! Passt!
Und doch, unter einer bestimmten Konstellation, vielleicht mit einer etwas längeren Artikelbeschreibung, ist auf einmal das ganze Layout hinüber. Aber man kann ja nicht jede Seite des eigenen Webshops nach jeder Kleinigkeit ansehen – oder!
Fighting Layout Bugs heißt das Open Source – Paket, dass das ganze für Sie übernimmt. Und so funktioniert’s:
Das Programm erstellt mehrere Screenshots von Ihrer Seite. Um Text und Bilder zu unterscheiden, ändert das Tool die Textfarbe. Dadurch kann es mithilfe von zwei Screenshots erkennen, wo Text ist und wo nicht. Folgende Layoutbugs werden bereits unterstützt:
- Ungültige Bild-Links
- Horizontales Scrollen
- Text nahe einer Kante (oder überlappend), horizontal wie vertikal
- Text mit zu niedrigem Kontrast gegenüber dem Hintergrund
Die Verwendung des Tools ist ein wenig umständlich, da das ganze zur Zeit nur über Scripting funktioniert und einige Bibliotheken installiert werden müssen. Trotzdem ist es auf jedenfall einen Blick wert:
http://fighting-layout-bugs.googlecode.com/
