Responsive Webdesign Check

Gutes responsive Webdesign ist inzwischen nicht mehr weg zu denken und wird trotz allem von vielen vernachlässigt.

Betrachtet man sich viele Websites auf dem Smartphone an, stellt man fest das diese entweder nicht responsive sind oder viele Darstellungsfehler aufweisen.

Jeder Webdesigner oder Programmierer weiß, zu einer guten Website gehört unbedingt ausführliches Testing. Für eine gute Qualität sind einige Punkte zu beachten.

• Responsive Check
• Funktionstests für Slider, Formulare, Bilder, Bestellprozesse etc.
• Ladezeiten überprüfen (vor und nach einem Relaunch)
• OnPage Check vor und nach dem Relaunch
• Prüfung von Texten durch Analyse Tools
• Freunde und Bekannte fragen sich die Seite anzusehen

Responsinator

Mit diesem Tool lässt sich der Responsive Check nicht nur einfach durchführen, sondern auch noch elegant. Man gibt einfach die URL der Website ein, die man testen möchtet und schon wird die Website auf den gängigsten Bildschirmgrößen- und Formaten dargestellt.

Die Website lässt sich dort bedienen als wäre es ein Tablet oder Smartphone. Zudem kann man auf die Links und Suchfelder klicken um dort besser testen zu können.

WICHTIG: Es handelt sich hierbei allerdings nicht um ein echtes Gerät, wodurch man verschiedene Fehler nur bedingt nachstellen kann. Dafür bräuchte es dann zum Beispiel ein echtes Ipad.

Google Developer Tools

Wer das responsive Design testen möchte kann das sogar direkt im Google Chrome Browser tun. Um diesen Modus zu starten gehst Du bei Google Chrome auf

Anzeigen -> Weitere Tools -> Entwicklertools

Dort lassen sich diversen Mobilgeräte auswählen. Das praktische hierbei ist, dass man sehr einfach zwischen den Geräten hin und her wechseln kann. So kann man Seite für Seite durchgehen und dann die verschiedenen Darstellungen simulieren.

Retina Displays sind dort auch dabei und sollten bei einem guten Responsive Check auf keinen Fall fehlen.

Was alle Tools gemeinsam haben: Sie sind kostenlos und einfach zu bedienen.