Responsive Webdesign
Flexible Website für alle Endgeräte
Bei Responsive Webdesign (RWD) handelt es sich um die Fähigkeit einer Website, auf Größe und Funktionen unterschiedlicher Bildschirme reagieren zu können. Durch ein flüssiges Gestaltungsraster im Hintergrund passt sich das Layout der Webseiten optimal an die Bildschirmauflösung der jeweiligen Endgeräte (Desktop, Tablet oder Smartphone) an. Diese Technik bietet eine gleichbleibende Benutzerfreundlichkeit für den Besucher. Die Stufen, in denen sich das Layout anpassen soll, werden Breakpoints genannt.
Desktop First
Bei diesem Ansatz wird von einem großen, sichtbaren Bereich (Viewport) der Website ausgegangen und bei Bedarf Anpassungen für kleinere Geräte vorgenommen.
Mobile First
Kleine Viewports werden zum Standard erklärt. Bedürfnisse der mobilen Nutzer in den Vordergrund gestellt. Layoutanpassungen werden mit wachsenden Bildschirmgrößen vorgenommen.
Vorteile von anpassungsfähigen Webseiten
- Senkung der Betriebskosten (es ist nur noch ein Webauftritt zu pflegen)
- ein responsives Layout wird von Google empfohlen
- Neue Geräte werden in Zukunft automatisch unterstützt
- hoher Wiedererkennungswert der Website auf jedem Endgerät
- gleichbleibende URL-Struktur/Inhalte
