Responsive Adaptive Design

Was ist „Responsive Webdesign“ bzw. „Adaptive Webdesign“?

Unter Responsive/Adaptive Webdesign versteht man ein Design und eine Programmierung von Websites, die auf die Eigenschaften des jeweiligen Endgerätes reagiert. Dies betrifft insbesondere die Anordnung von Elementen, wie Navigation, Seitenspalten und Texten sowie die Nutzung von Eingabemethoden wie Maus (klicken, überfahren) oder Touchscreen (wischen, antippen).

Responsive Webdesign orientiert sich dabei prozentual. Z. B. legt es fest, dass immer der gesamte Bildschirmbereich ausgenutzt wird und die Navigation dabei 33% der Breite des Bildschirms einnimmt, während dem Inhaltsbereich die restlichen 67% zugeordnet werden. Das heißt, egal welche Auflösung einem Display eines Gerätes zur Verfügung steht, die Darstellung passt sich an.

Ab einer gewissen Größe (z. B. bei Smartphone-Darstellungen) macht diese prozentuale Einteilung keinen Sinn mehr. Hier kommt das adaptive Webdesign ins Spiel. Dies sieht z. B. abhängig von der Screengröße eines Endgerätes Anpassungen des Designs vor, die auch bei kleinen Anzeigegeräten (z. B. Smartphones, Wearable, etc.) eine sinnvolle Bedienung und Lesbarkeit ermöglichen.

Dazu gehören z. B. veränderte Navigationsdarstellungen über eine Schaltfläche zum Einblenden der Navigation, eine Anordnung der Inhaltselemente und/oder der Navigationselemente untereinander.

Da die Nutzung mobiler Geräte mehr und mehr zunimmt, sollten moderne Websites dem Rechnung tragen, indem sie im „Responsive/Adaptive Webdesign“ gestaltet und programmiert werden. Nebenbei erhöht sich damit auch das Ranking in den Suchmaschinen.

 

Möchten Sie mehr erfahren?

Dann schreiben Sie uns gleich eine Mail oder rufen Sie uns an.
Wir beraten Sie gern!