Responsive Webdesign

Responsive Webdesign bedeutet übersetzt so viel wie anpassungsfähiges Webdesign. Es handelt sich dabei um die Gestaltung und Umsetzung von Internetseiten für verschiedene Displaygrößen.

Das Internet ist mobil geworden.

Webseiten werden nicht mehr nur auf Computermonitoren im Querformat angezeigt, sondern immer häufiger auch auf unterschiedlichsten mobilen Geräten wie Smartphones oder Tablet-PC im Hoch- und Querformat.
Als diese Entwicklung begann wurden spezielle Seiten programmiert, auf die die mobilen Geräte umgeleitet wurden. Der große Nachteil dabei ist jedoch, dass Inhalte für mehrere Bildschirmgrößen erstellt und gepflegt werden müssen. Zudem bewerten Suchmaschinen doppelten Inhalt oft negativ.

Damit der potenzielle Kunde die Inhalte auf allen Bildschirmgrößen und -ausrichtungen optimal dargestellt bekommt, wurde das responsive Webdesign entwickelt. Die Inhalte werden nicht mehr pixelgenau platziert. Stattdessen werden Inhaltselemente erzeugt, die sich an definierten „Bruchstellen“ automatisch und dynamisch der verfügbaren Bildschirmbreite anpassen. Die Konsequenz: Die Webseite sieht auf unterschiedlichen Geräten unterschiedlich aus. Das ist jedoch nicht weiter schlimm, da der Benutzer dies nur bemerkt, wenn er die Fensterbreite ändert, was im Alltag selten vorkommt.
Wenn man zum Beispiel ein Smartphone oder Tablet-PC von der Vertikalen in die Horizontale dreht, wird an den „Bruchstellen“ das Design sofort angepasst. Inhalte, die vorher untereinander standen, stehen dann nebeneinander, da es in der Breite mehr Platz gibt.

Fingerakrobatik – weitere Vorteile von responsive Webdesign:

• Man braucht nur vertikal zu scrollen – nicht zusätzlich horizontal.
• Es ist seltener erforderlich, dass man Seiten vergrößern oder verkleinern muss.
• Weiterführende Links in der Navigation und in Inhalten sind mit dem Finger einfacher zu treffen, da die Elemente und Schriften angepasst sind.

Der Aufwand bei der Gestaltung solcher Webseiten ist höher als bei einem „normalen“ Internetauftritt, da verschiedene Designs erstellt, programmiert und auf verschiedenen Geräten ausgiebig getestet werden müssen. Dafür werden die Inhalte jedoch immer benutzerfreundlich dargestellt und die Inhalte sind weniger pflegeintensiv. Vorteile, die sich rechnen!

UPDATE: Laut einem Bericht von golem.de bewertet Google zukünftig anpassungsfähige Internetseiten besser, um dem Suchenden eine optimale Lesbarkeit zu bieten.