Responsive Web Design ist in aller Munde, denn immer mehr Menschen nutzen mobile Endgeräte zum Surfen im Internet. Das erfordert einige Anpassungen an unser modernes Web Design, welches nun mobiltauglich sprich mobil optimiert sein sollte. Der Artikel gibt Einblick in die Geschichte des Responsive Web Design und beleuchtet, welche konzeptionellen Ansätze dahinter stecken und warum der Wechsel zu Responsive Web Design viele Vorteile hat.
Responsive Web Design oder Warum heutzutage ein Online-Auftritt mobil optimiert sein sollte
Immer mehr Menschen nutzen Geräte wie Tablets und Smartphones um Informationen im Internet abzurufen, ich auch!
Ich habe mich auf die Erstellung von WordPress Webseiten spezialisiert.
Besonders zwischendurch, in den “kleinen Wartezeiten”, im Bus oder in der U-Bahn, immer dann, wenn es langweilig zu werden droht, dann ertappe ich mich dabei zu meinem Phone zu greifen und mich in den Wellen des World Wide Webs zu tummeln.
Aber es geht nicht nur mir so… dank der immer günstiger werdenden Datentarife ist das Surfen überall und an jedem Ort erschwinglich geworden. Also warum nicht die 5 Minuten, bis der Bus endlich kommt, dazu nutzen, noch schnell einen Tisch in meinem Lieblingsrestaurant zu reservieren, meine Mails zu checken oder den Weg zum Treffpunkt auf Google Map nachzuschlagen. Fantastisch! Ich liebe diese digitale Welt!
Doch was hat das mit Responsive Webdesign zu tun?
Viel!
Zum Beispiel ist die Restaurant Webseite meines Lieblingsitalieners nicht responsive, sprich sie ist nur für Desktop Computer optimiert und macht dadurch das Abrufen von Informationen, wie z.B. die Telefon Nr., Adresse oder das Reservierungsformular von unterwegs, auf meinem Mobiltelefon oder Tablet zu einer wahren Torture.
Responsive Web Design – was ist das?
Und genau da setzt responsive Web Design an!
In 2010 wurde das Wort “responsive design” von Ethan Marcotte etablierte, wobei er in seinem Artikel für das Magazin „A List Apart“ Bezug auf “responsive architecture” nimmt, welche Räume und Flächen auf die Präsenz von Menschen reagieren lässt, etwa indem die Temperatur erhöht oder absenkt oder die Lichtverhältnisse verändert werden.
Dieses Konzept läßt sich auch wunderbar auf die unterschiedlichen Nutzungsmodelle des Internets transferieren. Je nachdem wo ich bin, in welche Situation ich mich befinde und vor allem mit welchem Endgerät ich das Internet besuche, benötige ich unterschiedliche Nutzeroberflächen UI (User Interfaces) aber auch Informationen.
Somit handelt es sich um ein konzeptionell-/gestalterisches aber auch technisches Paradigma, welches die Gestaltung von responsive Web Design beeinflusst.
Anhand der Anforderungen des jeweiligen Endgerätes erfolgt der visuelle / graphische Aufbau eines Online-Auftritts. Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie Navigationen, Seitenspalten und Texte, aber auch die Nutzung unterschiedlicher Eingabemethoden mit der Maus (klicken, überfahren) oder Touchscreen (klicken, wischen). Was wiederum einen starken Einfluss auf die technische Realisierung hat, die sich dynamisch an die jeweiligen Anforderungen anpassen muss.
So verwenden wir für die Realisierung dieser dynamischen Webseiten Programmiersprachen wie HTML5, CSS3 aber auch Media Queries und JavaScript, doch halt!
Dies soll jetzt keine technische Abhandlung des Thema “responsive Web Design” werden. Was wir hier lediglich sagen wollen ist, dass diese Techniken unterschiedliche Design Layouts in Abhängigkeit von bestimmten Eigenschaften des jeweiligen Ausgabemediums erlauben, wie dieses Bild noch mal zu verdeutlichen sucht.
Doch kommen wir nach all den wichtigen Hintergrund Informationen doch wieder zurück auf die initiale Frage:
5 Gründe,
warum Ihre Homepage bzw. Internetpräsenz responsive sein sollte
- Die Zahl der verkauften mobilen Endgeräte, wie Tablets und Phone, steigt immer mehr
- Die Kosten für mobile Datentarife fallen immer mehr
- Deshalb werden sich die mobilen Zugriffe auf Ihrer Webseite in Zukunft noch erhöhen
- Suchmaschinen honorieren responsive Web Design und positionieren Ihren Online-Auftritt besser
- Ihre Nutzer werden Sie lieben, denn endlich sind die Informationen Ihrer Webseite von überall aus leicht erreichbar!
Doch das Wichtigste:
Responsive Web Design und dessen Vorteile sind noch böhmische Dörfer und Sie suchen jemanden, der die Vorteile für Ihr persönliches Projekte herausarbeitet und umsetzt.
Ich unterstütze Sie gerne!
Tragen Sie Ihren Namen, E-Mail Adresse oder Telefon Nr. ins Kontaktformular ein und ich melde mich umgehend bei Ihnen.
→ Hier finden Sie übrigens meine Angebote im Überblick
Weblinks:
Wirklich lesenswert und in deutscher Sprachen ein Artikel, der über animierte Gifs das Prinzip von Responsive Web Design erklärt.
Hier ein Beispiel zum Thema Breakpoints. Oder anders formuliert, warum der Nutzer eine Lupenfunktion benötigt, um sich herkömmlich programmierte Webseiten anzusehen.
Zum Artikel “Responsive Web Design erklärt mit animierten Gifs”
Einen wunderbaren und wirklich lesenswerten Artikel zu diesem Thema finden Sie in englischer Sprache auf Smashing Magazin. Responsive Web Design – Smashing Magazin
Und noch einen von Smashing Magazin zum Theme Responsive Mobile First WordPress Theme (english).
Responsive WordPress Theme – Smashing Magazin
