Responsive Design
WebdesignEine Bauweise für Websites, bei der sich ein Layout an jeden Bildschirm anpasst – Smartphone, Tablet, Laptop oder großer Monitor –, statt getrennte Versionen zu pflegen.
Responsive Design arbeitet mit flexiblen Rastern, skalierbaren Bildern und Regeln, die Inhalte je nach verfügbarer Breite neu anordnen. Aus drei Spalten am Desktop wird eine auf dem Smartphone, die Navigation klappt in ein Menü, Text bleibt ohne Zoomen lesbar.
Seit Jahren ist das Standard, aus einem einfachen Grund: Deutlich mehr als die Hälfte aller Website-Besuche findet auf Mobilgeräten statt, und Google bewertet zuerst die mobile Version einer Seite. Eine Website, die nur am Desktop funktioniert, ist für Suchmaschinen und die meisten Besucher eine kaputte Website.
Responsiv heißt nicht, die Desktop-Seite zu verkleinern. Gute mobile Layouts setzen Prioritäten: Was braucht jemand unterwegs zuerst? Bei einem lokalen Unternehmen sind das meist Telefonnummer, Öffnungszeiten und Anfahrt – nicht die Firmengeschichte.
Als UX-Experte teste ich auf echten Geräten, nicht nur im Simulator des Browsers. Zu kleine Schaltflächen, Tabellen, die aus dem Bildschirm ragen, und Formulare, die die falsche Tastatur öffnen, zeigen sich erst in der Hand. Für ein Restaurant oder Geschäft in Günzburg entscheiden solche Details, ob aus einem Passanten ein Gast wird.
Was bedeutet Mobile First?
Zuerst das kleinste Layout zu gestalten und es für größere Bildschirme anzureichern. Die Beschränkung erzwingt klare Prioritäten, und das Ergebnis ist meist auf jedem Gerät besser.
Ist eine eigene mobile Website noch sinnvoll?
Fast nie. Zwei Versionen bedeuten doppelte Pflege und häufige Unstimmigkeiten. Eine responsive Website ist günstiger – und das, was Suchmaschinen erwarten.