Responsive Design

Von Desktop-Monitoren bis hin zu Smartphones: Bildschirmgrößen variieren heutzutage stark. Daher ist es wichtig, dass das Layout von Anwendungen nicht nur für eine bestimmte Bildschirmgröße optimiert wird.

Anwendungen sollten auf jedem Endgerät so benutzerfreundlich wie möglich dargestellt werden. Das betrifft nicht nur die allgemeine Benutzerfreundlichkeit (Usability), sondern auch die barrierefreie Zugänglichkeit (Accessibility). Von besonderer Bedeutung ist dabei die korrekte Darstellung einzelner Elemente wie Navigation, Bilder und Texte sowie die Unterstützung verschiedener Eingabemethoden wie Klicken und Hovern mit der Maus am Desktop oder Tippen und Wischen am Touchscreen.

Anwendungen ohne responsive Design sind, insbesondere im mobilen Gebrauch, oft schwer lesbar und in vielen Fällen gar nicht navigierbar.

Gut zu wissen:

Responsive Design sollte nicht mit Adaptive Design verwechselt werden. Während Responsive Design Layoutelemente fluide an verschiedene Bildschirmgrößen anpasst, optimiert Adaptive Design nur bestimmte Fenstergrößen mit festen Layouts. Jedem Ausgabegerät wird dann ein möglichst passendes Layout über Breakpoints zugeordnet. Daher ist Responsive Design, sofern möglich, immer die bessere Wahl.