Responsive Webdesign

Eine Webseite die für alle Endgeräte Ihrer Benutzer passt

Nicht nur die technischen Möglichkeiten im Internet entwickeln sich rasant, sondern auch die Geräte mit welchen die Internetuser Ihre Webseite ansehen erfahren eine Revolution. Die Entwicklung der Smartphones, Tablets, Netbooks oder Smart-TVs, hat aber gerade erst begonnen und die mobile Internetnutzung liegt derzeit in Deutschland bereits über 30% und wird in den kommenden Jahren sehr schnell weiter steigen.

Darstellung von mabloo.de, einer Responsive Website, auf aktuellen Wiedergabegeräten.

Beispiel: Darstellung von mabloo.de, einer Responsive Website, auf aktuellen Wiedergabegeräten. Um die Technik im Einsatz zu erleben, können Sie auch einfach die Browsergröße beim Betrachten unserer Website verändern.

Die neuen Geräte fordern ein Umdenken: Webseiten, die bisher auf großen Monitoren/Desktops übersichtlich und perfekt gestylt dargestellt werden, haben bei den kleinen Bildschirmen massive Problem. Die Besucher müssen quer Scrollen um Bilder komplett sehen zu können, Zoomen um Texte oder Buttons lesen zu können und manche Menüpunkte sind zum Teil schwer oder gar nicht zugänglich.
Die Folge: die Besucher werden diese Seite sehr schnell entnervt verlassen.

Die Lösung: Responsive Webdesign. Was 2011 in dieser Form noch gar nicht möglich gewesen wäre ist durch die Weiterentwicklung der Webtechnologien heute schon ein Muss. Webseiten können nun für die Vielzahl an Display-Auflösungen und Größen in Breite und Benutzerführung flexibel angepasst werden. Dabei wird nicht nur die Schriftgröße der Seite vergrößert oder verkleinert, sondern die einzelnen Blöcke der Seite wie z.B. rechte und linke Spalte oder Header und auch Bilder werden skaliert und zum Teil völlig neu angeordnet.

Flexibles Spalten-Layout

Flexibles Spalten-Layout - die Webseite passt sich automatisch an Größe und Auflösung des Endgerätes an

Testen Sie die Anzeige Ihrer Webseite doch selbst:
http://mattkersley.com/responsive/ (flexibles Spalten-Layout testen - nur Bildschirmbreite wird berücksichtigt)
http://www.mobilephoneemulator.com/ (realistische Anzeige auf dem Smartphone testen - alle Mobile-Devices werden berücksichtigt)

Fazit: Responsive Webdesign ist definitiv ein Trend der zukunftsweisend ist. Vor allem wenn Sie ihre Seite allen mobilen Plattformen und somit „allen“ Usern zugänglich machen wollen.
 

Auch wenn Sie Ihre Webseite erst vor kurzem gelaunched haben, jedoch ohne Responsive Design, sollten Sie darüber nachdenken trotz zusätzlicher Kosten entsprechend nach zurüsten. Potentielle Kunden durch eine mangelhaft umgesetzte Webseite zu verlieren kommt Sie wesentlich teurer.