Responsives Design
Ein Design-Ansatz, bei dem deine Website auf Smartphone, Tablet und Desktop gut aussieht und bedienbar bleibt. Inhalte passen sich automatisch an die Bildschirmbreite an. Texte bleiben lesbar, Buttons klickbar, Bilder sinnvoll skaliert. Responsives Design ist heute Standard und ein wichtiger Faktor für Nutzererlebnis und Sichtbarkeit, da Suchmaschinen mobile Darstellung stark gewichten.
Responsiv heißt, dass sich ein Layout an die Bildschirmbreite anpasst, statt für jedes Gerät eine eigene Fassung zu bauen. Das ist seit Jahren Standard, wird aber oft falsch herum gedacht: Entworfen wird noch immer am großen Bildschirm und danach zusammengestaucht.
Umgekehrt ist es leichter. Wer mit der schmalsten Ansicht anfängt, muss sich von Anfang an entscheiden, was wirklich wichtig ist. Praktisch heißt das: Antastflächen von mindestens 44 mal 44 Pixeln, Schrift ab 16 Pixeln, damit iPhones nicht automatisch hineinzoomen, und Umbruchpunkte dort setzen, wo der Inhalt es verlangt, nicht bei den Maßen bestimmter Geräte.
Zurück zum Glossar