Responsive Web Design – Optimale Darstellung der Website

Max Waldstein

Wenn sie wollen, dass Ihre Seite auch auf Smartphones und Tablets optimal angezeigt wird, dann ist Responsive Web Design definitiv ein Thema für Sie. Denn Responsive Web Design sorgt dafür, dass Ihre Webseite auf jedem Ausgabemedium funktioniert – auf dem großen Bildschirm des Stand-PCs ebenso wie auf den kleineren Displays von Tablets und Smartphones. Dass mobile Ausgabemedien heutzutage bei der Entwicklung von Webseiten berücksichtigt werden müssen, steht außer Frage. (Laut aktueller Studie des Hightech-Verbandes BITKOM kommen 37 Prozent der Internetnutzer über Handy oder Tablet ins Netz). Die Frage ist nur, wie. Hier gibt es zwei Möglichkeiten. Entweder man erstellt mehrere eigene Seiten für die diversen mobilen Anwendungen, die sich perfekt an das Gerät anpassen. Da es aber viele unterschiedliche mobile Geräte (z.B. IPhone, Ipad, Androide-Phones….) gibt, müssen dementsprechend mehrere Versionen erstellt werden, was sich natürlich in höheren Kosten und Wartungsleistungen niederschlägt. Die andere Möglichkeit stellt Responsive Web Design dar – die Seite wird so konzipiert und programmiert, dass sie sich flexibel an alle Bildschirmbreiten anpasst – und das mit normalen Webtechniken. Bei dieser Anpassung werden Elemente anders platziert oder anders dargestellt. Der große Vorteil ist klar: die Produktionskosten und der Wartungsaufwand diverser Seiten fallen weg.

Probieren Sie es einfach aus!

Sie können das Prinzip hier auf unserer Seite testen. Lassen Sie das Browserfenster schrumpfen und sie sehen wie die Elemente sich mit geringerer Browserbreite verschieben und verändern, sodass Sie die Seite immer optimal nutzen können. Wenn Sie die Seite auf dem Smartphone oder Tablet betrachten, gibt es für Sie keinen Hindernisse. Sie können alle Inhalte nutzen und dabei sogar auf die systemeigene Navigation Ihres Handys oder Tablets zurückgreifen. D. h. sie können das Navigationssystem nutzen, das für Ihr Gerät das Optimum an Qualität und Usability bietet.