Kurz gesagt
Eine responsive Seite verändert Spalten, Abstände, Medien, Navigation und Interaktionsmuster, wenn sich der Viewport verändert. Sie berücksichtigt auch Touch-Ziele, Textgröße, langsame Verbindungen und die Art, wie Menschen ein Smartphone halten.
Gute responsive Arbeit beginnt mit Inhaltspriorität. Die wichtigste Aktion, der wichtigste Beleg oder der entscheidende Entscheidungspunkt darf nicht verschwinden, nur weil der Screen schmal ist.
Wo es wehtut
Responsive Design tut weh, wenn mobiler Traffic hoch ist, die Seite aber nur am Desktop-Monitor geprüft wurde. Menüs verstecken wichtige Seiten, Cards stapeln sich in falscher Reihenfolge, Formulare werden mühsam und Performance-Probleme treffen die kleinsten Geräte zuerst.
Was zu prüfen ist
- Kann die wichtigste Aktion auf einem echten Smartphone erreicht und abgeschlossen werden?
- Erhalten Breakpoints die Inhaltspriorität, statt Blöcke nur zu stapeln?
- Sind Touch-Ziele, Textgröße, Bildgewicht und Layout Shift auf langsameren Geräten geprüft?
Häufige Fragen
Was ist Responsive Design?
Responsive Design passt eine Website an unterschiedliche Screens, Eingaben und Gerätesituationen an, damit dieselbe Nutzeraufgabe bedienbar bleibt.
Geht Responsive Design nur um Mobile?
Nein. Mobile ist der häufigste Druckpunkt, aber Responsive Design betrifft auch Tablets, Laptops, große Displays, Touch-Eingabe, Zoom und unterschiedliche Verbindungsgeschwindigkeiten.
Was sollten Sie bei Responsive Design zuerst prüfen?
Testen Sie die wertvollste Aufgabe auf einem echten Smartphone: Navigation, Lesereihenfolge, Formularabschluss, Touch-Ziele, Ladezeit und ob der Haupt-CTA im richtigen Moment sichtbar bleibt.