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

Styleguides – mit Konsistenz Vertrauen schaffen

Warum wir Styleguides brauchen

Sieht man sich große, bekannte Unternehmen im Internet an, bemerkt man, dass jedes Unternehmen eine...

Bilder im Web

Bilder im Web

Lange Ladezeiten von Webseiten stehen häufig in einem direkten Zusammenhang mit viel zu großen Bilddaten. Moderne Content Management...

Seite auf Netzwerken teilen