Was ist responsive Webdesign

Im Zeitalter von Smartphones und Tablet-PCs wird responsive Webdesign immer wichtiger. Bezeichnet man eine Homepage als responsive (engl. reagierend), so meint der Begriff die angepasste Umsetzung der Seite auf dem jeweiligen Endgerät.

Wie funktioniert responsive Webdesign?

Eine responsive Webseite ist so programmiert, dass sich ihre Ansicht im Browser auf verschiedenen Endgeräten unterschiedlich, d.h. angepasst präsentiert. Als Endgeräte, die dies betrifft, gelten Desktop-Computer, Laptops bzw. Notebooks, Tablet-PCs sowie Smartphones.

Die Webseite reagiert dabei auf die Anforderungen, die ein solches Endgerät mitbringt. Je nach Bildschirmgröße und Auflösung werden Elemente der Webseite – z.B. Seitenleisten, Texte oder Navigationen – unterschiedlich dargestellt.

Neben der Bildschirmgröße ist ausschlaggebend, ob es sich bei dem Gerät um eine Maus-geführte Bedienung oder einen Touchscreen handelt.

Function follows form

Während der Benutzer früher dem festgesetzten Design von Webseiten ausgeliefert war, bietet die heutige Technik eine Spielwiese, auf der sich die Inhalte den technischen Voraussetzungen der mobilen Endgeräte anpassen.

Die Webseite folgt den Anforderungen des Endgeräts: Responsive Webdesign stellt sich auf den Nutzer ein und ermöglicht ihm das Lesen von Webinhalten mit einer größtmöglichen Usability.

Technische Voraussetzungen

Um eine Webseite responsiv gestalten zu können, werden HTML 5, CSS 3 sowie JavaScript benötigt. Das System, das die Anforderungen des Endgerätes abfragt und erkennt, heißt Media Queries und gehört zu CSS 3. Es erkennt z.B. die Abmessungen des Browserfensters sowie des Gerätes, die Bildschirmauflösung oder ob es sich um ein Hoch- oder Querformat handelt.

Auch die Eingabemöglichkeiten werden von CSS 3 verarbeitet: Ob Tastatur und Maus, Touchscreen oder Spracheingabe: Jedes System stellt unterschiedliche Anforderungen an die Webseite.

Wir gestalten Ihren Internet-Auftritt responsiv

Das klassische Printdesign hat ausgedient: Wo früher das Ausgabemedium eine feste Größe hatte, ist heute Multitasking gefragt. Unsere Grafiker passen die Darstellung Ihrer Webseite allen modernen Anforderungen an, damit Ihre Inhalte so übersichtlich und benutzerfreundlich wie möglich erscheinen.

Wir geben Ihrer Webseite die Flexibilität, die sich allen Endgeräten anpasst.