Responsive Design

Inhalte einer responsiven Website passen sich der Bildschirmgrösse sowie dem Nutzer-Kontext an. Wer unterwegs auf dem Smartphone eine Website besucht, hat oft ein anderes Informationsbedürfnis als jemand, der am Computer-Bildschirm sitzt. 

Was bedeutet Responsive Design?

Die Bezeichnung "Responsive Design" beschreibt die Technik, eine Website so zu programmieren und zu gestalten, dass sich der Inhalt einer Website dynamisch der Grösse des Bildschirms anpasst. Dies bedeutet, dass eine Website beispielsweise auch auf kleinen Bildschirmen problemlos bedienbar bleibt und der Anwender den Inhalt ohne manuelle Vergrösserung lesen kann.

Zusätzlich zum Design gehören weitere Überlegungen: In welchem Kontext besucht jemand die Website und welche Informationen wünscht er sich wohl aufgrund seiner Situation? Unterwegs haben Sie beispielsweise weder Zeit noch Muse, einen längeren Text zu lesen oder sich durch eine komplexe Navigation zu klicken. Möglicherweise möchten Sie sich rasch über Telefonnummer, Öffnungszeiten oder Anfahrt informieren. In diesem Zusammenhang wird oft auch der Begriff "adaptives Design" verwendet.

Was ist der Unterschied zwischen einer responsiven und einer mobilen Website?

Mobile Websites sind speziell für Smartphones und kleine Bildschirme erstellt und meist über eine eigene URL erreichbar. Inhalte einer mobilen Website unterscheiden sich in der Regel von der Desktop-Website. Der Grundgedanke dahinter ist auch hier, dass gewisse Informationen und Inhalte für den User unterwegs nicht relevant sind. Manche Anbieter ermöglichen es, von der mobilen Site aus zur "klassischen Ansicht" zu wechseln. Diese Desktop-Variante ist nicht für mobile Geräte optimiert, was die Bedienung und Lesbarkeit erschwert.

Responsive Websites sind flexibel in der Darstellung, grundsätzlich sind alle Inhalte auf allen Geräten vorhanden. Je nach Bildschirmgrösse sind die Elemente einer Website jedoch anders angeordnet oder erhalten ein anderes Layout, wie zum Beispiel die Navigation in Form eines "Hamburger-Menüs" oder die Darstellung längerer Texte in Form von aufklappbaren "Akkordeons".

Welche Vorteile hat eine responsive Website?
  • Responsive Websites unterstützen eine Vielzahl von Geräten und Bildschirmgrössen. 
  • Website-Betreiber müssen Inhalte nur einmalig erfassen – URLs sind für alle Geräte identisch (SEO-relevant).
  • Websites im responsiven Design enthalten auf allen Geräten und Bildschirmgrössen dieselben Inhalte, der Funktionsumfang kann abhängig von der Bildschirmgrösse oder anderen Endgerät-Eigenschaften optimiert sein (z.B. Nutzung von "Pinch"-Zoom oder Swipe auf Touchscreens).
  • Websites, die für mobile Geräte optimiert sind, werden im mobilen Kontext von Suchmaschinen besser gerankt. Denn Google & Co. gehen davon aus, dass ein User von unterwegs aus Websites bevorzugt, die für kleine Bildschirme optimiert sind.
  • Responsive Websites sind auch für Menschen mit Behinderungen besser bedienbar.
Was kostet eine responsive Website?

Bei BossharTong gehören responsive Websites seit Jahren zum Standard. Dies bedeutet, dass unsere Kundinnen und Kunden für eine Website im Responsive Design keinen Aufpreis zahlen.

Bereits in der Konzeption einer Website setzen wir uns mit dem Informationsbedürfnis der angesprochenen Nutzergruppen auseinander. Für unsere Webprojekte nutzen wir das CMS TYPO3, das sich sehr gut für die Umsetzung responsiver Websites eignet.

Mehr zum Thema "Responsive Design"

Fachartikel in der Hotel Revue

Ein responsives Design passt sich dem Informationsbedürfnis des Anwenders an.

Zum Fachartikel über Responsive Design

Responsive Websites mit TYPO3

Das CMS TYPO3 eignet sich hervorragend für responsive Websites, da eine konsequente Trennung von Inhalt und Gestaltung möglich ist.

Weitere Informationen zu TYPO3

Bleiben Sie reaktionsfähig

Wir sind auf Websites in responsivem Design spezialisiert. Gerne realisieren wir gemeinsam mit Ihnen ein neues Webprojekt oder passen für Sie eine bestehende Website an. 

Fragen Sie uns an für eine Projektofferte oder weitere Referenzen:
kontakt@remove-this.bosshartong.ch / +41 71 511 21 90

Nach oben