Responsive Webdesign

 

ein für viele unbekanntes Wort und bedeutet - die Webseite reagiert in der Darstellung der Inhalte auf unterschiedliche Browsergrößen, Endgeräte und Seitenverhältnise.

 

Es ist eine Herausforderungen für den Webdesigner diese ganzen Möglichkeiten in der Entwicklung zu berücksichtigen.

Egal welche Ansicht besteht - Dektop, Pad oder Smartphone, bei mobilen Geräten nach hochkant oder quer, das Layout behält seinen Wiedererkennungswert und die Benutzerfreundlichkeit leidet nicht darunter.

 

Auf einem Desktop-Computer oder Laptop können Sie es am einfachsten testen.

Ziehen Sie einfach das Browserfenster in beliebige Breiten und Höhen und Sie werden sehen, das design bleibt, die Anordnung ändert sich.

 

Auch die Menüfunktionen passen sich den verschiednen Breiten an und bieiten ein anderes Bild, so wie der Platz es zulässt.

 

Responsive-Webdesign sind bei der Pflege einfach zu handhaben, einmal geändert passt es auf allen Geräten.

 

 

Variable Dateigrößen

Video-, Panoramen- und Bildgrößen werden in verschiedenen Größen auf dem Server automatisch bereitgestellt und je nach erkannter Browsergröße geladen.

 

Wer braucht auf dem Smartphone ein Video in HD-Qualität?

Auf dem Desktop schon, das System liefert immer die richtige Auflösung.

 

Wichtig ist diese Dateigrößenbeschränkung bei mobilen Engeräten, wo bei begrenzten Datenvolumen die beste Auflösung mit der kleinsten Dateigröße angezeigt werden sollte.

 

Schriftarten sind so hinterlegt, das sie sich auf allen Geräten gut und in der richtigen Größe lesen lassen.

 

Panoramen & Zoomfunktion

Diese Größenbeschränkung wird bei Panoramen und hochauflösenden Bilder so weit getrieben, das die Bilder in kleine Einzelsegmente zerlegt sind und nur die jeweils sichtbaren Einzelbiulder in der für die Darstellung benötigten Größe geladen werden.

Das schon Datenresoursen bei maximaler Qualität.

 

Testphasen

Für responsive Designs ist für der Inbetriebnahme eine umfangreiche Simmulation aller möglichen Szenarien und Endgeräte nötig, um das verhalten des Designs zu testen und eventuell nachzujustieren.