Responsive Webdesign

Design für die Zumkunft.

Work With Us View Portfolio

Abgrenzung zur Mobilen Webseite

Der wesentliche Unterschied zwischen einer 'mobilen' Version und einem responsive Design besteht in der Anzahl der Templates.

Aus historischer Sicht bildet die Desktop-Version die normale Ansicht der Webseite. Dieser wird nach der klassischen Methode ein zusätzliches, unabhängiges Template für mobile Endgeräte hinzugefügt.

Beim Responsive Webdesign wird nur eine einzige Version der Webseite erstellt. Diese passt sich selbstständig der verfügbaren Umgebung an. Besonders sichtbar wird dies beim Layout, das sich nach Breite des Browser-Fensters entsprechend verändert. Die Entscheidung für ein responsives Webdesign oder nur ein separates mobiles Template hängen vom Sinn und Zweck der Webseite ab.

Responsive!

Beim Responsive Webdesign (im Deutschen auch responsives Webdesign) handelt es sich um einen gestalterischen und technischen Ansatz zur Erstellung von Websites, so dass diese Websites auf Eigenschaften des jeweils benutzten Endgeräts reagieren können. Der grafische Aufbau einer „responsiven“ Webseite erfolgt anhand der Anforderungen des jeweiligen Gerätes, mit dem die Seite betrachtet wird.

Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie beispielsweise Navigationen, Seitenspalten und Texte. Technische Basis hierfür sind neuere Webstandards wie HTML5, CSS3 und JavaScript.

Die Größe und Auflösung der Displays auf Laptops, Desktop-PCs, Tablets, Smartphones, E-Book-Readern und TV-Geräten können erheblich variieren. Aus diesem Grund sind das Erscheinungsbild und die Bedienung einer Webseite stark abhängig vom Endgerät. Webseiten, die mit einem reaktionsfähigen Design ausgestattet sind, berücksichtigen die unterschiedlichen Anforderungen der Endgeräte.

Ziel dieser Praxis ist, dass Websites ihre Darstellung so anpassen, dass sie sich jedem Betrachter so übersichtlich und benutzerfreundlich wie möglich präsentieren. Kriterium für das angepasste Erscheinungsbild sind neben der Größe des Anzeigegerätes beispielsweise verfügbare Eingabemethoden (Touchscreen, Maus) oder die Qualität der Internetverbindung.

Responsive Web Design bricht die von Geräten geschaffenen Grenzen fließend und nonchalant auf.

Ein Design, das antwortet, das sich an seine Umgebung, seine Plattform oder besser gesagt sein Gerät und dessen Viewport anpasst.

MAGO - Webdesign - Webprogrammierung

MAGO LOGO DESIGN

Responsive Web Design

Ein elementarer Vorteil von Responsive Web Design liegt auf der Hand:

Kostenersparnis!

Ebenso muss auch nicht der eigentümliche Versuch unternommen werden, modebedingt eigens ein App anzufertigen, nur um die Website mobil benutzbar zu machen.