Responsives Design
Eine Seite so gestalten, dass sich ihr Layout automatisch an verschiedene Bildschirmgrößen wie Telefon, Tablet und Computer anpasst.
- 01
Warum es wichtig ist
Auf vielen Seiten kommen die meisten Besucher über ihre Telefone, und Google bewertet Seiten vor allem anhand ihrer mobilen Version. Kleine Schrift, überlaufende Tabellen und Knöpfe, die auf dem Telefon zu klein zum Antippen sind, führen zu Umsatzeinbußen und beeinträchtigen die Barrierefreiheit.
- 02
Beispiel
Auf der Website einer Klinik hat das Buchungsformular auf dem Desktop zwei Spalten; auf dem Telefon wird es zu einer Spalte, die Knöpfe werden größer und die Telefonnummer lässt sich mit einem einzigen Antippen anrufen.
- 03
Häufiger Fehler
Das Design nur auf dem Desktop freizugeben und die mobile Ansicht auf den letzten Moment zu verschieben. Wenn die mobile Ansicht nachträglich hineingepresst wird, werden Inhalt und Knöpfe schwer zu bedienen.
- 04
Verwandte Begriffe
- UX · Nutzererlebnis
- Core Web Vitals · Page-Experience-Metriken von Google
- WCAG · Richtlinien für die Barrierefreiheit von Webinhalten
Passende Leistungen und Ratgeber
Über Ihr Projekt sprechen.
Erzählen Sie uns Ihren Bedarf; den Umfang klären wir gemeinsam.