Wie Sie mit einer Website tausend Geräte bespielen und das auch tun sollten

Transkript

1 Wie Sie mit einer Website tausend Geräte bespielen und das auch tun sollten Informationen, Zahlen und Beispiele über Responsive Webdesign von artundweise GmbH Dirk Beckmann artundweise GmbH Sämtliche Unterlagen bleiben unser geistiges Eigentum. Verwendung und Vervielfältigung nur mit unserer schriftlichen Genehmigung, dies gilt auch für Verwendung und Übergabe an Dritte. Auf Entwürfe besteht seitens des Kunden grundsätzlich kein Nutzungsrecht (Verwertungsrecht). Dieses tritt erst nach formaler Auftragserteilung bzw. Etatübergabe an die Agentur artundweise GmbH in Kraft. Ausnahmen müssen schriftlich fixiert sein. Eine Website für tausend Geräte von artundweise am Freitag, 7. Dezember 2012 Seite 1 von 7

2 Die mobile Internetnutzung nimmt rapide zu und überholt die Nutzung von Websites mit herkömmlichen PCs. Wer eine Website betreibt muss wissen, dass schon 2013 die meisten seiner Nutzer sie über mobile Endgeräte aufrufen werden. Die mobile Nutzung von Internetangeboten wächst rasant, was vor allem am Erfolg des iphones und anderen Smartphones liegt. "Einen echten Boom gibt es beim mobilen Internet", sagte der Verbandspräsident des BITKOM Dieter Kempf. So nutzen 37 Prozent (oder 26 Millionen Menschen) hierzulande das Netz auf dem Handy oder Tablet-PC. Die mobile Nutzung steigt und überholt die Nutzung von Websites und Shops mit einem PC-Browser. Eine Website für tausend Geräte von artundweise am Freitag, 7. Dezember 2012 Seite 2 von 7

3 Die meisten Websites und Shops sind auf die Nutzung mit mobilen Geräten nicht vorbereitet. Websites, die in den letzten Jahren entstanden sind, können oft nicht auf die Bildschirmgröße des aufrufenden Gerätes reagieren, sondern zeigen eine Darstellung, die für den PC optimiert wurde. Besonders hinderlich ist dieses nichtskalierende Layout beispielsweise für Online-Shops, denn das bedeutet, dass die Inhalte lediglich verkleinert dargestellt werden. Große Bilder stellen sich dann noch ansehnlich dar, doch Orientierung und Navigation fallen deutlich schwerer. Das sogenannte Wurstfinger-Problem erreicht dann den höchsten Schwierigkeitsgrad und der Nutzer muss entweder in einzelne Details hineinzoomen oder sich mit Hilfsmitteln wie speziellen Eingabestiften behelfen. In den meisten Fällen wird sich der Nutzer allerdings nicht die Mühe machen und nach einer Lösung suchen; der Besuch der Seite wird abgebrochen, auf später verschoben oder generell nicht weiter fortgesetzt. Ein Online-Shop, der auf den Desktopbrowser ausgerichtet ist und auf anderen Geräten nicht nutzbar ist. Eine Website für tausend Geräte von artundweise am Freitag, 7. Dezember 2012 Seite 3 von 7

4 Bei den meisten Web-Angeboten von Firmen entsteht bei mobiler Nutzung ein schlechter Eindruck. Der erste Eindruck, der mobil geliefert wird, hinterlässt einen negativen Beigeschmack; die Anzahl der abgebrochenen Warenkörbe erhöht sich und die Anzahl der wiederkehrenden Besucher schrumpft. Was sich wie ein technisches Detail anhört, ist somit von großer strategischer Bedeutung: Nutzer erwarten heute eine optimale Darstellung auf ihren mobilen Geräten, denn sie surfen während der Pause, auf dem Weg von und zur Arbeit oder während sie einkaufen. Websites, die keine optimale Darstellung auf den mobilen Geräten erzeugen, werden immer häufiger verlassen. Die Firmen, die sich auf mobilen Geräten nicht passend präsentieren, gelten als unmodern. Gerade die junge Zielgruppe nutzt mobile Geräte parallel zu klassischen Medien, wie TV oder Radio eine große Chance sie zur besten Sendezeit zu erreichen. Egal ob Markenwebsite, Unternehmenspräsenz oder Shop, jeder der im Internet aktiv ist, um auf sich aufmerksam zu machen, muss über dieses Thema nachdenken. Eine Website für tausend Geräte von artundweise am Freitag, 7. Dezember 2012 Seite 4 von 7

5 Die Lösung des Problems heisst Responsive Website Design Seit einiger Zeit haben sich Technologien und Designmethoden durchgesetzt, die man mit "Responsive Design" umschreiben kann. Dieses Vorgehen erlaubt es, für die verschiedenen Geräte spezifische Versionen der Website auszuliefern, OHNE mehrere Websites programmieren zu müssen. Technisch gesehen, wird auf den vorhandenen Systemen aufgesetzt. Die Ausgabe und Darstellung der Inhalte wird angepasst. Dabei wird die gesamte Darstellung der Inhalte auch für die klassischen Desktop-PCs - optimiert. Um eine Bildschirmgröße unabhängige Gestaltung zu realisieren arbeiten Techniker mit Designern und Informationsarchitekten eng und iterativ zusammen. Schon zu Beginn eines Projektes werden die verschiedenen Geräte, auf denen das WebAngebot am Ende präsentiert werden soll, berücksichtigt. Mit dieser Vorgehensweise wird sowohl ein optisch als auch funktional optimales Ergebnis erreicht. Eine Website für tausend Geräte von artundweise am Freitag, 7. Dezember 2012 Seite 5 von 7

6 Unsere eigene Website ist ein gutes Beispiel Ein gutes Beispiel für eine "responsive Website" ist unsere eigene neue Agentur-Website: Diese lädt nun sowohl auf besonders kleinen als auch besonders großen Bildschirmen zum Stöbern ein. Ganz gleich, ob Ihr Gerät ein Smartphone oder ein Tablet-PC ist oder das Android- oder ios-betriebssystem nutzt - Sie erhalten eine Darstellung, die für Ihren Screen optimal ist. Und selbst wenn kein mobiles Device zur Verfügung steht, können Sie die automatische Anpassung der Darstellung in Ihrem Browser beobachten: Ziehen sie einfach das Fenster größer oder kleiner und sehen Sie, wie die Seite reagiert. Von Laptop über Tablet bis hin zum Smartphone wird jede Screengröße mit einer passenden Anzeige der Inhalte bedient. Eine Website für tausend Geräte von artundweise am Freitag, 7. Dezember 2012 Seite 6 von 7

7 Nur wer seine Website auf die neuen mobilen Geräte optimiert, erreicht jetzt und in Zukunft seine Zielgruppen. Wir helfen Ihnen dabei. Kontakt Dirk Beckmann Telefon Eine Website für tausend Geräte von artundweise am Freitag, 7. Dezember 2012 Seite 7 von 7