Mit dynamischer Kommunikation an die Spitze

Wie erreichst du deine Kunden?

Wenn du einen Blick auf die Kurven deiner Unternehmens-Website bei Google Analytics wirfst, wirst du sehen, wie oft mobile Endgeräte auf die Seite zugreifen. Garantiert sieht sie sich sogar im Moment einer deiner potentiellen Kunden an. Die Frage ist: Kann dein Webdesign auf die neuen, mobilen Herausforderungen ausreichend reagieren?

Wusstest du ausserdem, dass die meisten Menschen im Netz durchschnittlich nach drei Sekunden entscheiden, ob die aufgerufene Seite nützlich für sie ist? Studien zeigen, dass Besucher, die nicht innerhalb dieser kurzen Zeit von der Adresse überzeugt sind, zurück in die Suchmaschine klicken und damit für immer als Kunden verloren gehen.

Aus diesem Grund ist es unverzichtbar geworden, ein flexibles Webdesign für verschiedene Geräte und Formate anzubieten. Grösse und Auflösung der jeweiligen Displays unterscheiden sich mitunter gewaltig und deine Website sollte unabhängig davon in jedem Fall übersichtlich und benutzerfreundlich sein.  

Ein dynamisches Konzept muss her!

Der Vorteil im klassischen Printbereich: Hier gilt es eine Seite zu gestalten, deren Grösse sich nicht verändert. Im Web verhält es sich ganz anders. Dort musst du dich mit der Tatsache auseinander setzen, dass der zu gestaltende Bereich variabel und vom genutzten Endgerät abhängig ist. Es stellen sich dabei folgende Fragen an das Design und die Technik deiner Seite 

- Wie ist dein Auftritt im Browser aufgehängt und skaliert?
- Wie sieht deine Seite auf mobilen Endgeräten aus?
- Wie können deine Text- und Bildinhalte in einer angemessenen Zeit geladen werden?
- Wie einfach ist es, deinen Auftritt regelmässig zu pflegen?
- Wie könnten die Folgeseiten aussehen, die künftig deine Seite erweitern?
- Wie sehen die aktiven Menüpunkte, Suchergebnisse und Fehlerseiten auf den Displays deiner Besucher aus?

Eine Sache ist essentiell, um die Besucher von deiner Webpräsenz zu überzeugen: Sie wollen sich zurecht finden und schnell an die Infos kommen, die sie brauchen. Das muss abhängig davon sein, von welchem Gerät sie deine Adresse aufrufen. Eine benutzerfreundliche Navigation, eine komfortable Menübedienung und schnell aufgebaute Grafiken machen es leicht, sich jederzeit zu orientieren.

Zwar ist es nicht möglich, dass Smartphone, Tablet oder Notebook exakt die gleiche Ausgabe deiner Homepage zeigen. Aber es ist möglich, dass die Anzeige jedes Mal benutzerfreundlich ist und ansprechend aussieht. Um das umzusetzen, muss das Konzept deiner Website aber mit den richtigen technischen Möglichkeiten ausgestattet sein.  

Der Schlüssel zum Erfolg - Responsive Webdesign

Responsive Webdesign, kurz RWD genannt, heisst die gestalterische und technische Art und Weise, die es möglich macht, dass diverse Endgeräte mit ihren unterschiedlichen Eigenschaften auf deine Website zugreifen können. Responsivität meint damit, alle User gleich gut abzuholen, unabhängig von den genutzten Geräten. Dabei berücksichtigt das RWD deren Anzeigegrösse, die verfügbaren Eingabemethoden wie Touchscreen, Maus oder Stift und die Geschwindigkeit des Internetanschlusses. Ausserdem ordnet es die Darstellung der Elemente wie Navigation, Seitenspalten, Bilder und Texte sinnvoll an, sodass die Anwenderfreundlichkeit auch auf dem kleinsten Display gegeben ist.

