Websites verständlich nutzbar machen / Begriff
Responsives Webdesign
Auch gebräuchlich: Responsive Design
Abkürzung: RWD
Was macht ein Webdesign responsiv?
Responsives Webdesign passt Layout, Medien und Bedienwege an unterschiedliche Ansichtsgrößen und Nutzungssituationen an.
Ein klarer Weg durch diese Aufgabe
- Responsives Webdesign einordnen
- Grenzen und Verwechslungen prüfen
- Passende nächste Arbeit bestimmen
Relevanz
Warum ist Responsives Webdesign wichtig?
Ein Desktop-Raster nur zu verkleinern reicht auf schmalen Geräten nicht. Lesbarkeit, Reihenfolge, Touch-Ziele und Textvergrößerung müssen weiterhin funktionieren.
Konkretes Beispiel
So zeigt sich der Begriff in der Praxis.
Eine zweispaltige Begriffsübersicht wird auf dem Smartphone einspaltig; A–Z-Ziele bleiben groß genug und Definitionen werden nicht abgeschnitten.
Abgrenzung
Was damit nicht gemeint ist.
Responsive bedeutet nicht automatisch barrierefrei oder schnell. Diese Qualitäten müssen getrennt geprüft werden.
Genauer erklärt
Viewport · verfügbare Darstellungsfläche
Der Viewport ist die Fläche, in der der Browser eine Seite darstellt. Der passende viewport-Meta-Tag hilft mobilen Browsern, Layoutbreite und Gerätegröße sinnvoll aufeinander zu beziehen. Er ist keine Aufforderung, Zoom oder Textvergrößerung zu sperren.
Häufiges Missverständnis
Falsch wäre: „Wenn der Screenshot bei 375 Pixeln passt, ist Mobil abgeschlossen.“
Einordnung: Responsive bedeutet nicht automatisch barrierefrei oder schnell. Diese Qualitäten müssen getrennt geprüft werden.
Handlung
Was Sie als Nächstes prüfen können.
Prüfen Sie mindestens schmale und breite Viewports, vergrößerten Text und reale Aufgaben statt nur einen Screenshot.
Quellenstand