Responsive Webdesign: Responsive Webdesign passt Darstellung und Anordnung einer Website an verschiedene Bildschirmgrößen an. Inhalte bleiben nutzbar, ohne für jedes Gerät eine vollständig getrennte Seite zu benötigen. Flexible Layouts und passende Darstellungspunkte arbeiten dabei zusammen.
Beispiel aus der Praxis
Ein mehrspaltiges Anfrageformular wird auf einem schmalen Handy einspaltig angezeigt. Felder, Beschriftungen und Buttons bleiben erreichbar. Das Team prüft auch breite Texte und Fehlermeldungen, statt nur ein leeres Formular zu betrachten.
Worauf es bei Responsive Webdesign ankommt
- Mehrere Breiten und Ausrichtungen testen.
- Lange Inhalte und gefüllte Felder berücksichtigen.
Abgrenzung und typische Fehler
Eine verkleinerte Desktopseite ist nicht automatisch gut bedienbar. Kleine Schaltflächen, seitliches Scrollen oder abgeschnittene Texte können auch in einem flexiblen Layout Probleme verursachen.
Häufige Frage
Geht Responsive Webdesign nur um Handys?
Nein. Auch Tablets, große Bildschirme, Fenstergrößen und vergrößerte Textdarstellung beeinflussen die nutzbare Fläche.
Verwandte Begriffe
Weiterführende Fachquelle: MDN: Responsive Design