Responsive Webseite Umstellung

Die Aufgabe

Ein großer Vorteil ist die eingleisige Pflege der Inhalte im CMS. Das HTML ist im Responsive Design in der Desktop- und in der Smartphone-Version identisch, das Aussehen wird einzig durch das Stylesheet bestimmt. Deshalb hat man mit RWD die Möglichkeit, alle Inhalte zugänglich zu halten, wohingegen das Angebot bei der mobilen Website deutlich abgespeckt ist. Der User müsste also, wenn er etwas Spezielles sucht, doch wieder in die Desktop-Version wechseln. Das kann mit dem Smartphone sehr mühsam sein. Rein mobile Webseiten haben dafür den Vorteil der schnellen Ladezeiten. Sie sind meist sparsam bestückt und benötigen weniger Ressourcen wie Bandbreite oder Hardware. Das machte sich vor wenigen Jahren bei einer sehr langsamen Internetverbindung noch deutlich bemerkbar, aber mittlerweile haben die Mobilfunkprovider nachgerüstet, sodass man Geschwindigkeitsunterschiede kaum noch wahrnimmt.

Das Design wird klarer und auflösungsunabhängiger. Durch den Einsatz von SVG-Grafiken kann jede Bildschirmgröße ressourcenfreundlich angesprochen werden. Der Einsatz von Webfonts verleiht dem Design zusätzlich eine individuelle Note. Schatten, Verläufe, Animationen und Effekte werden heute direkt per CSS durch den Browser gerendert

Manchmal wurde die Art der Bedienung nicht bis zum Ende durchdacht. Am Desktop sollen beispielsweise Menüs per Mouse-Over erscheinen und auf einem Tablet durch einen Klick. Da kommen sich zwei Events in die Quere, also muss man sich letztendlich für eine Variante entscheiden. Auch ein Fallback zu veralteten Webbrowsern verursacht schon mal Kopfzerbrechen, aber am Ende gibt es dafür meistens eine Lösung. Positiv für alle Webdesigner ist allerdings, dass alle Browserhersteller mittlerweile auf demselben Stand angekommen sind.

Fazit

Es lässt sich festhalten, dass Responsive Webdesign Vor- und Nachteile hat. Je nach Leistungsfähigkeit der bevorzugten Endgeräte der Hauptzielgruppe sollte daher entschieden werden, ob auf Responsive Webdesign gesetzt wird. Zu beachten ist dabei, ob es zu größeren Problemen hinsichtlich der Erwartungskonformität und Performance kommt, wobei im letzteren Fall die Entwicklung einer zusätzlichen mobilen Version der Webseite empfohlen werden kann.

Die Abmessungen der unterschiedlichen Smartphones, Tablets und anderer internetfähiger Geräte variieren sehr stark. Das flexible System des Responsive Webdesigns sorgt dafür, dass sich Layouts durch relative Größenangaben auch zwischen den Breakpoints stufenlos an jeden Bildschirm anpassen. Deshalb müssen Responsive Websites auch nicht mit viel Aufwand für die Besonderheiten jedes einzelnen Geräts explizit angepasst werden. Die Weitsicht des Responsive Webdesigns zeigt sich auch darin, dass neu auf den Markt kommende Geräte die Website von Anfang an und ohne weiteres Zutun optimal darstellen können.