Responsive Design

Responsive Design sorgt dafür, dass eine Website unabhängig vom verwendeten Endgerät gut lesbar und bedienbar bleibt. Statt für jedes Gerät eine eigene Version zu erstellen, passt sich das Layout mithilfe flexibler Rastersysteme, relativer Maßeinheiten und CSS-Regeln (Media Queries) automatisch an die verfügbare Bildschirmbreite an: Menüs klappen auf mobilen Geräten zusammen, Spalten stapeln sich untereinander, Schriftgrößen und Abstände skalieren mit. Häufig wird dabei mit einem Mobile-First-Ansatz gearbeitet, bei dem das Design zunächst für kleine Bildschirme entwickelt und anschließend für größere Ansichten erweitert wird - da ein wachsender Teil der Website-Besuche über Smartphones erfolgt. Responsive Design ist heute Standard: Google bewertet die mobile Nutzbarkeit einer Website als festen Bestandteil des Suchmaschinen-Rankings (Mobile-First-Indexierung), und Besucher erwarten auf jedem Gerät eine funktionierende Darstellung. Baukastensysteme wie Webflow bieten dafür eigene Werkzeuge zur direkten Anpassung pro Breakpoint, während bei WordPress und TYPO3 die Umsetzung stärker vom verwendeten Theme beziehungsweise Template abhängt. Für den Mittelstand ist responsives Design damit Grundvoraussetzung für jede neue Website.