Responsive Webdesign

Immer wieder werden wir nach responsive Webdesign gefragt und was das kostet. Was ist das überhaupt?

responsive WEbdesignVon der Wortbedeutung steckt dahinter ein Webdesign, dass sich den Ausgabegeräten anpasst. Eine Website im responsive Webdesign kann demnach auf dem Fernseher genauso gut betrachtet und bedient werden, wie auf einem großen Desktop, einem kleinen Laptop, einem Tablet, eBook-Reader oder einem Smartphone.

Es gibt verschiedene Wege, dies zu erreichen:

Beschränkung auf Gestaltungselemente, die auf verschiedenen Endgeräten gut funktionieren.
Das hat zum typischen Look von Websiten im responsive Design geführt: große Schaltflächen, die sich auch auf Touchscreens mit den Fingern bedienen lassen, ein flexibler Seitenaufbau, der sichan die Bildschirmdimension anpasst, Reduzierung von graphischen Elementen, um nur ein paar Trends zu nennen.

Auslieferung von gerätetyspezifischen Layouts und Inhalten.
Die Website unterscheidet sich je nach Gerät auf dem sie betrachtet wird. Das betrifft zum einen Bilder, die je größer der Bildschirm desto größer dimensioniert werden, das Seitenformat, Querformat für Laptop, Hochformat für das Smartphone, die Anordnung von Elementen aber auch die Inhalte selbst: Sufer mit einem Smartphone haben ganz andere Erwartungen an eine Website, wie Surfer am Desktop, zum Beispiel was die Textmenge oder die Funktionen angeht.

Jede gute Website sollte also responsive sein, denn damit werden Kriterien der Barrierefreiheit berrücksichtigt. Eine responsive Website kostet deshalb nicht mehr oder weniger.

Am Anfang eines jeden Webprojektes steht die Frage nach der Zielgruppe und deren Erwartungen an die Website. Davon lässt sich ableiten, welcher Weg gegangen wird.

Responsive Webdesign ist für mich hauptsächlich ein Entscheidungsprozess. Es ist viel machbar, aber wo ist der Aufwand auch zielführend und wirtschaftlich?

Links zum Thema responsive Webdesign:

Bildnachweis: © arturaliev | fotolia.com

  • Datum: 23.05.2013
  • Autorin: Dorothea Schäfer
  • Anzahl Kommentare: 1
SocialTwist Tell-a-Friend
© 2008 Webkrebse GmbH