So funktioniert es
Responsives Design passt ein Layout an verfügbaren Platz und Eingabebedingungen an. Flexible Breiten, Medien und gezielte Umbruchpunkte wirken zusammen. Dazu gehören lesbare Texte, nutzbare Bedienelemente und eine sinnvolle Inhaltsreihenfolge. Ein verkleinertes Desktopbild ist keine responsive Oberfläche.
Ein realistisches Beispiel
Ein zweispaltiger Begriffs-Hero kann auf dem Handy einspaltig werden, mit der Definition vor der Illustration. Eine breite Vergleichstabelle kann einen beschrifteten Scrollbereich verwenden, statt Zellen unlesbar zusammenzudrücken. Die Informationen bleiben vorhanden; nur ihre Darstellung ändert sich.
Was Sie prüfen können
Testen Sie schmale Breiten, große Schrift, Querformat und Tastaturnavigation. Achten Sie auf horizontales Überlaufen, abgeschnittene Elemente und übergroße Leerflächen. Prüfen Sie Bildmaße und Quellenauswahl, damit passende Dateien ohne Verlust der beabsichtigten Qualität oder Proportion geladen werden.
Grenzen und nächste Schritte
Umbruchpunkte folgen dem Bedarf des Inhalts und keiner festen Liste von Handymodellen. Entfernen Sie keine wichtigen Erklärungen oder Aktionen auf mobilen Geräten. Testen Sie Touch und Maus: Ein passendes Layout kann trotzdem unbrauchbare Klickflächen haben.