Responsive Webdesign

Juni 12, 2012

design, developer

Die Vielzahl von Endgeräten zum Betrachten von Webseiten erfordert aufgrund der unterschiedlichen Displayabmessungen besondere Aufmerksamkeit beim Design. Dazu kann sich das Design dem Gerät anpassen (Responsive Webdesign) oder es werden seperate Designs (multiple Versionen) für bestimmte Gerätegruppen angeboten.

Responsive Webdesign

Eine Methode ist das sogenannte responsive Webdesign. Die Webseite passt sich automotisch der Größe des Displays an, so dass alle Elemente ohne horizontales Scrollen sichtbar bleiben. Sie könnnen das an unserer Webseite ausprobieren: Verkleinern Sie einmal Ihr Browserfenster (sofern Sie an einem Desktopbildschirm sitzen) und verfolgen Sie die Seiten Elemente skaliert werden. Wichtig ist hier ausserdem das Module wie Bildergalerien HTML5 konform sind, so dass sich auch diese der Bildschirmgröße anpassen.
Beispiel Webseiten: mrvast.com, firepro.de, mattlincolnphoto.com

Multiple Versionen

Auch die Bereitstellung von ganzlich verschiedenen Designversionen ist eine weitere Möglichkeit. So kann der Typ des verwendeten Endgerätes via Script oder Servive von Drittanbietern abgefragt werden. Die Anfrage des z.B. verwendeten Mobiltelefons oder Tablets wird dann auf ein eigenständiges Template umgeleitet.