Responsive Design

Das intelligente Layout für alle Display-Größen

Das Herzstück des Responsive Designs ist ein intelligentes Layout, das sich variabel an alle Display-Größen anpasst. Bei Smartphones und Tablets bedeutet das, eine Platz sparende Navigation, größere Buttons für eine Touch-Bedienung und nicht zuletzt eine flexible Breite für Inhalte, die beispielsweise ein Einzoomen oder horizontales Navigieren überflüssig macht.

Das zahlt sich aus

Beim Responsive Design bleiben alle Inhalte, Bilder oder Strukturen einer Webseite gleich. Unabhängig davon, ob man die Seite nun auf dem Smartphone oder einem Laptop abruft. Nur die Anordnung der einzelnen Elemente ändert sich. Sie passen sich flexibel an die jeweilige Bildschirmgröße an. Das bedeutet auch, dass nur ein Internetauftritt gepflegt werden muss. Sowohl technisch als auch redaktionell. Alleine das spart schon Zeit und Geld. Auch die Kundenzufriedenheit steigt, da die Nutzer ihre gewünschten Inhalte einfacher finden und Produkte schneller erworben werden können.

  • Responsive Design auf unterschiedlichen Devices

Wann ist Responsive Design ungeeignet?

Nur in wenigen Ausnahmen – beispielsweise bei einem Intranet, das nur für festgelegte Desktop-Rechner abrufbar ist – lohnt sich kein Responsives Design.
Zudem gibt es Anwendungen, in denen die mobile Version stark von der Desktop-Version abweichen soll, da hier andere Prioritäten gesetzt werden müssen. In solchen Fällen kann daher ein inhaltlich abweichendes Verhalten, also eine eigene„Mobilversion“ sinnvoll sein.

Was ist Responsive Design?

Responsive Design bedeutet, Internetauftritte so zu gestalten, dass sie auf allen Endgeräten optimal genutzt werden können. Ob auf dem Smartphone, Tablet oder dem Desktop-Computer – Inhalte und Layout passen sich an. Für bestmögliche Lesbarkeit und einfaches Navigieren.

Ansprechpartner

Unsere Leistungen

  • Content-Strategie
  • Multi-Screen-Strategie
  • Mobile Strategie
  • UX-Design und UX-Strategie
  • Umsetzung HTML/CSS/Javascript
  • CMS-Integration
  • Web Performance Optimization (WPO)

Unsere Referenzen

Links