Responsive Design/ Gestaltung reaktionsfähiger Websites

Bis vor einigen Jahren orientierte sich die Gestaltung von Websites stark an der Gestaltung von Printmedien. Das angestrebte Ideal war oftmals eine pixelgenaue, einheitliche Darstellung auf unterschiedlichen Betriebssystemen und Browsern. Webdesigner waren oft erfinderisch, um mit speziellen Hacks selbst ältere, fehlerhaft anzeigende Browser wie beispielsweise den IE6 zur pixelgenauen Darstellung zu „zwingen“. Da zudem Websites in der Regel fast ausschließlich über Desktoprechner betrachtet wurden, wurde fast immer eine statische, feste Breite bei der Gestaltung von Websites zu Grunde gelegt.

Durch die Vielzahl von auf dem Markt befindlichen Geräten mit unterschiedlichsten Bildschirmauflösungen gibt es aktuell nicht mehr das klassische Ausgabegerät für Websites. Zudem hat der klassische Desktop-Rechner bei der Internetnutzung an Bedeutung verloren und die überwiegende Mehrzahl der Anwender greift inzwischen mit Smartphones oder Tablets auf das Internet zu.

Dieser Tatsache trägt das Responsive Design Rechnung – das Design, die Navigation sowie der Inhalt passen sich flexibel dem jeweiligen Ausgabegerät an und werden so immer optimal dargestellt. Dieser Ansatz wurde erstmals von Ethan Marcotte im Mai 2010 vorgestellt. Inzwischen hat die Idee breiten Zuspruch gefunden und selbst Google empfiehlt die Erstellung neuer Websites im Responsive Design (und belohnt die Eigenschaft ‚mobile-friendly’ seit Anfang 2015 mit einem besseren Ranking bei den Suchergebnissen).

Hier eine stichwortartige Auflistung der Vorteile, die der Responsive Ansatz meiner Meinung nach bietet

> Berücksichtigung aller Displaygrößen und Geräte. Die Darstellung der Website passt sich flexibel dem jeweiligen Ausgabegerät an.

> Benutzerfreundlichkeit (Usability) für alle Geräte. Damit einhergehend eine höhere, durchschnittliche Verweildauer der Nutzer auf der Website.

> Durch die verbesserte Usability erfährt die Website einen Zugewinn an mobilen Besuchern.

> Deutlich geringerer Pflegeaufwand der Website. Die Website benötigt nur ein Template für alle Geräte. Dies stellt gerade bei Verwendung eines CMS einen großen Vorteil dar, da im Gegensatz zur zusätzlichen mobilen Version nur eine Website gepflegt werden muss. Zudem muss auch nur diese eine Website für die Suchmaschinen optimiert werden.

> Geringes Datenaufkommen für mobile Geräte (in Kombination mit dem ‚Mobile-first-Ansatz’).

Natürlich gilt auch hier: kein Licht ohne Schatten. Als Nachteile des Responsive Designs sind zu nennen

> Langsamere Ladezeiten aufgrund vieler zu ladender Dateien.

> Nur modernere Browser können die Website anzeigen. Ältere Browser wie der Internet Explorer 6 oder IE 7 können die Websites nicht anzeigen: Besucher, die alte Browser nutzen, sind vom Besuch der Website somit ausgeschlossen.

Und falls Sie es noch nicht festgestellt haben: Auch diese Website ist responsive!


Blog-Einträge

Werbematerialien für sozialwissenschaftliches Forschungsinstitut

Werbematerialien für sozialwissenschaftliches Forschungsinstitut

Für das Institut für Kinder- und Jugendhilfe (IKJ) aus Mainz entwickelt H2S DESIGN in Zusammenarbeit mit der Wiesbadener Illustratorin Sylvia Wolf Werbematerialien für eine Motivreihe.

weiter lesen

Ausstellungstipp: Jil Sander in Frankfurt

Ausstellungstipp: Jil Sander in Frankfurt

H2S DESIGN empfiehlt die Jil Sander Austellung 'Präsens' im Museum angewandte Kunst in Frankfurt am Main. Noch bis zum 6. Mai wird eine facettenreiche Präsentation ihrer Arbeiten der letzten Jahrzehnte gezeigt.

weiter lesen

Website für Unternehmensberaterin aus Hessen

Website für Unternehmensberaterin aus Hessen

Klarheit, einfache Strukturen und die Verwendung des bestehenden Corporate Designs waren die Anforderungen an diese Website. Bildmotive von F. Christiansen.

weiter lesen

Gestaltung von Informationstafeln für Museum

Gestaltung von Informationstafeln für Museum

H2S DESIGN wurde mit der Entwicklung und Gestaltung der Infotafeln für die Ausstellung 'Im Dienste des Hofes' im Gotischen Haus Bad Homburg beauftragt und hat damit den informativen Rahmen zu den präsentierten Gemälden entworfen.

weiter lesen

Responsive Webdesign mit CMS

Responsive Webdesign mit CMS

Neue Websites für Graf Training und Graf Mediation: Unsere langjährige Kundin Brigitte Graf, die bisher in den Bereichen Kommunikation, Präsentation, Selbstmanagement und Persönlichkeits-Entwicklung aktiv ist, erweitert ihre Qualifikation um ein weiteres Feld...

weiter lesen

Weitere Blogeinträge

Blogbeiträge 1 - 5 von insgesamt 38 Beiträgen werden angezeigt

Werbeagentur aus Oppenheim, Nierstein, Rhein-Selz, Rheinhessen

© H2S DESIGN . 09.2018 . Impressum & Datenschutzerklärung