Responsive Design
Auch: Responsives Webdesign, Adaptive Design, Mobiloptimierung
Kurz erklärt
Responsive Design ist eine Gestaltungsweise, bei der sich eine Website automatisch an Bildschirmgröße und Gerät anpasst, vom Smartphone über das Tablet bis zum großen Monitor. Inhalte bleiben auf allen Geräten gut lesbar und bedienbar.
Was bedeutet Responsive Design?
Technisch basiert Responsive Design auf flexiblen Rastern, skalierbaren Bildern und sogenannten Media Queries in CSS, die ab bestimmten Bildschirmbreiten das Layout anpassen. Spalten stapeln sich auf kleinen Bildschirmen untereinander, Navigationen werden zu Menüs, Schriftgrößen und Abstände passen sich an. Heute ist Responsive Design Standard. Die Qualität zeigt sich im Detail: Sind Tabellen mobil nutzbar, Buttons groß genug, Bilder in passender Größe geladen?
Warum ist das im B2B wichtig?
Google bewertet Websites vorrangig in der mobilen Version. Zudem erwarten Nutzer, dass eine Seite auf jedem Gerät funktioniert. Technische Datentabellen, Konfiguratoren und Formulare sind im B2B typische Stolpersteine, die besondere Aufmerksamkeit verdienen.
Beispiel aus der Praxis
Ein Hersteller zeigt Produktdaten in großen Tabellen, die auf dem Smartphone nur seitlich scrollbar sind. Im neuen Design werden sie mobil als aufklappbare Karten dargestellt. Die Verweildauer auf Produktseiten steigt deutlich.
Häufige Fragen zu Responsive Design
Was ist der Unterschied zwischen Responsive Design und Mobile First?
Responsive Design beschreibt die Technik der Anpassung. Mobile First beschreibt die Herangehensweise, mit der mobilen Version zu beginnen.
Ist jedes WordPress-Theme responsive?
Die meisten modernen Themes ja. Trotzdem sollte jede Seite auf echten Geräten geprüft werden, besonders bei Page Buildern und individuellen Elementen.