Glossar · Website & Technik

Responsive Design: Eine Website für jeden Bildschirm

Responsive Design ist eine Bauweise für Websites, bei der sich Aufbau, Schrift und Bilder automatisch an die Bildschirmgröße des jeweiligen Geräts anpassen.

Was ist Responsive Design?

Früher bauten manche Betriebe zwei Websites: eine für den Computer und eine abgespeckte fürs Handy. Responsive Design macht das überflüssig. Es gibt eine einzige Seite, die sich selbst umbaut, je nachdem, wie breit der Bildschirm ist.

Auf dem Computer stehen Leistungen vielleicht in drei Spalten nebeneinander. Auf dem Handy rutschen sie untereinander, die Schrift bleibt lesbar, das Menü wird zum Knopf, und die Telefonnummer lässt sich direkt antippen.

Für eine Zahnarztpraxis in Willich heißt das: Wer abends auf dem Sofa nach einem Termin sucht, findet Öffnungszeiten und Nummer sofort, ohne zu zoomen. Und wer am Computer im Büro dieselbe Seite öffnet, sieht sie in voller Breite, mit großen Bildern und allen Informationen auf einen Blick.

Wie wir Seiten bauen, die auf jedem Gerät funktionieren, steht auf unserer Seite zum Webdesign.

Responsive Design ist besonders wichtig für alle, deren Kunden unterwegs oder am Handy nach ihnen suchen.

Häufige Fragen zu Responsive Design

Was bedeutet responsive auf Deutsch?

Responsive heißt so viel wie reagierend oder anpassungsfähig. Eine responsive Website reagiert auf das Gerät, auf dem sie geöffnet wird, und ordnet ihre Inhalte passend an.

Woran erkenne ich, ob meine Website responsive ist?

Öffne sie auf dem Handy. Musst du zoomen oder seitlich wischen, um Text zu lesen, oder liegen Knöpfe so eng, dass du daneben tippst, ist sie es nicht oder nur halb. Am Computer kannst du auch einfach das Browserfenster schmaler ziehen.

Ist Responsive Design heute Pflicht?

Gesetzlich nicht, praktisch ja. Ein großer Teil der Besucher kommt übers Handy, und Google bewertet Websites nach ihrer Handy-Fassung. Eine Seite, die dort schlecht aussieht, verliert Besucher und Platzierungen.

Verwandte Begriffe