Responsive Webdesign


Ihre Webseite passt sich dem Gerät an

Responsive design
Sie suchen nach einem anstrengenden Arbeitstag ein passendes Restaurant um den Tag so richtig gemütlich ausklingen zu lassen. Ein kurzer Handgriff zum Smartphone um die Internetseite Ihres Lieblingsrestaurants zu öffnen. Sie denken sich: "Wo ist nur die Speisekarte mit dem Wochenmenu zu finden. Bei der Textgrösse muss ich das Bild heranzoomen. Das Navigieren ist auch nicht gerade einfach mit dem Finger." Kennen Sie dieses Problem? Die Lösung heisst: Responsive Webdesign.

Was ist Responsive Webdesign

Beim Responsive Webdesign werden von Ihrer Webseite verschiedene Merkmale eines Besuchers ermittelt.

  • Bildschirm Auflösung
  • Browser- Type
  • Plugin Verfügbarkeit
  • Betriebssystem

Anhand von diesen Merkmalen wird die Webseite individuell auf das Gerät des Webseitenbesuchers abgestimmt. Bei einem Smartphone wie zum Beispiel einem iPhone wird der Text grösser angezeigt und die einzelnen Elemente werden untereinander aufgestapelt. Auch die Navigation wird touch-optimiert zur Verfügung gestellt. Dies ermöglicht eine optimale Bedienung mit jedem internetfähigen Gerät.

Smartphone

iPhone Ansicht der Webseite

H

ier werden die Bereiche Webdesign und Programmierung untereinander dargestellt. Dies geschieht, um einen "scroll-Zwang" nach rechts und nach links zu verhindern. Die Textgrösse wird automatisch so gewählt, dass ein müheloses Lesen möglich ist. Alle Bild und Film-Animationen der Webseite werden in einem gerätefreundlichen Format präsentiert um ein barrierefreies Design zu gewährleisten. Flash Animationen und Film Player werden durch HTML5, jQuery und Javascript Player ersetzt, da das iPhone keine Flash Codes unterstützt. Zu den meist verwendeten Betriebssystem und Geräteherstellern gehören:

unterstützte systeme

Tablet-Computer

iPhone Ansicht der Webseite

D

ie Darstellung eines Tablet-Computers gleicht stark der eines Personal Computers. Die touch-optimierte Benutzerfreundlichlichkeit und die Verwendung von jQuery Animationen sind die Hauptmerkmale und sogleich die Vorteile eines auf Tablet-Computer ausgerichtetes Design. Alle Bild und Film-Animationen der Webseite werden in einem gerätefreundlichen Format präsentiert um ein barrierefreies Design zu gewährleisten. Flash Animationen und Film Player werden durch HTML5 jQuery und Javascript Player ersetzt, da das iPhone keine Flash Codes unterstützt.