Responsive Webdesign
Was ist Responsive Webdesign?
Aktuelle Nutzungsgewohnheiten – vornehmlich durch mobile Endgeräte mit hochauflösenden Touch-Displays – erfordern angepasste Konzepte im Webdesign: Webseiten mit responsivem Layout reagieren dynamisch auf verschiedene Displaygrößen und passen sich mit Hilfe von sogenannten Media Queries automatisch an. So entstehen Websites, die Endgeräte von Desktops über Tablets bis hin zu Smartphones unterstützen.
Responsives Layout-Konzept
Wie wir Ihre Webanwendung für verschieden Endgeräte optimieren
Die Umsetzung von responsiven Websites erfordert eine andere Herangehensweise als dies bisher im Webdesign üblich war. Bei der Entwicklung des Layouts bzw. der Designvorlagen ist es nun nicht mehr möglich, von einer einheitlichen Geräteklasse und Bildschirmgröße auszugehen (i.d.R. Desktop). Stattdessen muss das Konzept von Anfang an darauf ausgelegt werden, sich den verschiedenen Endgeräten bzw. Viewports (siehe unten) anzupassen. Neben grundlegenden Bestandteilen der Website, wie z.B. der Navigationsleisten, gilt dies insbesondere für die Inhalte der Website, die z.B. für Mobilgeräte linearisiert oder gänzlich anders organisiert werden müssen.
Daher entwickelt unser Team individuelle Layout-Konzepte, die Lösungen für spezifische Inhalte des Auftraggebers (z.B. komplexe Tabellen, Spaltenanordnungen oder Listen) beinhalten. Hierbei wird in der Regel nach dem so genannten „Mobile First“-Prinzip gearbeitet, d.h. Anordnung und Umfang der Inhalte werden von einem Mobil-Ansatz ausgehend für größere Viewports umorganisiert und gegebenenfalls erweitert.
Browserunterstützung
Responsive Webdesign und die zugrunde liegenden Techniken basieren auf Webstandards wie CSS3, die von aktuellen Browsern unterstützt werden. Die genannten Browser bieten diesbezüglich eine ausreichende Implementierung und werden üblicherweise in die Qualitätssicherung unserer Projekte Miteinbezogen.