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.
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
- aha Zweckverband Abfallwirtschaft Region Hannover
www.aha-region.de - Apontas Die Forderungsmanager
www.apontas.de - MeVis Medical Solutions AG
www.mevis.de
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
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...
Suche – 5 Gedanken zu Gestaltung und UsabilityStyleguides – mit Konsistenz Vertrauen schaffen
Warum wir Styleguides brauchen
Sieht man sich große, bekannte Unternehmen im Internet an, bemerkt man, dass jedes Unternehmen eine...
Styleguides – mit Konsistenz Vertrauen schaffen