Mobile Website-Gestaltung - Anforderungen an eine professionelle mobile Website www.ebusiness-lotse-koeln.de
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
LEITFADEN Mobile Website-Gestaltung Anforderungen an eine professionelle mobile Website www.ebusiness-lotse-koeln.de
Impressum
Text und Redaktion:
Aline Eckstein, Judith Halbach,
Anke Tischler und Philipp Wenker
eBusiness-Lotse Köln
Herausgeber:
eBusiness-Lotse Köln
c/o IFH Institut für Handelsforschung GmbH
Dürener Str. 401b • 50858 Köln
www.ebusiness-lotse-koeln.de
Geschäftsführer: Dr. Kai Hudetz, Boris Hedde
HRB 36697 • Amtsgericht Köln
Grafische Konzeption und Gestaltung:
Tobias Eberhardt, Neckargemünd
Bildquellen:
Titel: Warakorn, www.fotolia.com
Seite 5: Robert Kneschke, www.fotolia.com
Seite 6: Sergey Nivens, www.fotolia.com
Seite 12: Yana Tsvetkova, www.fotolia.com
Seite 15: goodluz, www.fotolia.com
Seite 17: bloomua, www.fotolia.com
Seite 19: pressmaster, www.fotolia.com
Stand: November 2013
Inhaltsverzeichnis
1 Einleitung 4
2 Navigation und Optimierung für mobile Endgeräte 6
2.1 Notwendigkeit der Optimierung für mobile Endgeräte 6
2.2 Verschiedene Möglichkeiten der Optimierung 7
2.3 Bedienung und Bewegung auf der mobilen Website 10
2.4 Navigationsmöglichkeiten auf der mobilen Website 10
2.5 CHECKLISTE | Navigation und Optimierung für mobile Endgeräte 11
3 Technische Anforderungen 12
3.1 Suchmaschinenoptimierung 12
3.2 Funktionsfähigkeit und Kompatibilität der Website 13
3.3 Möglichkeiten der Kontaktaufnahme 14
3.4 CHECKLISTE | Technische Anforderungen 15
2
Inhaltsverzeichnis
4 Organisatorische Anforderungen 16
4.1 Regelmäßigkeit der Aktualisierung von Website-Inhalten 16
4.2 Analyse der mobilen Seitenzugriffe (Web Analytics) 16
4.3 Abstimmung der Inhalte zwischen klassischer und mobiler Website 18
4.4 CHECKLISTE | Organisatorische Anforderungen 18
5 Rechtliche Anforderungen 20
5.1 Rechtsrahmen im M-Commerce 20
5.2 Hinweispflichten in Apps 20
5.3 Ausnahmen für Smartphones? 20
5.4 Angepasste Darstellung 22
5.5 Speicherung von Informationen 22
5.6 Location-based Services 23
5.7 CHECKLISTE | Recht bei mobilen Websites und im M-Commerce 23
6 Projektpartner 24
eBusiness-Lotse Köln 24
eBusiness-Lotse Pfalz 24
eKompetenz-Netzwerk für Unternehmen 25
7 Quellen 26
8 Weiterführende Literatur 27
3
Mobile Website-Gestaltung
1 Einleitung
Smartphones und Tablets sind bereits Für die mobile Website bedeutet dies,
heute in den meisten Haushalten zu fin- dass viele Herausforderungen beste-
den und ihre Verbreitung steigt weiter- hen, die bereits bei der klassischen
hin stark. In Deutschland besaßen im Website vorhanden waren. So kann
November 2012 rund 30 Millionen Men- die mobile Variante nur dann erfolg-
schen ein Smartphone1 – was bedeu- reich sein, wenn bei der klassischen
tet, dass mittlerweile ungefähr die Version bereits die ersten Schritte
Hälfte der deutschen Handybesitzer mit für einen gelungenen Internetauftritt
ihrem Mobiltelefon Zugang zum Inter- gemacht wurden. Nur das gut funkti-
net und zu einer Vielzahl von Apps onierende Zusammenspiel zwischen
hat. Das Internet ist damit schon lange den verschiedenen Versionen kann die
nicht mehr auf den heimischen Compu- Online-Strategie eines Unternehmens
ter beschränkt. Für die Betreiber einer zum Erfolg bringen, aus diesem Grund
Website ist diese Entwicklung Fluch und ist eine unabhängige Betrachtung der
Segen zugleich. Die Zielgruppe kann mobilen Website nicht möglich.
heutzutage überall erreicht werden und
es bieten sich unzählige neue Möglich- Die Gestaltung und Programmierung
keiten der Kundenansprache. Schon von Websites für die unterschiedlichen
heute setzen einige Konsumenten ihr Endgeräte ist ein sehr komplexes und
Smartphone ein, um vor dem Kauf in herausforderndes Thema. Dieser Leitfa-
stationären Geschäften, Online-Shops den soll Ihnen einen ersten Überblick zu
oder Katalogen nach Informationen zu der Gestaltung mobiler Websites geben,
suchen. Diese Kaufvorbereitung mit kann aber die Zusammenarbeit bei der
dem Mobiltelefon betrifft 4,4 Prozent der Erstellung von mobilen Websites mit
Käufe in Ladengeschäften und 8,7 Pro- Spezialisten nicht ersetzen. Neben der
zent der Online-Bestellungen.2 Navigation und Optimierung für mobile
Endgeräte werden technische und orga-
Zusätzlich entstehen durch die ver- nisatorische Anforderungen aufgezeigt.
schiedenen Endgeräte aber auch neue Damit Sie auch rechtlich immer auf der
Herausforderungen, denn nur wer die sicheren Seite sind, widmet sich das
veränderten Rahmenbedingungen ver- letzte Kapitel einigen rechtlichen Vor-
steht, kann seinen Kunden einen Mehr- aussetzungen, die bei einer mobilen
wert bieten und einen Nutzen aus der Website beachtet werden müssen.
neuen Entwicklung ziehen. Durch das
mobile Internet müssen Websites heute
so konzipiert werden, dass sie auf jeder
Displaygröße optimal dargestellt wer-
den. Die inhaltlichen Herausforderun-
gen einer Website sind größtenteils
unverändert geblieben, aber die äußere
Darstellung muss angepasst werden,
damit die Website auch weiterhin ein
möglichst großes Publikum erreicht.
4
Gestalterische und inhaltliche Anforderungen
5
Website-Gestaltung für kleine und mittlere Unternehmen
2 Navigation und Optimierung
für mobile Endgeräte
2.1 Notwendigkeit der Optimierung für mobile Endgeräte
Die Website eines Unternehmens ge- möglichkeiten. Mittlerweile nutzen 40
hört zu einem der wichtigsten Marketing- Prozent der Deutschen ein Smartphone
instrumente und immer häufiger finden und 61 Prozent der Smartphone-Besit-
Websitezugriffe mit mobilen Endgeräten zer greifen täglich damit auf das Internet
statt. Jedes Unternehmen sollte sich zu.4 Tablets wiederum sind kleinere Com-
deshalb die Frage stellen, ob die eigene puter, die ohne Tastatur auskommen.
Website bereits für Smartphone und Tab- Der Bildschirm ist größer als bei einem
let optimiert ist. Denn dass eine Optimie- Smartphone, jedoch kleiner als bei einem
rung notwendig ist, ist unbestritten: Laut Notebook. Jeder zehnte Deutsche besitzt
einer PwC-Studie werden international heutzutage ein Tablet und ihre Verbrei-
bereits im Jahr 2017 mehr Menschen tung ist stark steigend.5
einen Zugang zum mobilen als zum sta-
tionären Internet haben.3 Die Schlussfol- Diese Entwicklung bedeutet, dass immer
gerung für Website-Betreiber ist klar: An mehr Geräte mit kleinen Displays für den
der mobil optimierten Website führt kein Zugriff auf das Internet verwendet wer-
Weg vorbei. den. Eine klassische Website ist auf die-
sen Geräten meist schlecht zu erken-
Von einer mobil optimierten Website nen, weshalb bei der Programmierung
spricht man dann, wenn sie auf mobi- neue Herausforderungen anfallen. Die
len Endgeräten problemlos dargestellt optimale Darstellung der Website muss
wird. Aber auch zwischen den verschie- auf jedem Gerät und jeder Displaygröße
denen mobilen Geräten gibt es zum Teil sichergestellt werden, damit die Besu-
erhebliche Unterschiede. Grundsätzlich cher die Internetpräsenz nicht aufgrund
kann zwischen Smartphone und Tablet von Darstellungsproblemen verlassen
unterschieden werden. Als Smartphone und zur Konkurrenz abwandern. Beson-
wird ein Mobiltelefon mit erweiterten Nut- deres Augenmerk liegt dabei auf der
zungsmöglichkeiten bezeichnet. Beson- Optimierung für Smartphones, da viele
ders das größere Display im Vergleich Desktopseiten auf Tablets verhältnismä-
zum klassischen Mobiltelefon und das ßig gut dargestellt werden. Viele Tipps
komplexere Betriebssystem, bieten den aus diesem Ratgeber beziehen sich
Nutzern eine Vielzahl von Anwendungs- daher auf Smartphones.
6
Navigation und Optimierung für mobile Endgeräte
2.2 Verschiedene Möglichkeiten der Optimierung
Nachdem im ersten Schritt die Entschei- des Displays. Web-Apps funktionieren
dung für die Optimierung der Website für wie die mobile Desktop-Seite auf allen
mobile Endgeräte getroffen wurde, muss gängigen mobilen Geräten, unabhängig
nun die konkrete Herangehensweise von Gerätetyp oder Betriebssystem.
bestimmt werden. Dabei gibt es meh-
rere Möglichkeiten der Optimierung für Eine native App wird hingegen für ein
mobile Endgeräte: Die Programmierung bestimmtes Betriebssystem program-
einer oder mehrerer Apps, die Optimie- miert (z. B. Android oder iOS). Für die
rung der klassischen Desktop-Website, Verwendung muss eine Native-App
die Programmierung einer eigenständi- zuerst in einem App-Store herunter-
gen mobilen Website sowie die gemein- geladen und auf dem Gerät installiert „Als Webdesigner rate ich
same Neuprogrammierung von Desktop- werden. Sie ist anschließend auch off- allen Kunden zu einer „res-
ponsive Website“. So kön-
und mobiler Website mittels Responsive line verfügbar und es ist möglich, mit nen Sie sicherstellen, dass
Design. Die Entscheidung für eine die- der App auf spezifische Funktionen des Sie für die Zukunft und den
ser Herangehensweisen leitet sich vor Smartphones wie etwa die Kamera oder sich ständig ändernden
allem aus der Zielsetzung für den mobi- die Lokalisierung per GPS zuzugrei- Markt der internetfähigen
Geräte optimal aufgestellt
len Auftritt, der Komplexität der umzuset- fen. Wenn eine Native-App auf verschie- sind. „Responsive Webde-
zenden Inhalte und dem zur Verfügung denen mobilen Endgeräten mit unter- sign“ bedeutet dabei weit
stehenden Budget ab. Für diesen Leitfa- schiedlichen Betriebssystemen laufen mehr als die reine optische
den gehen wir davon aus, dass es sich soll, müssen jedoch viele verschiedene Anpassung der Webseite für
verschiedene Endgeräte. Mit
bei den mobil darzustellenden Websites Versionen programmiert werden, was einer Fokussierung auf das
vor allem um Informationsseiten handelt, aufwendig und teuer werden kann.6 Wesentliche in Bezug auf
die quasi eine „digitale Visitenkarte“ des Inhalte und Navigation kann
Unternehmens darstellen. Sie enthalten Kleine und mittelständische Unter- zugleich ein weiterer, enor-
mer Mehrwert für den Kun-
folglich eine Präsentation der wichtigs- nehmen wollen in der Regel auf einer den geschaffen werden.“
ten Unternehmensinformationen, aktu- mobilen Website vor allem Informatio-
elle Neuigkeiten und Kontaktmöglichkei- nen bereitstellen. Für diese Unterneh- Oliver Brux,
ten, verzichten jedoch auf komplexere men ist es daher weniger wichtig, dass Webdesigner, Essen
Funktionen wie etwa den Verkauf von ihr Angebot auch offline verfügbar ist,
Produkten. dass auf spezifische Smartphone-Funk-
tionen zugegriffen wird oder dass kom-
App vs. mobile Website plexe Inhalte umgesetzt werden. Für sie
empfiehlt es sich daher auf eine der im
Bei der Optimierung von Inhalten für Folgenden beschriebenen drei Möglich-
mobile Endgeräte stellt sich zunächst keiten der mobilen Optimierung zurück-
eine grundsätzliche Frage: Sollen eine zugreifen, da diese weniger zeit- und
oder mehrere Apps programmiert oder kostenintensiv sind.
eine mobile Version der Website erstellt
werden? Bei den Apps wird zwischen
Web-Apps und nativen Apps unterschie-
den. Web-Apps unterscheiden sich in
technischer Hinsicht kaum von einer
eigenständigen mobilen Website. Beim
Aufruf der Website werden Nutzer mobi-
ler Geräte zur Web-App weitergeleitet.
Anders als eine mobile Variante der
Desktop-Seite entspricht die Web-App
eher einer Anwendung und die Interak-
tion spielt eine wichtige Rolle. Auch die
Optik einer Web-App unterscheidet sich
häufig von einer mobilen Desktop-Seite.
Oft wird eine Navigationsleiste am obe-
ren Bildschirmrand fixiert und es gibt
zusätzliche Buttons am unteren Rand
7Mobile Website-Gestaltung
Optimierung der klassischen Achten Sie auch darauf, dass zentrale
Desktop-Website Informationen wie z. B. Öffnungszeiten
und Telefonnummer möglichst schnell
Eine erste Möglichkeit ist die Optimie- zu erreichen sind. Ein Suchfeld, wel-
rung der klassischen Desktop-Website, ches direkt auf der Startseite platziert ist,
damit diese problemlos mit dem Smart- erleichtert die Navigation und ermöglicht
phone bzw. Tablet bedient werden kann. den Nutzern ohne viel Scrollen und Kli-
Hierbei sind verschiedene im Folgen- cken zu den gewünschten Informationen
den vorgestellte Maßnahmen denkbar. zu gelangen.
Beachtet werden muss jedoch, dass eine
Website, die intensiv für mobile End- Programmierung einer
geräte optimiert wurde, nicht mehr den eigenständigen mobilen Website
Ansprüchen von herkömmlichen Bild-
schirmen genügt und dass die aufgeführ- Eine weitere Möglichkeit der Optimierung
ten Punkte die klassische Website für ist die Programmierung einer eigenstän-
den Aufruf über mobile Geräte verbes- digen mobilen Website. Die Mobile-Ver-
sern, jedoch keine abschließende Opti- sion der Website besitzt in der Regel
mierung für Smartphones darstellen.7 eine eigene URL, die sich von der Desk-
top-Version unterscheidet (z. B. m.bei-
Als Erstes sollte die Performance der spielunternehmen.de oder mobile.bei-
Website optimiert werden, denn eine spielunternehmen.de). Die Auswahl der
Website, die bereits auf dem PC lange Version kann entweder von den Nutzern
Ladezeiten aufweist, benötigt auf dem selber getroffen werden oder eine auto-
mobilen Endgerät noch wesentlich län- matische Weiterleitung auf die für den
ger, um geladen zu werden. Das liegt Nutzer kompatible Version kann einge-
daran, dass mobile Internetverbindun- richtet werden, wobei die zweite Alterna-
gen in den meisten Fällen deutlich lang- tive der elegantere Weg ist und in den
samer sind als ein haushaltsüblicher meisten Fällen bevorzugt wird. Bei jedem
DSL-Anschluss. Besonders bei Bildern Aufruf der Website wird vom Browser
und Videos handelt es sich um große eine Kennung an den Server gesendet,
Dateien, die dementsprechend lange mit deren Hilfe das verwendete Gerät
brauchen, um geladen zu werden. ermittelt wird. Leider funktioniert diese
Eine Lösung für dieses Problem kann Variante nicht immer zuverlässig und
sein, die Bilder zu komprimieren oder es kann passieren, dass ein Gerät nicht
die Auflösung herunterzusetzen. Bei richtig erkannt und die falsche Version
Fotoportalen wie Flickr oder Fotolia der Website ausgegeben wird. Daher ist
können Bilder direkt in unterschiedlichen es wichtig, dass die Nutzer immer die
Auflösungen erworben werden. Der Möglichkeit haben, zwischen den ver-
dadurch entstehende Qualitätsverlust schiedenen Versionen zu wechseln.
ist mit bloßem Auge kaum zu erkennen,
jedoch ist die Ersparnis bei der Ladezeit Die Mobile- und Desktop-Version der
ein großer Vorteil. Website können sich in mehreren Punk-
ten unterscheiden. So können hochauf-
Ein weiterer Punkt, der die Bedienung lösende Grafiken auf der Desktop-Ver-
mit dem Smartphone erleichtert, ist die sion durchaus Sinn machen, diese sollten
Größe der Menüfelder. Da die Smart- jedoch bei der mobilen Darstellung ver-
phone-Nutzer das Gerät mit den Fingern mieden werden, damit keine unnöti-
bedienen, sollten die Menüpunkte mög- gen Ladezeiten entstehen. Die beiden
lichst groß gehalten werden und nicht Versionen können sich auch bezüglich
zu dicht beieinander stehen. Außerdem der Navigation unterscheiden. Große
sollten Informationen, die nur erschei- Menüelemente am oberen Rand und But-
nen, wenn man mit dem Cursor über tons eignen sich beispielsweise vor allem
einen Begriff oder Link geht, sogenann- für die Mobile-Version. Auf einem großen
tes „hovern“, vermieden werden. Die PC-Display dagegen kann eine andere
Informationen können über einen Touch- Anordnung der Navigation unter Umstän-
screen in dieser Form nicht dargestellt den sinnvoller sein. Etwas schwieri-
werden und würden verloren gehen. ger wird es bei der Auswahl der Inhalte.
8Navigation und Optimierung für mobile Endgeräte
Auf kleinen Displays ist die Darstellung auch auf größere Bildschirme ange-
beschränkt und zu viel Inhalt kann schnell passt (z. B. Smartphone-Version g Tab-
unübersichtlich wirken. Der Inhalt kann let-Version g Desktop-Version). Dieser
gekürzt werden, indem nur die wesentli- Ansatz liefert meist gute Ergebnisse und
chen Inhalte verwendet werden. Hier ent- es besteht nicht die Gefahr, dass wichti-
steht jedoch das Problem, dass sich die ger Inhalt bei der mobilen Version verlo-
Nutzer der Mobile-Version schnell als ren geht.9
„Nutzer zweiter Klasse“ fühlen und Hin-
weise wie „Weitere Informationen auf der Besonders hilfreich sind hierfür
Desktop-Seite“ oder „Hauptseite“ dazu Content-Management-Systeme (CMS),
führen können, dass die Mobile-Version die Erweiterungen für mobile Endge-
wie eine ausgedünnte Version der Haupt- räte anbieten. Sie ermöglichen die ver-
seite wirkt. Es ist also durchaus mög- hältnismäßig einfache Erstellung von
lich mit unterschiedlichen Inhalten auf responsiven Websites und stellen darü-
den beiden Versionen zu arbeiten, aller- ber hinaus sicher, dass neue Inhalte nur
dings muss dabei stets beachtet werden, einmal zentral im CMS eingefügt wer-
dass die Seiten weiterhin alle Informati- den müssen und anschließend in allen
onen bieten, die für die Zielgruppe rele- Website-Versionen ausgespielt werden.
vant sind.8 Zusammen mit einem Wartungs- oder
Support-Service eines Dienstleisters las-
Responsive Webdesign sen sich so die meisten Änderungen
an der Website eigenständig erledigen.
Die aktuell wohl am meisten diskutierte Umfangreichere und komplexere Ände-
Technik für die Darstellung einer Website rungen an der Website müssen jedoch
auf allen Displaygrößen, ist das soge- häufig in Zusammenarbeit mit dem
nannte „Responsive Webdesign“. Mit Dienstleister durchgeführt werden.10
dieser Technik kann eine Website erstellt
werden, die sich auf die Größe des Bild- Weiterführende Informationen zum
schirms anpasst. Hierfür ist nur eine Ver- Design von Websites für verschiedene
sion der Website nötig, was den Vor- Bildschirmgrößen und Ausgabegeräte
teil bietet, dass auch nur eine Version liefert der kostenfreie Leitfaden „Multi-
gepflegt werden muss. Eine Website, screen – Die Möglichkeiten geräteüber-
die auf dem Desktop-PC dreispaltig ist, greifender Web-Strategien verstehen
wird bei der Verwendung eines kleine- und sinnvoll einsetzen“ des Bundesver-
ren Displays zwei- oder einspaltig darge- band Digitale Wirtschaft (BVDW) e. V.
stellt. Die Umsetzung erfolgt durch eine
dynamische Programmierung der ver-
wendeten Elemente der Website, indem
die Bausteine nicht in Pixeln, sondern in
Prozenten definiert werden.
Eine bestehende Desktop-Version kann
mit Responsive Webdesign so ange-
passt werden, dass sie auch gut auf
kleineren Bildschirmen angezeigt wird.
Dafür müssen allerdings alle Elemente
angepasst und zum Teil neu program-
miert werden, weshalb sich das Respon-
sive Webdesign besonders dann eig-
net, wenn ein kompletter Relaunch der
Website geplant ist. Bei einem Relaunch
besteht zudem der Vorteil, dass die neue
Seite mit dem sogenannten „Mobile
First“-Ansatz aufgebaut werden kann.
Bei diesem Ansatz wird zuerst eine
mobile Version der Website erstellt und
in weiteren Schritten wird die Website
9Mobile Website-Gestaltung
2.3 Bedienung und Bewegung auf der mobilen Website
Wenn eine klassische Website nicht Um Ihren Nutzern den Besuch Ihrer
für mobile Endgeräte optimiert ist, wird Website möglichst angenehm zu
sie auf mobilen Geräten stark verklei- machen, sollten Sie sich bei der mobi-
nert dargestellt. Besonders bei klei- len Website-Gestaltung Gedanken über
nen Bildschirmen, wie auf dem Smart- die Art der Bedienung und Bewegung
phone, sind die einzelnen Elemente auf der Website machen. Die Nutzer
wie Bilder, Texte etc. nicht zu erkennen sollten alle Elemente auch ohne Zoom-
und die Nutzer müssen zoomen, um die funktion ausreichend groß sehen kön-
verschiedenen Elemente ausreichend nen und auch das Scrollen sollte nur in
groß zu erkennen. Das führt dazu, dass eine Richtung notwendig sein. Mit einem
beim Heranzoomen immer nur ein ein- sogenannten „Ein-Spalten-Layout“ stel-
zelner Ausschnitt der Website betrach- len Sie sicher, dass keine Inhalte über-
tet werden kann und die Nutzer hori- sehen werden und die Nutzer der
zontal und vertikal scrollen müssen, Website durch die Navigation geführt
um weitere Bereiche zu sehen. Durch werden, anstatt diese selber zu über-
diese Mischung aus Zoomen und Scrol- nehmen. Verwenden Sie zudem große
len wird die Bewegung auf der Website Buttons, damit die Nutzer bei der Bedie-
sehr umständlich und wichtige Inhalte nung mit dem Finger nicht versehent-
werden leicht übersehen. Zwar nimmt lich auf den falschen Menüpunkt klicken.
die Genauigkeit beim Klicken auf dem Spezielle Bedienelemente für mobile
Touchscreen im Vergleich zur Bedie- Endgeräte sollten genutzt werden, um
nung am PC mit der Maus ab, jedoch den mobilen Nutzern einen Mehrwert
bieten sich im Mobile-Bereich auch zu schaffen. Wenn Sie z. B. eine Bilder-
neue Möglichkeiten der Navigation, wie galerie auf der Website haben, können
z. B. das sogenannte „Wischen“. die mobilen Nutzer sehr bequem mit der
Wischtechnik zwischen den einzelnen
Bildern hin- und herwechseln.
2.4 Navigationsmöglichkeiten auf der mobilen Website
Auf einer mobilen Website können ver- Ein weiteres wichtiges Element ist die
schiedene Elemente eingesetzt wer- Suchfunktion. Sie ermöglicht den Nut-
den, die den Nutzern die Navigation zern das schnelle Auffinden von Unter-
erleichtern. Als Erstes ist hier die seiten, ohne sich durch viele Unter-
Navigationsleiste zu nennen. Bei Desk- kategorien zu klicken. Dafür sollte die
top-Seiten ist sie häufig am linken oder Suchfunktion an zentraler Stelle auf
oberen Bildrand zu finden. Besonders der Startseite platziert werden. Um den
auf dem schmalen Smartphone-Display Gebrauch der Touchscreen-Tastatur
macht die Anordnung am linken Rand für die Nutzer komfortabler zu machen,
wenig Sinn, da sonst nur wenig Platz können zudem Begriffe durch eine
für den eigentlichen Inhalt bleibt. Eine Autovervollständigung ergänzt werden.
Navigationsleiste sollte demnach am
oberen Rand platziert werden und nur Neben diesen zwei grundlegenden
so viele Punkte enthalten, dass die ein- Möglichkeiten der Navigation gibt es
zelnen Buttons gut erkennbar sind und eine Reihe weiterer Elemente, die je
problemlos mit dem Finger bedient wer- nach Komplexität der Website verwen-
den können. Zusätzlich bietet es sich det werden sollten. Bei tief verzweigten
an, die Leiste am Bildrand zu fixieren. Websites mit einer Vielzahl an Unter-
So bleibt sie auch beim Scrollen immer kategorien kann die Navigation mit der
sichtbar. sogenannten „Breadcrumb-Navigation“
10Navigation und Optimierung für mobile Endgeräte
erleichtert werden. Diese „Brotkrumen- einem Klick auf andere Bereiche der
navigation“ zeigt stets den Pfad zur Website gelangen, ohne selbstständig
aktuellen Seite an, indem sie Links zu navigieren zu müssen. Wenn die Navi-
vorher besuchten, übergeordneten Ele- gation sehr komplex ist und nur schwer
menten anbietet. Ein „Zurück-zur-Über- in einer einzelnen Leiste untergebracht
sicht-Button“ kann dort verwendet wer- werden kann, stellt eine eigene Navi-
den, wo der Inhalt zu einem bestimmten gationsseite eine gute Alternative dar.
Thema endet. Die Nutzer können Dafür wird ein Button verwendet, der
dadurch schnell zwischen den The- von überall auf der Website erreich-
menpunkten wechseln, zusätzlich sig- bar ist, z. B. durch Fixierung am Bild-
nalisiert ein solcher Button das Ende schirmrand. Beim Klicken klappt sich
eines bestimmten Abschnitts. Wenn ein- ein selbstständiger Bereich auf, über
zelne Bereiche der Website miteinan- den die Navigation erfolgt. Diese Art der
der verknüpft werden sollen, bieten sich Navigation findet oft bei Apps Anwen-
interne Verlinkungen an. Über diese dung, ist jedoch auch bei mobilen Web-
Links können die Besucher mit nur sites einsetzbar.
2.5 CHECKLISTE | Navigation und Optimierung für mobile Endgeräte
►► Prüfen Sie, welcher Anteil der ►► Achten Sie bei der Optimierung
Zugriffe auf Ihre Website über Ihrer Website für mobile Geräte
mobile Geräte erfolgt. Daran vor allem auf folgende Punkte:
können Sie erkennen, wie drin-
gend das Thema der mobilen Opti- • Aufgrund der eingeschränkten
mierung für Ihr Unternehmen ist. Darstellung ist eine übersichtliche
Bedenken Sie dabei auch, dass und intuitive Navigation unbedingt
der Anteil der mobilen Zugriffe in notwendig. Nutzen Sie dafür die
den nächsten Jahren stark stei- gebräuchlichen Elemente – wie
gen wird. Weitere Informationen eine am oberen Bildrand fixierte
zur Analyse der mobilen Seitenzu- Navigationsleiste, eine Such-
griffe finden Sie in Kapitel 4.2. funktion oder „Zurück zur Über-
sicht“-Buttons, so dass sich Ihre
►► Machen Sie sich mit den in Besucher jederzeit auf Ihrer Web-
Kapitel 2.2 vorgestellten Mög- site zurechtfinden.
lichkeiten der Optimierung für
mobile Endgeräte vertraut und • Die Besucher Ihrer mobilen Web-
wägen Sie ab, welche Variante site sollten alle Inhalte auch ohne
für Sie sinnvoll ist. Grundsätz- Zoomfunktion erkennen können.
lich kommen für die meisten Das Scrollen sollte zudem nur in
Unternehmen eine eigenständige eine Richtung notwendig sein. So
mobile Website oder ein Respon- werden keine Inhalte übersehen.
sive Design in Frage. Eine native
App ist aufgrund der Vielzahl • Neben den Einschränkungen, die
der existierenden Betriebssys- bei der mobilen Website-Gestal-
teme und Bildschirmgrößen auf- tung bestehen, bieten mobile End-
wendiger und teurer in der Pro- geräte einige Möglichkeiten, die
grammierung und stellt eher eine mit dem PC nicht genutzt werden
Lösung für größere Unternehmen können. Um Ihren mobilen Besu-
dar. Vor allem wenn ohnehin ein chern einen zusätzlichen Nutzen
Relaunch Ihrer Website ansteht, zu bieten, verwenden Sie unbe-
sollten Sie sich eingehend mit dingt Elemente wie beispielsweise
den Möglichkeiten des Respon- die Standortbestimmung oder
sive Webdesigns beschäftigen. Techniken wie das „Wischen“.
11Mobile Website-Gestaltung
3 Technische Anforderungen
3.1 Suchmaschinenoptimierung
Für viele Kunden beginnt der Kaufpro- erscheinen und spielt bereits während
zess mit einer Online-Recherche zu des Programmiervorgangs eine Rolle.
Produkten, Dienstleistungen und Unter- Nur durch eine saubere Programmie-
nehmen. Dies gilt auch für den Kauf im rung im Zusammenspiel mit aussage-
stationären Handel: So wird vor 21,1 kräftigen und einzigartigen Inhalten
Prozent der Offline-Käufe eine Such- kann eine gute Auffindbarkeit im Web
maschine in den Informationsprozess gewährleistet werden.
mit eingebunden.11 Die Auffindbarkeit
der eigenen Website durch Suchma- Im Grunde unterscheidet sich SEO für
schinen ist daher enorm wichtig, denn mobile Websites nur wenig von der
so kann die eigene Bekanntheit gestei- Suchmaschinenoptimierung für klassi-
gert und die Gewinnung neuer Kun- sche Websites. Die bereits bekannten
den vorangetrieben werden. Die Such- Maßnahmen der Optimierung von Web-
maschinenoptimierung (SEO) sorgt sites sollten daher auch auf die mobile
dafür, dass Websites im Ranking der Version angewandt werden.
Suchmaschinen auf höheren Plätzen
Detaillierte Informationen zur Suchmaschinenoptimierung von Websites
erhalten Sie in dem vom eBusiness-Lotsen Köln entwickelten Ratgeber
„Website-Gestaltung für kleine und mittlere Unternehmen“.
Diesen können Sie herunterladen unter www.mittelstand-digital.de
12Technische Anforderungen
Die gute Nachricht für alle Betreiber von Inhalt auf verschiedenen Websites, zu
mobil optimierten Websites ist, dass beschäftigen. Dieser wird von Suchma-
diese bei einer Suche mit mobilen End- schinen in der Regel gefiltert und zum
geräten von Suchmaschinen besser Teil sogar negativ bewertet. Verschie-
positioniert werden als nicht mobil opti- dene Maßnahmen – etwa die Bereitstel-
mierte Websites. Denn die Suchmaschi- lung der mobilen Inhalte innerhalb einer
nen möchten ihren Kunden bestmöglich Subdomain wie m.domain.de – sind in
nutzbare Ergebnisse anzeigen. Wurde diesem Fall denkbar, um eine Abstra-
kein „Responsive Webdesign“ verwen- fung durch Suchmaschinen zu vermei-
det, sondern existieren unterschiedliche den. Die genaue technische Umsetzung
Versionen für mobile Endgeräte und sollte jedoch durch einen Programmie-
für größere Bildschirme, ist es wichtig, rer erfolgen und ist nicht Inhalt dieses
sich mit dem Thema „Duplicate Con- Ratgebers.12
tent“, also der Darstellung von gleichem
3.2 Funktionsfähigkeit und Kompatibilität der Website
Die Sicherstellung der Funktionsfähigkeit Die Überprüfung externer und interner
und Kompatibilität der mobilen Website Links stellt eine weitere notwendige
umfasst zahlreiche Aspekte und sollte Kontrolle dar. Gerade externe Links
regelmäßig überprüft werden, um allen sind anfällig für Fehler, da sie auf
Besuchern eine fehlerfreie Benutzung fremde Inhalte verweisen und die kor-
der Website zu garantieren. Um diese rekte Funktionsweise dieser externen
sicherzustellen, gibt es eine Reihe von Informationen nicht in der eigenen Ver-
Tests bzw. Kontrollen, die jeder Website- antwortung liegt. Sogenannte „tote
betreiber regelmäßig durchführen sollte. Links“ können nur durch eine regelmä-
ßige Kontrolle ausgeschlossen werden.
Der Aufruf einer Website erfordert das Die Besucher einer Website mit vielen
Laden zahlreicher zugehöriger Daten. Je nicht funktionierenden Links werden
größer die Datenmenge ist, desto länger die Seite schnell verlassen und sich die
dauert die Ladezeit. Beim Zugriff mit benötigten Informationen oder Produkte
mobilen Endgeräten findet die Internet- anderweitig beschaffen.
verbindung in vielen Fällen über das
Mobilfunknetz statt. Für die Mobilfunk- Da die mobile Website von verschie-
kunden stehen dabei oft nur begrenzte denen Geräten (hauptsächlich Smart-
Datenvolumen zur Verfügung und die phone und Tablet) mit unterschiedli-
Geschwindigkeit der Übertragung variiert chen Betriebssystemen (Android, iOS,
stark. Verschiedene Studien finden her- Windows Phone etc.) aufgerufen wird,
aus, dass Nutzer Ladezeiten zwischen ist die fehlerfreie Darstellung nicht
drei und fünf Sekunden erwarten – dau- immer gewährleistet. Besonders wenn
ert es länger, brechen sie den Vorgang neue Geräte auf den Markt kommen
ab. Die Ladezeit der mobilen Website oder es Updates bei den Betriebssys-
sollte daher regelmäßig überprüft und temen gibt, sollte sichergestellt werden,
durch größenoptimierte Dateien sicher- dass die eigene Website weiterhin auf
gestellt werden. allen handelsüblichen Geräten optimal
dargestellt wird. Nur wenn die Website
Auch die Überprüfung der fehlerfreien mit den verschiedenen Kombinationen
Funktion von Anwendungen sollte regel- von Gerät und Betriebssystem kompa-
mäßig erfolgen. Gerade Anwendungen tibel ist, kann eine größtmögliche Ziel-
für mobile Geräte, wie beispielsweise die gruppe erreicht werden.
Standortbestimmung, sollten einwand-
frei funktionieren. Aber auch Formulare,
Datenbanken etc. sollten regelmäßig auf
ihre Funktionsweise überprüft werden.
13Mobile Website-Gestaltung
3.3 Möglichkeiten der Kontaktaufnahme
Rund ein Drittel der Smartphone-Besit- Bei der Texteingabe über die PC-Tasta-
zer gibt an, mehrmals pro Woche Infor- tur treten hierbei keine Probleme auf. Bei
mationen über lokale, stationäre Händler der Verwendung mobiler Endgeräte sollte
zu suchen.13 In vielen Fällen tun sie dies, jedoch beachtet werden, dass die Text-
um mit den Unternehmen in Kontakt eingabe über den Touchscreen aufwän-
zu treten. Diese sollten auf ihrer mobi- diger ist und die Kontaktformulare soll-
len Website daher einen attraktiven Mix ten dementsprechend gestaltet sein. Aus
an verschiedenen Kontaktmöglichkeiten diesem Grund sollten möglichst wenige
bereithalten. Hier bietet es sich an, die Pflichtfelder enthalten sein und bei der
technischen Vorteile des Smartphones – Angabe der Fragestellung sollten ver-
wie die Lokalisierung über GPS oder die schiedene Vorauswahlen die Textein-
Möglichkeit damit Telefonate zu führen – gabe auf ein Minimum reduzieren. Auch
zu nutzen. Einige wichtige Kontaktmög- das Anzeigen von speziellen Tastaturen
lichkeiten für mobile Websites werden im mit für die Eingabe benötigten Sonder-
Folgenden beschrieben. zeichen, wie etwa dem „@“ bei der Ein-
gabe von E-Mail-Adressen, ist sinnvoll.
Die grundlegenden Informationen zur
Kontaktaufnahme wie Adresse, Telefon- Die Angabe einer allgemeinen Service-
nummer und Öffnungszeiten sollten an E-Mail-Adresse oder E-Mail-Adressen
zentraler Stelle auf der mobilen Website spezieller Ansprechpartner sind eine wei-
zu finden sein. Einen zusätzlichen Ser- tere Möglichkeit, den Besuchern eine
vice für Nutzer mobiler Endgeräte schaf- Kontaktaufnahme zu erleichtern. Auf-
fen weitere Techniken für mobile Geräte. grund der eher komplexen Texteingabe
Neben der reinen Angabe der Adresse, treten jedoch auch hier die gleichen Pro-
gibt es die Möglichkeit, mittels Standort- bleme wie bei den Kontaktformularen
bestimmung per GPS den aktuellen Ort auf. Trotzdem sollten die E-Mail-Adres-
der Besucher zu ermitteln und ihnen den sen auch auf der mobilen Website zu fin-
schnellsten Weg zum nächstgelegenen den sein, da sie zu den grundlegenden
Firmenstandort oder Geschäft aufzuzei- Kontaktmöglichkeiten zählen.
gen. Da viele mobile Zugriffe mit einem
Smartphone erfolgen, sollte zusätz- Zu den neueren Formen der Kontakt-
lich die Telefonnummer verlinkt oder ein aufnahme zählen Web 2.0-Elemente
„Click-to-Call-Button“ vorhanden sein, wie Chats, Foren, Kommentarfunktio-
damit die Besucher mit nur einem Klick nen oder die Einbindung sozialer Netz-
einen Anruf tätigen können. werke wie Facebook oder Twitter. Sie
sind besonders gut geeignet, um mit
Eine weitere Form der Kontaktaufnahme den Besuchern in Interaktion zu treten.
stellen Kontaktformulare dar. Es kön- Wenn diese Kontaktmöglichkeiten ange-
nen zwei unterschiedliche Formen ver- boten werden, ist es erforderlich, dass
wendet werden: das allgemeine Kon- eine eindeutige Zuständigkeit im Unter-
taktformular, welches zu sämtlichen nehmen besteht und die Anfragen von
Fragen und Anliegen genutzt werden Besuchern schnellstmöglich beantwor-
kann, und das Kontaktformular zu spe- tet werden. Nur so entsteht für die Nut-
ziellen Themen. Hierbei findet eine Vor- zer ein Mehrwert, da Web 2.0-Elemente
auswahl nach bestimmten Themenge- vor allem von der schnellen Reaktion der
bieten statt. Kontaktformulare werden Teilnehmer leben.
häufig auf klassischen Websites verwen-
det, können jedoch auch bei der mobi-
len Version genutzt werden. Es sollten
jedoch einige Besonderheiten beachtet
werden. Bei Kontaktformularen werden
die Fragen von den Besuchern in den
meisten Fällen eigenständig formuliert.
14Organisatorische Anforderungen
3.4 CHECKLISTE | Technische Anforderungen
►► Stellen Sie sicher, dass Ihre Web- ►► Bieten Sie einen optimalen Mix
site von den bekannten Such- an Kontaktmöglichkeiten an. Nur
maschinen gefunden wird und so stellen Sie sicher, dass jedem
möglichst einen oberen Rang Besucher sein favorisierter Kommu-
einnimmt. Da das Thema Such- nikationskanal angeboten wird.
maschinenoptimierung mitun-
ter sehr technisch ist, sollten Sie ►► Verstehen Sie Ihre Website als
einen Fachmann, der auf die The- Kommunikationsplattform. Sie
men Website-Programmierung und können auf verschiedene Arten mit
Suchmaschinenoptimierung spezia- Ihren Kunden in Kontakt treten und
lisiert ist, zu Rate ziehen. häufig Probleme bereits frühzei-
tig erkennen. Schnelle und qualita-
►► Testen Sie regelmäßig die Lade- tiv hochwertige Antworten sind bei
zeiten, Anwendungen und Links allen Formen der Kontaktaufnahme
ihrer mobilen Website. Eine Web- besonders wichtig, um sich kunden-
site, die nicht richtig funktioniert, orientiert zu präsentieren.
wird von den Besuchern schnell
gemieden.
►► Seien Sie sich über die Vielzahl
mobiler Endgeräte und unter-
schiedlicher Betriebssysteme
bewusst und stellen Sie die Kom-
patibilität auf allen sicher. Ihre
Zielgruppe hat so die Möglichkeit,
Ihre Website mit dem bevorzugten
Endgerät zu betrachten.
15Mobile Website-Gestaltung
4 Organisatorische Anforderungen
4.1 Regelmäßigkeit der Aktualisierung von Website-Inhalten
Eine mobile Website hat immer auch eine sollten die grundsätzliche Strategie der
Funktion als Informationsquelle. Um diese Website besprochen und Richtlinien für
Funktion angemessen zu erfüllen, ist eine die Einstellung von Inhalten festgelegt
regelmäßige Aktualisierung der Website- werden. Betreibt ein Unternehmen ver-
Inhalte notwendig. Nur eine Website mit schiedene Website-Varianten für unter-
aktuellen Informationen ist zeitgemäß und schiedliche Endgeräte, gilt es darüber
wird regelmäßig von Besuchern aufge- hinaus sicherzustellen, dass die Inhalte
sucht. Im Idealfall existieren für die Aktu- zwischen den verschiedenen Varian-
alisierung von Website-Inhalten feste ten abgeglichen werden. Wird ein Con-
Zuständigkeiten sowie ein fester Zeitplan. tent-Management-System genutzt, das
sowohl die klassische Desktop-Seite, als
Es sollten daher ein oder mehrere Mit- auch die mobile Version mit Inhalten ver-
arbeiter bestimmt werden, die dafür ver- sorgt, stellt sich diese Problematik nicht.
antwortlich sind, dass regelmäßig Inhalte Müssen die Inhalte hingegen doppelt ein-
auf die Website gestellt werden. Um zu gestellt werden, sollte unbedingt ein Ver-
vermeiden, dass der Webauftritt unein- antwortlicher bestimmt werden, der den
heitlich wirkt, wenn mehrere Mitarbeiter Abgleich zwischen den Website-Versio-
für die Aktualisierung zuständig sind, nen im Blick hat.
4.2 Analyse der mobilen Seitenzugriffe (Web Analytics)
Je mehr über das Verhalten der Web- werden, denn nicht jeder mobile Zugriff
site-Besucher bekannt ist, desto bes- ist gleich und die Zugriffe sollten nach
ser lässt sich die Website optimieren und Geräten und Betriebssystemen getrennt
mögliche Fehlerquellen können frühzeitig betrachtet werden. Dadurch entsteht
behoben werden. Das Gleiche gilt für die ein konkreteres Bild der mobilen Besu-
mobile Version der Website. Aber auch cher und es wird klar für wen die Seite
wenn bisher keine mobile Website ange- vor allem optimiert werden muss. Finden
boten wird, kann die Analyse der Zugriffe die meisten Zugriffe mit dem Smartphone
von mobilen Endgeräten einen wichtigen oder eher mit dem Tablet statt? Was ist
Anhaltspunkt für die Relevanz der mobi- das bevorzugte Gerät der Zielgruppe?
len Optimierung liefern. Wenn bereits eine Welches Betriebssystem wird häufig
mobile Website besteht, sind regelmä- genutzt? Die Antworten auf all diese
ßige Analysen der Seitenzugriffe für jedes Fragen können Sie für sich nutzen und
Unternehmen wichtig, denn die gewonne- sollten Sie bei der folgenden Gestaltung
nen Daten sind häufig kostenlos und bie- der mobilen Website stets im Hinterkopf
ten wertvolle Informationen. behalten. Nützliche Statistiken über
das mobile Nutzerverhalten liefert auch
Die erste und wichtigste Analyse ist Googles „Our Mobile Planet“ unter
die Frage nach dem Anteil der mobi- www.ourmobileplanet.com.
len Zugriffe auf die Website. Hier kann
erkannt werden, wie hoch der Anteil an Auch die Standorte der mobilen Zugriffe
mobilen Besuchern in der Zielgruppe ist. sind eine wichtige Hilfe für die Optimie-
Diese Analyse ist oft ausschlaggebend rung Ihrer Website. Unternehmen können
bei der Entscheidung für oder gegen eine erfahren aus welchen Regionen die meis-
mobil optimierte Website. Nachdem Klar- ten Zugriffe auf die Website stammen und
heit über die mobilen Zugriffe herrscht, dadurch neue Potenziale, beispielsweise
sollten diese Zugriffe näher analysiert für regionale Werbekampagnen erkennen.
16Organisatorische Anforderungen
Mittlerweile bieten eine Vielzahl von lyse der Daten „Google Analytics“ bereit.
Web-Dienstleistern neben der Konzeption Google Analytics greift auf durch Cookies
und Gestaltung der mobilen Website auch erhobene Daten der Websites zurück und
Statistik-Tools an, die es ermöglichen, ermöglicht dadurch eine sehr detaillierte
eine ganze Reihe nützlicher Daten zu Analyse der mobilen Zugriffe.14
generieren. Google etwa hält für die Ana-
17Mobile Website-Gestaltung
4.3 Abstimmung der Inhalte
zwischen klassischer und mobiler Website
Wenn neben der klassischen Web- Für die Abstimmung im eigenen Unter-
site eine eigenständige mobile Website nehmen sollten klare Zuständigkei-
existiert, ist eine ständige Abstimmung ten festgelegt werden. Sobald meh-
zwischen den Versionen sehr wich- rere Personen oder eventuell sogar die
tig. Nur so kann gewährleistet werden, komplette Belegschaft Zuständigkei-
dass aktuelle Informationen stets auf ten tragen, kann es zu Abstimmungs-
beiden Websites zu finden sind. Dafür problemen kommen. Dies kann dazu
können Zuständigkeiten im eigenen führen, dass wichtige Informationen
Unternehmen festgelegt werden oder unter Umständen nicht auf allen Versi-
ein externer Dienstleister kann für die onen der Website verfügbar sind. Wird
Pflege und Aktualisierung von Inhalten die Abstimmung der Inhalte von einem
beauftragt werden. Wenn beide Web- externen Dienstleister übernommen, ist
site-Versionen dieselbe URL verwen- ein höherer Kommunikationsaufwand
den und auch den gleichen Inhalt, wie mit diesem notwendig, um sicherzu-
es beispielsweise bei einem Respon- stellen, dass die Arbeit des Dienstleis-
sive Design der Fall ist, ist eine weitere ters zur vollständigen Zufriedenheit
Abstimmung nicht notwendig. Dadurch stattfindet. Eine Kontrolle sollte zumin-
kann zwar viel Zeit gespart werden, die dest stichprobenartig stattfinden und
Vorteile einer eigenständigen mobilen der Dienstleister sollte regelmäßiges
Website, wie etwa spezielle Angebote Feedback erhalten.
für mobile Nutzer, können jedoch nicht
genutzt werden.
4.4 CHECKLISTE | Organisatorische Anforderungen
►► Aktualisieren Sie die Inhalte auf ►► Nutzen Sie am besten ein
Ihrer mobilen Website regelmä- Content-Management-System,
ßig, um Ihren Kunden stets die mit dem Sie die Inhalte auf Ihrer
neusten und richtigen Informati- mobilen Website selbstständig
onen bereitzustellen. Eine Web- erstellen und anpassen können.
site mit veralteten Informationen Für komplexe Änderungen an der
kann sich schnell negativ auf das Website sollten Sie zudem bei
Image des gesamten Unterneh- Bedarf eng mit einem Dienstleister
mens auswirken. zusammenarbeiten.
►► Legen Sie klare Verantwortlich- ►► Führen Sie regelmäßige Ana-
keiten dafür fest, wer in Ihrem lysen durch, um das Konsu-
Unternehmen für die mobile mentenverhalten und die Wirk-
Website verantwortlich ist. samkeit von Kampagnen zu
Das betrifft die Regelmäßigkeit beobachten. Nutzen Sie die vor-
der Aktualisierung von Inhalten, handenen Daten sinnvoll und stei-
die Abstimmung zwischen klas- gern Sie so die Attraktivität Ihrer
sischer und mobiler Website und mobilen Internetpräsenz.
die Durchführung der Analyse der
mobilen Seitenzugriffe und mög-
liche Absprachen mit externen
Dienstleistern.
18Organisatorische Anforderungen
19Mobile Website-Gestaltung
5 Rechtliche Anforderungen
Rechtliche Aspekte sind unter anderem derheiten mit kleineren Smartphones
bei mobilen Shops zu beachten. Dabei gemeinsam haben, wenn es etwa um
geht es vor allem um die Gerätegattung typische Darstellungsprobleme – zum
der mobilen Geräte und damit aufgrund Beispiel innerhalb von Apps – geht. Dar-
der geringen Displaygröße um Darstel- über hinaus können auch bei diesen
lungsproblematiken und neue Service- Geräten Ortungsmöglichkeiten, Foto-
formen, die gerade an die Fähigkeiten funktionen und ähnliche Funktionalitäten
dieser Geräte geknüpft sind. So können bestehen.
auch größere Tablets rechtliche Beson-
5.1 Rechtsrahmen im M-Commerce
Es wäre ein Fehler zu glauben, dass grafien oder von gewerblichen Schutz-
Gesetz und Gerichte die vielfältigen rechten, wie Marken oder Geschmacks-
Anforderungen, die zum Beispiel für muster, gelten hier ebenso wie die
einen Internetauftritt gelten, für Apps Impressumspflicht, die Pflicht, bei einem
oder den sonstigen Zugang über Smart- Fernabsatzkauf über das Widerrufsrecht
phones fallen lassen. Die allgemeinen zu belehren oder auch die Verpflichtung,
rechtlichen Anforderungen zum Schutz die datenschutzrechtlichen Grundanfor-
des Urheberrechts von Texten, Foto- derungen einzuhalten.
5.2 Hinweispflichten in Apps
Das OLG Hamm hat in einem Urteil vom Nachsicht für einen Händler, der eine
16.06.2009 bereits festgehalten, dass App für seine Angebote nutzte, die nicht
viele Informationen, die das Gesetz for- nur für ihn, sondern viele Plattformteil-
dert, auch in einer App vorgehalten wer- nehmer programmiert worden war und
den müssen. In einer weiteren Entschei- die nicht alle notwendigen Angaben dar-
dung vom 20.05.2010 gab es keine stellen konnte.
5.3 Ausnahmen für Smartphones?
Es gibt zwar nach derzeitiger Rechtslage Unternehmer auch nach neuem Recht
die Einschränkung, dass „Informationen ab dem 13.06.2014 in Fernkommunika-
in einer dem eingesetzten Fernkommuni- tionsmitteln, die nur begrenzten Raum
kationsmittel entsprechenden Weise“ zur oder begrenzte Zeit für die Informations-
Verfügung zu stellen sind. Grundsätz- erteilung bieten, zumindest die Informati-
lich erlauben übliche Smartphones aber onen zu den wesentlichen Eigenschaften
eine klare und verständliche Angabe der angebotenen Waren oder Dienstleis-
von Informationen. Sie ist lediglich mit tungen, ihre Identität, den Gesamtpreis
etwas Mühe herzustellen. Auch die bzw. die Art der Preisberechnung, das
ab 13.06.2014 geltende neue Rechts- Bestehen eines Widerrufsrechts und ggf.
lage bringt hier für typische Smartpho- die Vertragslaufzeit und die Kündigungs-
nes keine wesentlichen Erleichterun- bedingungen für Laufzeitverträge zur
gen. Nach Art. 246a § 3 EGBGB haben Verfügung zu stellen.
20Rechtliche Anforderungen
Die weiteren Angaben sind dann in einer Der gesamte Belehrungstext zur Wider-
dem benutzten Fernkommunikations- rufsbelehrung mit vielen tausend Zei-
mittel angepassten Weise zugänglich chen fiele weg. Ob aber ein gängiges
zu machen. Gemeint ist damit z. B. ein Smartphone mit 3,5 – 5 Zoll Bildschirm-
Hyperlink auf die eigene Webseite, auf diagonale bereits einen begrenzten Dar-
der dann die fehlenden Informationen stellungsraum aufweist, ist fraglich. Bis-
mit einem „normalen Computer“ einfach lang funktionierte die Darstellung. Im
abrufbar dargestellt werden. Es wäre Zweifel sollten Sie also nicht auf diese
schon eine Erleichterung, wenn man Ausnahme bauen. Anders mag es bei
nur über das Bestehen eines Wider- Smartphones im Kreditkartenformat aus-
rufsrechts vor Vertragsschluss auf dem sehen (unter 3 Zoll Bildschirmdiagonale).
Mobilfunkgerät informieren müsste.
Achtung: Die wichtigsten Impressumsangaben
Zu jedem geschäftsmäßigen Internet- ►► Bei Tätigkeiten, die der behördli-
auftritt gehört ein Impressum nach § 5 chen Zulassung bedürfen, Anga-
TMG mit folgenden Angaben: ben zur zuständigen Aufsichtsbe-
hörde mit Anschrift und ggf. Link
►► Vollständige Firmenbezeichnung (z. B. Makler, Gastronomie, Taxi-
inklusive Rechtsform unternehmen, Fahrschulen, Bau-
träger Spielhallen, Banken)
►► Vorname und Name aller Vertre-
tungsberechtigten ►► Freiberufler bestimmter Berufe „Für Unternehmen sind
(z. B. Rechtsanwälte, Steuerbe- die vielfältigen rechtlichen
Anforderungen im Internet
►► Adresse (Postfach reicht nicht), rater, Ärzte, Physiotherapeuten, kaum zu überblicken. Daher
E-Mail-Adresse, Telefonnummer Logopäden, Hebammen, Tier- ist die rechtliche Beratung
(hierzu sind Ausnahmen denkbar, ärzte, Apotheker, Architekten) zu Internetauftritten und
aber in der Praxis nicht zu emp- haben neben der Kammer noch Werbung auch im M-Com-
merce unser Tagesgeschäft
fehlen) die gesetzliche Berufsbezeich- geworden. Bei Fehlern dro-
nung und den Staat, in dem die hen teure Abmahnungen,
►► Bei Registereintragungen (z. B. Bezeichnung verliehen wurde, zu Vertragsstrafen und Ord-
Handelsregister, Vereinsregister) nennen. Darüber hinaus müssen nungsgelder. Rechtskon-
formität schafft Kundenver-
Register und Registernummer sie die Bezeichnung der berufs- trauen. Kundenvertrauen
rechtlichen Regelungen mit Infor- ist das wertvollste Kapital
►► Wenn vorhanden die Umsatzsteu- mationen dazu, wie diese zugäng- im Netz.“
eridentnummer oder – sobald ein- lich sind, anzugeben.
Rolf Becker,
geführt – die Wirtschafts-Identifi- Rechtsanwalt Kanzlei
kationsnummer WIENKE & BECKER –
KÖLN
TIPP:
►► Befindet sich eine AG, GmbH oder
KGaA in Liquidation, muss der Unter www.e-recht24.de können
Zusatz „i.L.“ (in Liquidation) aufge- Sie sich kostenfrei ein rechtssiche-
nommen werden. res Impressum generieren lassen.
21Mobile Website-Gestaltung
5.4 Angepasste Darstellung
Das Kopieren Ihrer vorhandenen Shop- Das Einbinden von Pflichthinweisen in
oder Katalog-AGB für Ihre mobile Shop- Grafiken ist dabei keine gute Idee, da
Seite wäre nicht nur falsch, sondern in diese nicht auf allen Geräten darstell-
vielen Fällen auch gefährlich, da in AGB bar bzw. wahrnehmbar sind (vgl. OLG
immer die geschäftlichen Vorgänge Frankfurt am Main, Beschluss vom
zutreffend widergespiegelt werden müs- 06.11.2007, Az. 6 W 203/06 und OLG
sen. Diese Vorgänge unterscheiden sich Hamm, Urt. v. 20.05.2010, 4 U 225/09).
aber meist schon bei den Angaben zum
Vertragsschluss, bei den Zahlungsar- Eine Anbieterkennzeichnung (bekannt
ten oder bei den Datenschutzbestim- als „Impressum“) muss nach § 5 TMG
mungen. Sie sollten zudem die Darstel- in jedem Zustand einer App über einen
lung dem begrenzten Raum anpassen. „sprechenden Link“ erreichbar sein.
Sehen Sie vorab eine Gliederung mit Nach maximal zwei Klicks sollte die
Verlinkung vor und bei jedem Abschnitt Information über die komplette Firma
wieder die Möglichkeit, zurück zur Glie- mit Anschrift und Vertretungsberech-
derung zu springen. tigtem, Telefon, E-Mail und Register-
daten verfügbar sein. Der Link muss
Belehrungstexte müssen nach einer dabei so gestaltet sein, dass er als Link
Rechtsprechung des OLG Frankfurt erkennbar ist und es muss deutlich wer-
vom 9. Mai 2007 bei einem Scroll-Vor- den, welche Information man dahinter
gang noch vernünftig lesbar sein. AGB erwarten kann. Piktogramme können
müssen in zumutbarer Weise zur Kennt- hier aufgrund mangelnder Eindeutigkeit
nis genommen werden können. Der problematisch sein. Ihre Datenschutz-
Ausschnitt, in dem gescrollt wird, darf bestimmungen sollten ebenfalls immer
also nicht zu klein ausgestaltet sein, da dann erreichbar sein, wenn der Betrof-
sich sonst die Sätze nicht einfach erfas- fene Daten eingibt.
sen lassen. Bei der Schriftgröße muss
eine Lesbarkeit ohne Lupe oder digitale
Vergrößerung gewährleistet sein.
5.5 Speicherung von Informationen
Die gesetzliche Vorgabe zur Bereitstel- über eine Verfügbarmachung der Bedin-
lung technischer Mittel, mit deren Hilfe der gungen per E-Mail zumindest eine ander-
Nutzer bei einer elektronischen Bestel- weitige Speicherung z. B. auf einem Com-
lung Eingabefehler erkennen und berich- puter (oder in der Cloud) ermöglichen.
tigen können muss, ist auch auf dem
Smartphone zu realisieren. Der Nut- Im Angebot selbst sind Preisangabe-
zer muss eine Bestelleingangsbestäti- pflichten mit der Angabe des Grundprei-
gung erhalten sowie Vertragsdetails und ses ebenso zu beachten, wie Angaben
Allgemeine Geschäftsbedingungen, die zu Versandkosten und produktspezifische
zudem bei Vertragsschluss abrufbar und Sonderinformationen (Textilkennzeich-
speicherbar sein müssen. Ähnliches gilt nung, Energieeffizienzangaben usw.).
ab 13.06.2014 für Widerrufsformulare,
die dem Kunden zur Erleichterung eines
Widerrufs bereitzustellen sind. Einige
Smartphones erlauben keine Speiche-
rung auf dem Gerät und die damit einher-
gehenden Rechtsfragen sind noch nicht
abschließend geklärt. Hier sollten Sie
22Rechtliche Anforderungen
5.6 Location-based Services
Smartphones erlauben eine Ortung Nutzung ist nur mit ausdrücklicher Ein-
des Standortes ihrer Benutzer. Daran willigung des Betroffenen möglich. Diese
lassen sich eine Reihe von Diensten Einwilligung sollten Sie mit geprüften
knüpfen und die Verbindung zu Angebo- Texten vorsehen und sich informieren,
ten im stationären Handel ist nicht weit. wie es um die Protokollierungsanforde-
So kann ein Restaurant auf ein kurzfris- rungen und die Abrufbarkeit bestellt sein
tiges Angebot „um die Ecke“ hinweisen, muss.
Coupons mit Verkaufsvorteilen können
in einem bestimmten Umkreis verspro-
chen werden, Taxiservices lassen sich
anbieten usw. Standortdaten sind aller-
dings immer personenbezogene Daten
und deren Erhebung, Speicherung und
5.7 CHECKLISTE | Recht bei mobilen Websites und im M-Commerce
►► Integrieren Sie auf Ihrer mobi- ►► Realisieren Sie bei Angeboten
len Website oder in Ihrer App an Verbraucher die Pflichthin-
ein Impressum. Dieses muss alle weise, darunter beispielsweise
notwendigen Impressumsangaben Widerrufsbelehrung, Versand-
enthalten – neben kompletter Firma kosten, Textilkennzeichnung,
und Adresse auch E-Mail-Adresse, Grundpreis etc.
Telefonnummer und Registerdaten.
Das Impressum muss in jedem ►► Halten Sie Ihre rechtlichen
Zustand der App erreichbar sein Angaben aktuell. Ab dem
und die Verlinkung muss mittels 13.06.2014 gelten neue Rege-
sprechender Links erfolgen. lungen im Fernabsatz gegenüber
Verbrauchern. Ältere Apps und
►► Achten Sie darauf, dass AGB Angebote sollten Sie unbedingt
und Verbraucherhinweise in überprüfen und für eine rechtzeitige
zumutbarer Weise zur Kennt- Umstellung sorgen.
nis zu nehmen sind. Auch län-
gere Texte werden übersichtlicher ►► Denken Sie daran, dass alle
und einfacher handhabbar wenn Anforderungen auch auf einer
Sie die AGB vorab gliedern und mit mobilen Website oder in einer
Ankerlinks versehen. App realisiert sein müssen, die
nicht eigens für Sie program-
miert wurde, wie beispielsweise
die App eines Verkaufsplattform-
betreibers.
Hinweis
Vorliegend handelt sich nur um erste, unvollständige Hinweise, für die die
aus Platzgründen und mangels Ein- Autoren keine Haftung übernehmen
zelfallbetrachtung notwendigerweise können.
23Sie können auch lesen
