Responsive bedeutet übersetzt etwa „reagierend, reaktionsfähig“. Der Begriff bezieht sich auf das Layout von Webseiten. Normalerweise sieht es immer gleich aus: Schaut man mit einem Smartphone die Seite an, sieht man dieselbe Aufteilung wie auf dem Desktop-Computer. Damit alles auf den kleinen Bildschirm drauf passt, verkleinert das Smartphone einfach alles.

Inhalte lesbar machen

Im Responsive Design wird Layout der Webseite flexibel angelegt. Die Inhalte passen sich automatisch an das Gerät an, mit dem die Seite aufgerufen wird. Alle Texte und Bilder werden so präsentiert, dass sie auf Anhieb gut lesbar sind.
Die Inhalte werden nicht verkleinert dargestellt, sondern der Code erkennt, mit welchem Gerät der Besucher unterwegs ist und liefert eine passende Darstellung aus. Die Webseite ist so mit allen Endgeräten gut lesbar und bedienbar.

Warum Eine Seite flexibel sein sollte

Der Anteil der mobilen Geräte ist sprunghaft angestiegen und es kommen jede Woche neue dazu. Diese Geräte verändern unser Verhalten und unsere Gewohnheiten. Wir arbeiten, spielen und surfen mit Tablets, Netbooks, Smartphones und Spielekonsolen. Die Besucher einer Webseite sind also mit vielen unterschiedlichen Geräten unterwegs: Morgens mit dem Smartphone in der S-Bahn und abends mit dem Tablet auf dem Sofa.

Damit die Inhalte (Texte, Bilder, Videos) auf allen Geräten gut lesbar sind, werden sie je nach Bildschirmgröße unterschiedlich angeordnet.

responsive-design-grafik1

Responsive Design: Nutzerfreundlich und zukunftssicher

  • Alle Texte sind mühelos lesbar (keine winzig kleinen Schriften)
  • Die Seite ist einfach navigierbar (kein Herumzoomen und Suchen)
  • Die Navigation und alle Links sind auf Touchscreens gut mit dem Finger anklickbar
  • Kein Besucher verlässt die Seite wieder, weil sie schlecht lesbar oder nicht navigierbar ist
  • Ihr müsst Euch keine Gedanken darüber machen mit welchen Geräten die Seite aufgerufen wird.
    Schon wieder ein neues iPhone? Kein Problem!