Zum Hauptinhalt springen

Responsive Design

Illustration zum Thema Responsive Design

Kurz erklärt

Responsive Design heisst, dass sich dieselbe Website an jede Bildschirmbreite anpasst: Spalten rücken untereinander, Bilder skalieren, das Menü klappt zusammen. Es gibt nur eine Fassung der Seite und nur eine Adresse — die Anpassung passiert im Browser. Das ist heute der Normalfall, nicht die Sonderleistung.

Anpassen ist nicht dasselbe wie bedienbar

Eine Seite kann technisch einwandfrei umbrechen und auf dem Handy trotzdem unbrauchbar sein: eine Tabelle mit acht Spalten, ein Formularfeld neben dem Rand, eine Schaltfläche zu klein für einen Daumen.

Der Prüfpunkt ist die Aufgabe, nicht die Darstellung. Kann jemand auf dem Handy in einer Hand, im Zug, eine Anfrage abschicken? Wenn nicht, ist die Seite responsiv und trotzdem gescheitert.

Der häufigste Irrtum

Die Reihenfolge. Wer am grossen Bildschirm entwirft und danach «fürs Handy anpasst», trifft alle Entscheidungen unter Bedingungen, die für die meisten Besucher nicht gelten — und muss auf dem kleinen Bildschirm weglassen statt gewichten.

Umgekehrt zwingt der Entwurf von der schmalsten Breite her zur Frage, was wirklich zuerst kommt. Was dort trägt, trägt am grossen Bildschirm auch; umgekehrt gilt es nicht.

Warum das für die Sichtbarkeit zählt

Google bewertet Seiten anhand der mobilen Fassung. Was auf dem Handy nicht ausgeliefert wird, ist damit für die Bewertung nicht vorhanden — ein Inhalt, den ein Layout auf schmalen Bildschirmen ausblendet, fehlt in der Beurteilung.

Dazu kommt die Ladezeit: Ein Bild in voller Auflösung an ein Mobilgerät zu schicken, kostet Sekunden, die messbar Besucher kosten. Die Gestaltung entscheidet hier über eine Zahl, die sonst der Technik zugeschrieben wird.

Wie wir damit umgehen

Wir entwerfen von der schmalsten Breite aus und prüfen jede Seite auf einem echten Gerät, nicht nur im verkleinerten Fenster — die beiden verhalten sich unterschiedlich. Zusammenhang: ALPENIQ Studio und Website erstellen lassen.

Der Test, der am meisten zeigt: Nimm dein eigenes Handy und versuch, über deine Seite eine Anfrage zu stellen. Ohne Hilfe.

Verwandte Begriffe

Wo das bei uns hingehört

Zuletzt geprüft: 2026-08-31

Ein Begriff im Angebot, den niemand erklärt hat?

Im Strategiegespräch übersetzen wir das Angebot, das dir vorliegt — auch wenn es nicht von uns stammt.

Zum Glossar