Optimiertes Layout für unterschiedliche Endgeräte

Responsive Design ist zur Zeit das Thema, wenn es um die Konzeption von zeitgemäßen Websites geht. In der Praxis bezeichnet man damit ein Webdesign, welches sich dynamisch an die unterschiedlichen Bildschirmauflösungen der zahlreichen Endgeräte, wie zum Beispiel Netbooks, Smartphones und Tablets anpasst. Der Vorteil: Eine zentrale Datenhaltung für unterschiedliche Präsentationen bzw. Devices.

Technische Basis sind neuste Webstandards wie HTML5 und CSS3. Hierbei werden über sogenannte CSS Media Queries unterschiedliche Styles je nach Größe des Endgerätes ausgeliefert, so dass die Website optimal für das jeweilige Endgerät angezeigt wird und bedienbar ist.

Suchmaschineboosting durch Responsive Design

Responsive Design wirkt sich auch zukünftig positiv auf das Ranking Ihrer Website in Suchmaschinen aus. So werden bei Google "mobile-friendly" Websites im Suchergebnis gesondert ausgezeichnet.


Wie sieht Ihre Website auf dem Smartphone aus?               jetzt Testen!


Ist Ihre Website bereits mobile-friendly?                             Bei Google testen


Vergleich mobile Nutzer / Nutzer am Desktop PC

2012 war erstmals der Zugriff auf Websites über mobile Endgeräte größer, als der Zugriff über Desktop PCs.


 

Smartphones und Apps - Statistiken                                  Zahlen im Detail

 


Vergleich mobile Nutzer / Nutzer am Desktop PC

Responsive Design: Ihre Vorteile auf einen Blick

  • Verbesserung der User Experience
  • Optimierte Darstellung für alle Endgeräte
  • Erweiterung Ihrer Reichweite
  • Suchmaschinenoptimierung (SEO)
  • Keine redundante Contentpflege nötig

Responsive Design – Beispiele unserer Kunden

Sie können die unterschiedlichen Darstellungen der Websites unserer Kunden auch direkt am PC testen, indem Sie das Browserfenster entsprechend verkleinern bzw. vergrößern.


Responsive Design am Beispiel MeVis Medical Solutions AG

Die Screenshots zeigen die unterschiedlichen Ansichten beim Aufruf der Website mit mobilen Endgeräten wie Smartphone und Tablet sowie die Ansicht am PC.

Sie möchten wissen, wie Ihre Website auf unterschiedlichen Endgeräten aussieht? Nutzen Sie dafür unsere Responsive Test Seite.

Ansicht kleines Smartphone

Ansicht auf einem Tablet PC

Ansicht auf einem Desktop PC


Beiträge aus unserem Blog

Flat UI Design Elemente – Ästhetik vs. Usability

 

Das waren noch Zeiten …

… als Navigationselemente eindeutige Funktionsmerkmale aufwiesen: Links waren immer blau und unterstrichen und...

Suche – 5 Gedanken zu Gestaltung und Usability

Webseiten mit vielen Inhalten, wie z.B. von Museen, größeren Unternehmen, Shop-Seiten, usw. haben eines gemeinsam:  sie bieten so viele...

Seite auf Netzwerken teilen