Responsive Webdesign

Die steigende Anzahl unterschiedlicher Endgeräte wie Smartphones und Tablets mit verschiedenen Seitenverhältnissen von Bildschirmen, Pixeldichten, verwendeten Browsern, Rederingtechniken und verfügbaren Schriften erfordern das Umdenken beim Gestalten von Webseiten. Die Lösung für das Problem lautet: Responsive Webdesign.

Was ist responsive Webdesign?

„responsive“ heißt reaktionsfähig und anpassungsfähig. Somit geht es beim Responsive Webdesign um ein „anpassungsfähiges Webdesign“, also um eine so programmierte und gestaltete Webseite, dass diese sich automatisch an das jeweilige Endgerät anpasst und den Nutzer dadurch optimal bedient.

Wie funktioniert responsive Webdesign?

Responsive Webdesign beruht auf HTML5 und CSS3 Media-Queries, die die Eigenschaften und Fähigkeiten des jeweiligen Endgeräts prüfen. Wichtige Beispiele für die abgefragten Eigenschaften sind:

• Welche Größe hat das Display des Gerätes?
• Welche Auflösung hat das Gerät?
• Besitzt das Gerät ein Hoch- oder Querformat?
• Welche Eingabemöglichkeiten gibt es (Tastatur, Maus, Finger, Sprache)?

Um Media Queries nutzen zu können, muss man den Inhalt und das Layout streng voneinander trennen. Je nach Breite und Höhe des Gerätes werden dann Inhalte umpositioniert und nebeneinander oder untereinander angezeigt. Weniger wichtige Inhalte werden eventuell gar nicht angezeigt.

Vorteile von Responsive Webdesign

• Sinkende Kosten: Es muss nur noch ein optimierter Internetauftritt gepflegt werden
• Reduzierter Pflegeaufwand: Es muss nur noch Content für eine Webseite erstellt werden
• Bedienfreundlichkeit: Optimierte Seiten erleichtern Kunden das Bedienen und erhöhen so die Benutzerfreundlichkeit
• Empfehlung von Google: Eine Seite für alle Endgeräte schneidet bei der Suchmaschinenoptimierung besser ab

Gehen Sie mit der Zeit und denken Sie schon heute darüber nach Ihre Webseite responsiv zu gestalten, denn früher oder später wird responsives Webdesign im Zeitalter von Tablet und Smartphone eine Selbstverständlichkeit sein.