Was ist ein Responsive Design?

 

Responsive Design (englisch: responsive = reagierend) ist eine Lösung im Bereich Webdesign, die es ermöglicht, eine Homepage oder einen Online Shop auf die Eigenschaften des jeweiligen Endgeräts anzupassen. So können Websites auf Laptops und Desktop- PCs, gleichzeitig aber auch auf Tablets und Smartphones benutzerfreundlich dargestellt werden.

Hierbei wird die Anordnung der einzelnen Inhalte, also Seitenspalten, Texte und Navigationselemente, mithilfe neuester Technologien wie HTML 5 und CSS 3 für verschiedene Bildschirmauflösungen optimiert. Auch auf verschiedene Eingabemethoden wie das Klicken und Überfahren von Objekten mit der Maus oder das Tippen und Wischen mit dem Finger an mobilen Endgeräten reagiert das Responsive Design.

 

Wie funktioniert ein Responsive Design?

 

Über sogenannte „Media Queries“ werden die Geräteeigenschaften, Darstellung und Eingabemethodik mittels CSS 3 Codes abgefragt. Das Responsive Design ermittelt so beispielsweise die Bildschirmauflösung des Endgeräts, die Größe des Browserfensters und die Orientierung, also Hoch- oder Querformat.

Dann werden die Inhalte der Website automatisch ins richtige Format gebracht. Das betrifft Schriften und Schriftgrößen, die Verschiebung einzelner Bildschirminhalte und Navigationselemente. Hierbei besteht durch die „Off-Canvas Navigation“ mittels des gleichnamigen Layouts die Möglichkeit, Menüleisten oder andere Inhalte auszublenden und durch einen Klick oder Fingertipp wieder sichtbar zu machen.

Musste man früher mehrere Seiten für verschiedene Ausgabegeräte betreiben, so reicht nun eine einzige. Die Inhalte müssen also nur noch ein einziges mal ohne große Programmierkenntnisse in ein CMS eingepflegt werden und erscheinen dann in jedem Format auf jedem Gerät.

 

Warum sollte ich mir ein Responsive Design erstellen lassen?

 

Die Zahl der Internetnutzer die von unterwegs über ihre mobilen Geräte auf Webinhalte zugreifen steigt stark. 2012 lag die Zahl dieser Nutzer in Deutschland nur bei rund 35%, 2015 bereits bei 74% – Tendenz steigend. Zudem steigt die Zahl an Ausgabemedien weiter an.

Google passte seine Suchmaschine im April 2015 bereits an diese Entwicklung an. Mobil- optimierte Internetseiten erhalten künftig den Vorzug in den Google- Suchergebnissen.

Mit einem Responsive Design können Sie daher ganz vorn mit dabei sein und sind jederzeit und auf jedem Gerät optimal repräsentiert. Und das ganze mit weit weniger Pflegeaufwand als bei klassisch- statischen Websites. Wir sind Ihre Medien Agentur in Grosswallstadt.

 

Eine einfache Lösung mit viel Wirkung.

Werbeagentur Großwallstadt

Homepage erstellen lassen