Was ist Responsive Webdesign?
Responsive Webdesign ist ein Ansatz aus dem Bereich der Webgestaltung, die mit zunehmender Anzahl an unterschiedlicher Displaygrößen, insbesondere mobiler Geräte, aufgekommen ist. Übersetzt würde es so viel wie „reaktives“ oder „anpassungsfähiges“ Webdesign bedeuten. Also ein Design, das auf die Displaygröße reagiert und sich dynamisch automatisch anpasst. Die Websitebesucher erhalten dadurch die bestmögliche Ergonomie und Benutzererfahrung unabhängig von dem jeweils genutzten Display.
Warum wird Responsive Webdesign benötigt?
Mit den aufgekommenen mobile Geräten im Bereich Tablets und Smartphones ist auch die Zahl der Displayvariationen in Punkto Größe gestiegen. Konnten Websites früher noch an einigermaßen gleich großen Bildschirmen bei Desktop-PCs ausgerichtet werden ohne die Ergonomie einbüßen zu müssen, so verfielen diese starren Websites auf kleinen Displays ins unleserliche. Was anfangs noch den technischen Möglichkeiten entsprach und von Besuchern hingenommen wurde, ist heute ein echter Absprunggrund. Durch die hohe Zahl mobil funktionierender Websites erwarten Besucher mittlerweile von jedem Anbieter, dass auch diese Website mobil funktioniert. Ist dies nicht der Fall, ist der potenzielle Kunde schnell bei der Konkurrenz.
Der technische Aspekt von Responsive Webdesign
Das Fundament bildet vor allem HTML5 und CSS3. Wegweisend für die Ansprache der dynamischen Displaygrößen sind hierbei die Media Queries, mit deren Hilfe etwa eine technische Weichenstellung in Bezug auf Displaybreiten vorgenommen werden kann. Webdesigner haben die Möglichkeit, anhand definierter Queries auf das jeweilige Displayformat reagieren und eine entsprechend ergonomische Variante ausgeben zu können. Jedem mobilen Websufer wird es bereits aufgefallen sein, wonach mobile Varianten von Websites auf kleinen Geräten dazu übergehen, die Navigation hinter einem „Burgermenü“ zu verstecken, das durch drei waagerechte Striche erreichbar ist.
Vorteile von Responsive Webdesign
Responsive Webdesign ist eine Win-Win-Situation für Betreiber und Besucher gleichermaßen.
UX: Besucher können die Inhalte einer Website unabhängig vom eingesetzten Geräte und der damit verbundenen Displaygröße erfahren und erleben. So kommen die Besucher an die gewünschten und gesuchten Informationen, bleiben länger auf der Website und erhöhen die Verweildauer ohne genervt zurück zur Suchmaschine zu klicken. Suchmaschinen registrieren das!
SEO-Vorteile: Suchmaschinen registrieren nicht nur das Besucherverhalten in Form von Absprungraten, sondern erkennen mittlerweile gezielt responsive Websites. Um Nutzern das zu bieten, nach was sie suchen auch in der Form, wie sie suchen, sind Suchmaschinen bestrebt, mobilen Nutzern auch mobil funktionierende Websites als Suchtreffer anzugeben.
Zukunftsorientiert: Die Zahl mobiler Geräte hat in den vergangenen Jahren stetig zugenommen. Aber nicht nur kleine Displays stehen im Fokus. Mit responsive Webdesign lassen sich alle Displaygrößen bedienen etwa auch große Screens an der Wohnzimmerwand. Entsprechend ist davon auszugehen, dass die Displaydiversität in den kommenden Jahren weiterhin eine große Rolle spielt und weiter zunehmen wird.
Neue Herausforderungen beim Webdesign
In der Anwendung bietet Responsive Webdesign große Vorteile. Doch der Weg dahin ist eine große Herausforderung. Der Designprozess erfordert mehr als zuvor eine detailliertere Planung, mehr Tests und eine gewisse Flexibilität in Hinsicht auf den Content. Wichtige Inhalte dürfen auf kleinen Displays nicht verloren gehen und müssen als solche wahrnehmbar bleiben. Auch die Bedienbarkeit muss auf kleinen Bildschirmen intuitiv leicht möglich sein. Zudem sind Tests auf den unterschiedlichen Geräten mit unterschiedlichen Bowsern und Betriebssystemen notwendig. Denn auch wenn es sich bei HTML5 und CSS3 um Standards handelt, ist das Webdesign nicht frei von unterschiedlichen Interpretationen einzelner Hard- und Softwarekombinationen.
