Was ist eigentlich "Responsive Webdesign" ?

Dank responsive Webdesign passen sich Layout und Inhalt Ihrer Seite flexibel auf alle Bildschirmgrößen und Ausgabegeräte an. Der Ansatz ist klar zukunftsorientiert. So spielt es keine Rolle mehr, ob User Ihre Website auf einem Smartphone, Tablet-Computer oder PC aufrufen. Das Layout wird für die Dimension und Fähigkeiten des jeweiligen Endgeräts optimal dargestellt. So müssen Inhalte nicht auf mehreren Plattformen aktualisiert und angepasst werden. 

Der Absatz von Smartphones und Tablet-Computern ist in den vergangenen Jahren sprunghaft angestiegen, immer mehr User surfen mit mobilen Endgeräten im Internet -  überall und jederzeit. Nicht immer ist der Nutzer dabei aber zwingend „unterwegs“. Jeder Smartphone-Nutzer kennt das Gefühl, wenn im heimischen Wlan-Netz gefragt wird, ob er „zur mobilen Ansicht wechseln“ möchte oder verzweifelt den Link zur „vollen Darstellung“ sucht. Die Art des Geräts lässt heute keine Rückschlüsse mehr auf die Nutzung zu. Der Kontext hat sich verändert und dem müssen der Aufbau und die Gestaltung zeitgemäßer Webseiten Rechnung tragen. Frei nach Brad Frost, Designer und anerkannter Experte zum Thema responsive Webdesign: Ihre Inhalte sollten darauf vorbereitet sein, überall und jederzeit abgerufen werden zu können, denn genau das wird passieren.

Daher ist es immer wichtiger, dass Websites auf verschiedenen Ausgabegeräten reibungslos funktionieren. 

Doch wie funktioniert Responsive Webdesign?

Das anpassungsfähige Webdesign basiert auf HTML5 und CSS3. Mittels der sogenannten „Media Queries“ werden die Eigenschaften und Fähigkeiten der Geräte abgefragt und das Layout reagiert darauf. Bilder skalieren sich entsprechend, die Schriftgrößen passen sich dem Gerät an und vermeintlich unwichtigere Elemente weichen je nach Priorisierung der Inhalte. Das Layout erkennt auch, ob ein Gerät im Hoch- oder Querformat gehalten wird. Ein zweispaltiger Text fließt beispielsweise bei einer Drehung ins Hochformat in eine Spalte und bleibt damit auf einem kleinen Display besser lesbar.

Damit diese Automatismen einwandfrei funktionieren, werden alle Inhalte der Webseite zunächst in Workshops mit dem Kunden nach Prioritäten genau sortiert. Es werden daraufhin Bereiche definiert, die auf kleineren Displays ausgeblendet oder weiter nach unten geordnet werden können. Durch diese Strukturierung und konzeptuelle Herangehensweise wird es möglich, dass sich Inhalte dynamisch auf die jeweils verfügbare Breite und Höhe anpassen, um eine optimale Lesbarkeit zu garantieren.

Unternehmen, die ihre Internetseite für verschiedene Ausgabegeräte anpassen möchten, finden im anpassungsfähigen Webdesign die Lösung: Responsive Webseiten werden auf allen Ausgabegeräten optimal dargestellt und das stellt nicht nur im Business-to-Consumer-Bereich einen Wettbewerbsvorteil gegenüber den Mitbewerbern mit herkömmlichen Websites dar.