Webdesign

Grundlage jeder Internet- oder Intranetseite ist ein anspechendes, zweckmäßiges und an die Zielgruppe angepasstes Layout.

Responsive Webdesign

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.

 

Grundlagen

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 ist in der Regel, aber nicht nur, die Anzahl der Pixel, die der Browser in der Breite zur Verfügung hat.

 

Technologie

Eine für responsives Webdesign wesentliche Voraussetzung sind sogenannte Media Queries, ein CSS3-Konzept, welches unterschiedliche Designs in Abhängigkeit von bestimmten Eigenschaften des Ausgabemediums erlaubt.

Beispielsweise können folgende Eigenschaften als Kriterien herangezogen werden:

  •     Größe des Gerätes selbst
  •     Bildschirmauflösung
  •     Orientierung (Hoch- oder Querformat)
  •     Eingabemöglichkeiten (Tastatur, Fingergeste [Touch], Sprache)

 

Durchführung

Unsere Layoutwntwicklung erfolgt gemeinsam mit dem Kunden in mehreren Sprints. Auf Basis der gelieferten Daten - i.d.R. dem Corporate Design - entwickeln wir mehrere Layoutvorschläge, die auf Grundlage von Kundenrückmeldungen so lange verfeinert werden bis ein für den Kunden optimales Ergebnis entsteht. Danach erfolgt die Umsetzung in das Webtemplate passend für das gewählte System. Und dies alles gibt es zum Festpreis mit absoluter Planungssicherheit für den Kunden.

 

Abteilung: