Responsive Webdesign – was ist das ?
Seit einigen Jahren stellen wir als professionelle Werbeagentur unseren Kunden und denen, die es werden wollen, immer wieder die Frage – ist Ihre Webseite schon responsive?
Dabei sehen wir immer noch viel zu oft in fragende Gesichter. Hier klären wir Sie darüber auf – Was ist responsive Webdesign und warum brauche ich das?
Zuallererst – Was heisst eigentlich responsive? Der Begriff „responsive“ kommt aus dem englischen und bedeutet soviel wie „reagierend, antwortend“. Das sagt schon viel über die Charakteristik einer responsive programmierten Webseite aus – sie reagiert nämlich! Aber worauf? Auf den Inhalt? Auf den Benutzer? Auf das Gerät mit dem ich die Seite aufrufe?
Die Antwort ist ganz einfach – auf alles! Gerade das ist das fortschrittliche und tolle an der reponsive Technik. Die Webseite erkennt die Auflösung des Bildschirms über welchen man die Seite aufrufen möchte und passt sich automatisch an. Egal ob hochauflösende 4K Bildschirme mit einer Bildschirmdiagonale von über einem Meter, einem Smartphone mit 4“ Display oder der Apple Watch mit einer Displaygröße von 1,5“ – Ihre Webseite wird immer richtig dargestellt. Schluss mit nervigem scrollen und vergrößern, die Inhalte werden übersichtlich und untereinander angeordnet angezeigt. Die Grundlage für eine gut funktionierende responsive Webseite ist natürlich das KnowHow der Webdesigner und Programmierer. Das Layout der Seite wird nach fest definierten Gestaltungsrastern designed und im Anschluss programmiert.
Aber keine Sorge – das müssen Sie nicht selbst wissen – wir machen das für Sie!
Wofür brauche ich eine responsive Webseite?
Sie sind schon lange keine Neuigkeit mehr – Jeder hat sie, jeder braucht sie und dann am besten noch schneller, kleiner, hochauflösender – Mobilgeräte.
Egal ob mit dem Smartphone von unterwegs, oder mit dem Tablet von zu Hause auf der Couch..der Trend zeichnet sich ganz deutlich ab…die Nutzung der mobilen Geräte und damit der mobilen Internetnutzung steigt immer mehr. Lag der prozentuale Anteil der mobilen Internetnutzer im Jahr 2011 deutschlandweit noch bei ca. 13 %, so waren es Ende 2016 bereits schon über 60 %, Tendenz steigend.*
Diese Zahlen können auch wir bei den Auswertungen der Zugriffszahlen auf unsere Kundenwebseiten feststellen, 60 % der Zugriffe erfolgen mobil über Smartphones und Tablet PCs.
Und hier liegt auch schon die Antwort auf unsere Frage. Möchte ich meine Webseite nutzerfreundlich, übersichtlich und auf dem neuesten Stand der Technik präsentieren, sollte sie zwingend mobilfähig sein.
Responsive Design, mobile Seite oder mobile App ?
Bestimmt haben sie alle diese Begriffe schon gehört, sehr oft auch im Zusammenhang mit Onlineshops. Doch worin liegt der Unterschied? Eine App wird immer für ein spezielles Betriebsystem entwickelt. Möchte der Webseitenbetreiber möglichst vielen Kunden Zugang zur App bieten, muss er seine App mindestens für das Betriebssystem Android und IOS anbieten, bestenfalls wird auch noch das Windows Phone berücksichtigt. Hier ist auch schon der Haken an der ganzen Sache. Die Entwicklung von Web Apps ist kostspielig und wird deshalb in der Regel von großen Betreibern wie Ebay oder Zalando genutzt.
Eine mobile Seite wird speziell für die Nutzung von mobilen Geräten entwickelt. Sie ist oft auch daran zu erkennen, dass die Adresse mit einer Subdomain wie zum Beispiel m.xxxx.de oder xxxx.de/mobil aufgerufen wird. Meistens wird für die mobile Seite ein eigens dafür entwickeltes Design angewendet, das auf bestimmte Smartphone- und Tablettypen angepasst ist. Wenn sie schon ein älteres Modell haben, kann es allerdings vorkommen, dass die entsprechende Seite nicht optimal dargestellt wird.
Bei der responsive programmierten Seite haben wird diese Schwierigkeiten nicht.
Wir bereits erwähnt erkennt die Webseite aufgrund ihrer speziellen Programmiertechnik die Bildschirmauflösung des Endgerätes und passt sich automatisch mit der optimalen Darstellung an.
Was hat responsive Webdesign mit Google zu tun?
Die beliebteste Suchmaschine ist Google mit einem Marktanteil in Deutschland von fast 95 % *. Jedermann sucht Firmen und deren Websites über die beliebte Suchmaschine, von zu Hause aus über das Tablet, vom Büro über den Desktop PC oder von unterwegs über das Smartphone. Genau das hat Google erkannt und bevorzugt daher responsive programmierte Webseiten. Hier lautet das Motto – Mobile first!
Wie bereits erwähnt ist die Benutzerfreundlichkeit von responsive Webs besonders hoch. Das heisst, dass die Absprungrate der beispielsweise über ein Smartphone aufgerufenen Seite geringer ist, als über eine nicht optimierte Seite. Das erkennt Google und bewertet somit die aufgerufenen Seite als gut. Die Folge ist, dass diese Webseite im Googleranking nach oben steigt. Daher ist es unerlässlich die Webseite auf die neueste Technik umzustellen.
Ich habe bereits eine Webseite, kann ich die auf responsive Design umbauen?
Die Antwort lautet JA!
Allerdings darf man den Aufwand der dahinter steckt nicht unterschätzen. Das Layout der bestehenden Webseite muss an die Voraussetzungen und festen Rastervorgaben einer responsive Seite angepasst werden. Navigationspunkte, Texte und Bilder müssen so angeordnet werden, dass sie sich bei immer kleiner werdenden Displays optimal bedienbar anordnen. Hierbei kann man die Gelegenheit nutzen, Texte und Bilder auf Ihre Aktualität zu überprüfen und ggf. zu aktualisieren. Im Anschluss an diesen Schritt wird das Layout programmiert.