Responsive Webdesign

Responsive Webdesign ist neben eigenen Mobile Websites eine der beiden Techniken, um Websites für mobile Endgeräte zu optimieren. Im Gegensatz zu einer separat erstellten zweiten Website, wird beim responsiven Webdesign nur eine Version des HTML-Codes für jede Seite erstellt. Der Code ist dabei so gestaltet, dass sich das Layout auf das Anzeigeformat dynamisch anpasst.

Dabei werden sogenannte „Breakpoints“ definiert, bei denen ab einer gewissen Breite des Bildschirms die Art der Darstellung geändert wird. Typischerweise werden Elemente, die bei größeren Bildschirmbreiten horizontal angeordnet sind, auf kleineren Bildschirmen untereinander dargestellt. Es ist aber auch möglich, einzelne Seitenelemente für verschiedene Darstellungsgrößen vollkommen individuell zu gestalten. Technisch wird diese dynamische Darstellung in der Regel mit Hilfe von CSS Media Queries umgesetzt.

Ein weiterer entscheidender Aspekt des Responsive Webdesign ist das Konzept „Mobile First“. Das bedeutet, dass bei der Gestaltung einer Website zunächst die Version für den kleinsten Bildschirm, also für Smartphones, entworfen wird. Darauf aufbauend werden schrittweise Varianten für größere Bildschirme gestaltet. Hinter diesem Ansatz steckt die Idee, dass es grundsätzlich leichter ist, ein Layout auf eine größere Fläche zu erweitern, als auf eine kleinere zu zwängen.

Auch wenn Responsive Webdesign immer populärer wird, bedeutet das nicht, dass diese Technik automatisch anderen Ansätzen überlegen ist. Es hängt immer vom jeweiligen Einzelfall ab, welche Vorgehensweise die bessere Wahl ist.