Responsive Webdesign

Responsive Webdesign

Responsive Design oder Responsive Webdesign bedeutet „reaktionsfähiges Webdesign“¹, welches Webseiten an unterschiedliche Bildschirmformate (mobile und nichtmobile Geräte) anpasst. Der Webdesiger Ethen Marcotte hat „Responsive Design“, in seinem 2010 auf alistapart.com erschienenen Artikel², erstmals eingeführt. Er ließ sich hierbei von der „responsive architecture“ inspirieren.

Technische Daten:

Es gibt unterschiedliche Ansätze: „Mobile First“, „Adaptive Layouts“ und „Fluid Layouts“. Technisch gibt es zwei verschiedene Lösungen:

• die CSS-Lösung, ein flexibles Raster, welches durch Media-Queries und Breakingpoints ergänzt wird
• und die JavaScript Lösung, die vorwiegend das DOM selbst manipuliert³.

Pro und Contra:

• Für das Responsive Webdesign spricht, dass für alle Displaygrößen eine passende Darstellung gewährleistet wird, das bedeutet man braucht nicht für jedes Endgerät eine neue eigenständige Version, bzw. keine APPs. Diese so eingesparten Ressourcen übertreffen den Mehraufwand, der für das Responsive Design betrieben werden muss. Reduktion auf das Wesentliche ist benutzer- und SEO-freundlicher. Nutzer sehen die Webseite immer im selben Aufbau, dies ist gut für die Bedienerfreundlichkeit⁴.

• Gegen das Responsive Webdesign spricht, dass auf kleineren Geräten viel gescrollt werden muss, da der Text hier auf geringeren Raum Platz finden muss. Die Navigation verliert immer mehr Usabilität, je kleiner der zur Verfügung stehende Raum ist⁵. Das Anzeigenschalten, bzw. Werben wird auf Webseiten, die für das Responsive Design optimiert wurden, erschwert, da sie dann kaum sichtbar sind und von ihrer Zielgruppe nicht mehr wahrgenommen werden. Dies führt bei etlichen Seitenbetreiber zu finanzielle Schwierigkeiten.

Einzelnachweise

• ¹ vgl. Zillgens, 2012, S. 7.
• ² http://alistapart.com/article/responsive-web-design Datum Zugriff: 24.01.2014
• ³ http://t3n.de/news/responsive-webdesign-teil-1-499331/ Datum Zugriff: 24.01.2014
• ⁴ vgl. Eugster, 2013, S. 125.
• ⁵ http://www.mobile-zeitgeist.com/2013/08/07/warum-responsive-webdesign-schrott-ist/ Datum Zugriff: 24.01.2014

Literatur

• Zillgens, Christophe: Responsive Webdesign, Carl Hanser Verlag GmbH & Co. KG, München 2012.
• Eugster, Jörg: Internet- und Online-Marketing-Strategie, wifimaku, 2013.