Die technische Basis des Responsive Webdesigns sind die neueren Webstandards wie HTML5 , JavaScripts und CSS3. Bei letzterem macht es das Media Queries-Konzept möglich, die Eigenschaften des jeweiligen Endgerätes direkt nach Breite und Höhe des Browserfensters, der Format-Orientierung, Eingabemöglichkeiten und der Bildschirmauflösung abzufragen. Je nach Vorgaben verändert das Konzept dann das Design.

Es gibt neben der technischen Basis einige weitere sinnvolle Tipps, um eine Website mobil zu machen:

.




Informationen sinnvoll und gut lesbar verdichten
. Den Text nicht zu klein skalieren, um die Lesbarkeit zu erhalten
. Das Layout nutzerfreundlich reduzieren
. Textelemente in Blöck und Spalten setzen (so können sie besser verschoben oder alternativ positioniert werden)
. Die Bildgrafiken nicht über ihre native Grösse skalieren . Logos durch Signets ersetzen oder in der Grösse verkleinern
. Eine eventuell vorhandene vertikale Menüleiste als Liste neu positionieren oder erst auf Klick einblenden lassen

Die Vorteile des RWD gegenüber einer mobilen Website sind deutlich: Hier muss nur eine einzige Version erstellt werden, denn diese passt sich von alleine der verfügbaren Umgebung an. So ändert sich das Layout beispielsweise je nach Breite des Browser-Fensters. Ausserdem gibt es nur eine URL, mit der ein Nutzer von unterschiedlichen Geräten auf dieselbe Seite zugreifen kann. 

Ein weiterer Grund, warum du deine Website an das RWD anpassen solltest: Google macht sein Seiten-Ranking auch von der Eigenschaft «mobile friendly» abhängig. So verlieren nun Seiten, die nicht mobiloptimiert sind, an Plätzen.  

Dein Weg zu einer professionellen Webpräsenz

Wie du siehst, ist das Thema Responsive Webdesign genauso komplex wie wichtig. Wenn du möchtest, dass deine Website zu den 10 % der erfolgreichen Internetseiten im Netz gehört, stell dich diesem Thema am besten möglichst rasch.

Brauchst du dafür einen Spezialisten, der den Herausforderungen des RWD gewachsen ist und sich gleichermassen mit zielführendem Marketing und neuester Technologie auskennt? Hier kommen wir von HORISEN ins Spiel. Wir bieten dir eine professionelle Webpräsenz im Responsive Design für dein Unternehmen und garantieren damit ein interaktives Surf-Erlebnis für deine Kunden und Interessenten auf allen möglichen Endgeräten. Mit einer Website, die den modernen Ansprüchen gerecht wird, erreichst du die Besucher und überzeugst sie von deinem Unternehmen - und zwar auf den ersten Blick.

Unsere Verbindung aus professioneller Gestaltung und sicherer Programmierung sowie dem besten Responsive Webdesign ist einzigartig auf dem Markt. Deine Vorteile: wir kümmern uns um die Erstellung deiner Website und orientieren uns dabei an deinen Wünschen und Vorstellungen. Nebenher sparst du Geld, Aufwand und Kosten für Organisation, Produkt- und Servicepromotion auf mehreren Kanälen. Wenn du Näheres erfahren willst, klicke auf https://www.horisen.com/de/web-services/webseiten und erfahre alles über deinen Weg zur erfolgreichen Website.

Quellen / Einzelnachweise

http://www.blogprojekt.de/2015/03/04/bounce-rate-optimierung/so-kannst-du-die-absprungrate-erfolgreich-senken-5-massnahmen/ 

http://de.wikipedia.org/wiki/Responsive_Webdesign

https://www.kabelwelten.de/web-ist-nicht-print-oder-warum-sie-ihren-elektriker-nicht-das-bad-umbauen-lassen/

http://www.elmastudio.de/webdesign/webdesign-goes-mobile-first-eine-kleine-einfuhrung-zum-neuen-webdesign-trend/

Buch: Erfolgreiche Websites. SEO, SEM, Online Marketing, Usability. Von Esther Düweke, Stefan Rabsch. Galileo Press 2014.