Responsive Design – Flexible Layouts auf allen mobilen Endgeräten

Mit anderen Worten: Die Darstellung der Website passt sich dem mobilen Endgerät an.

Bei Responsive Design wird die Darstellung von Webinhalten dynamisch an die Monitorgrösse des Endgeräts angepasst. Die einzelnen Inhaltselemente der Website werden also automatisch an die Dimensionen des Bildschirms und mobilen Endgeräten angespasst und neu angeordnet.

Responsive Design bedeutet reaktionsfähiges Webdesign mit flexiblen Layouts, bezeichnet eine Praxis im Webdesign, bei der der grafische Aufbau, insbesondere die Strukturierung der einzelnen Elemente wie z. B. Navigationen und Texte, von Webseiten dynamisch und unter Berücksichtigung der Anforderungen des betrachtenden Gerätes erfolgt. Technische Basis sind neueste Webstandards wie HTML5 und CSS3.

Responsive Design scheint auf den ersten Blick bloss eine neue technologische Spielerei zu sein, um Webinhalte optimal für Smartphones und Tablets darzustellen. Im Kern geht es aber um einen Denkprozess, bei dem einmal mehr die Frage beantwortet werden muss, welche Inhalte einer Website der Nutzer auf dem Gerät seiner Wahl in welcher Form sehen soll.

Das stellt in erster Linie die Konzeption und Gestaltung von Web-Inhalten und Software-Oberflächen vor eine neue Herausforderung: Denn Grösse, Breite und Höhe einzelner Inhaltselemente müssen sich flexibel verhalten und an die Bilschirmgrösse des Endgeräts anpassen. Das bedingt in vielen Fällen nicht nur eine Neuausrichtung des gestalteten Contents. In vielen Fällen muss für die Anzeige der Website auf Smartphones oder Tablet auch auf einzelne Inhaltselemente verzichtet werden. Denn je kleiner der Monitor, desto weniger Fläche für die Darstellung von Inhalten.

Rüsten Sie Ihre bestehende Website um und machen Sie sie “responsive”. Interessiert?
Gerne unterbreiten wir Ihnen ein individuelles Angebot.