Eine responsive Website ist eine Webseite, die sich den Gegebenheiten des Users anpasst. Sie reagiert auf äußere Einflüsse, die durch die technischen Voraussetzungen des Users entstehen.
In der Regel bezieht man diesen Begriff auf Webseiten, die sich in ihrer Darstellung auf das mobile Endgerät des Users anpassen. Somit verändert sich beispielsweise das Design der Webseite je nachdem, ob man die Seite vom Computer aus besucht oder mit einem Smartphone. Man möchte den Besuchern einer Webseite durch responsives Design ein möglichst angenehmes und positives Erlebnis ermöglichen.
Rein theoretisch ist es möglich, dass eine Webseite in bis zu 200 verschiedenen Auflösungen exissatiert. So ist sie wirklich für alle Eventualitäten gerüstet. In der Realität erstellen die meisten Unternehmen aber nur eine Handvoll von Variationen: Eine für den klassischen Browser am Computer, eine Version für den Besuch vom Tablet aus und eine Version für Smartphones. Damit hat man die grundlegenden Variationen abgedeckt.
Um ein responsives Design zu erhalten, wird die Breite der Webseite in Prozentwerten definiert. Je nach Größe des vorhandenen Bildschirmes, verändert sich dann die Breite der angezeigten Inhalte. Texte und Bilder werden je nach Platzangebot verschoben. Natürlich nicht willkürlich. Man kann die Reihenfolge von Text und Bildern leicht durch sogenannte Breakpoints beeinflussen.
Die erste Entwicklung einer responsiven Website und ihr Aufbau ist definitiv teurer. Allerdings entstehen nachher in der Pflege der Webseite keine zusätzlichen Kosten. Ist die Seite einmal aufgebaut, werden weitere Inhalte immer direkt mit ins Raster aufgenommen und sozusagen „responsive“ gemacht.
Eine responsive Website profitiert auch davon, dass die URL der Seite immer identisch ist, egal von welchem Gerät man die Seite aufruft. So schafft man Klarheit und Wiedererkennungswert bei Usern.
Viele Menschen suchen neue Produkte oder neue Dienstleister online. Die Webseite ist deshalb für die meisten Unternehmen ihr Aushängeschild. Der erste Eindruck zählt. Gerade ältere Webseiten sind vielfach nicht responsive und machen es Besuchern so unnötig schwer. Der Besuch von einem Smartphone aus, führt zu anderen Anforderungen an die Webseite, besonders in Bezug auf die Navigation. Mit einem responsiven Design ermöglicht man den Besuchern eine einfache Handhabung der Seite, abgestimmt auf ihr Endgerät.
Wer schon einmal eine Webseite vom Smartphone aus besucht hat, die nicht im responsiven Design war, der weiß, wie unpraktisch dies ist. Die Benutzung ist deutlich aufwändiger und weniger intuitiv. Wer seinen Besuchern also ein möglichst reibungsloses und positives Erlebnis ermöglichen möchte, sollte den Anfangsaufwand und die höheren Kosten in Kauf nehmen.
