M-Commerce Richtlinien und Vorgaben. Praktische Techniken für das Erfüllen von Branchenstandards

Transkript

2 INHALT MOBIL WIRD WICHTIGER... 3 GRUNDLAGEN ZUM MOBILEN DESIGN... 4 MOBILITÄT AUF IHRER MOBILEN SEITE... 5 OPTIMIEREN DER SUCHE... 6 MOBILE BESTELLUNG, ZAHLUNG & SICHERHEIT... 7 WICHTIGSTE PUNKTE... 8 QUELLEN durch OSF Global Services. Alle Rechte vorbehalten.

3 M-Commerce Richtlinien und Vorgaben MOBIL WIRD WICHTIGER Fokus auf mobile Geräte. Smartphone- und Tablet-Commerce sorgen heute bereits für mehr als 20% des E-Commerce-Umsatzes. 1 Konsumenten nutzen immer häufiger mobile Geräte für die Recherche und für den Kauf, deshalb müssen Einzelhändler dafür sorgen, dass ihre Seiten auf allen Geräten laufen und verschiedene Inhalte bieten, die für Käufer in verschiedenen Umfeldern relevant sind. Proaktive Betreiber von Onlineshops sorgen für ein Einkaufserlebnis, dass die Marke in den verschiedenen Formen des Onlineshops unterstützt und das zugleich die fundamentalen Funktionen von mobilen Seiten beachtet, um so für höhere Conversion-Raten zu sorgen. In diesem Whitepaper finden Sie eine umfangreiche Liste von M-Commerce-Aspekten, mit denen Sie: Für ein umfangreiches Kundenerlebnis sorgen, indem Sie Ihre mobile Seite ähnlich wie Ihre bestehende Seite mit einer Marke versehen Funktionen des mobilen Designs unterstreichen, die sich von klassischen Onlineshops abheben Perfekte Buttons und Funktoinen für mobile Geräte erstellen Die Navigation für die mobile Nutzung optimieren Im Jahr 2017 werden 70% aller Online-Verkäufe über Tablets abgewickelt. 2 Der mobile Markt wächst. Weltweit werden die M-Commerce-Verkäufe 2018 bei 626 Milliarden US- Dollar liegen. 3 Allerdings gibt es noch viel zu tun, um die Conversion-Raten auf mobilen Kanälen zu verbessern. Mit mobilen Seiten können Unternehmen damit beginnen, ihre potenziellen Kunden anzusprechen, bevor sie eine eigene App anbieten. Nutzen Sie unsere umfangreichen Vorgaben, um für ein mobiles Erlebnis zu sorgen, das Branchenstandards noch übertrifft durch OSF Global Services. Alle Rechte vorbehalten.

4 GRUNDLAGEN ZUM MOBILEN DESIGN Das Vertrauen Ihrer Kunden in Ihre Marke muss sich auf verschiedene Geräte erstrecken. Sie müssen entsprechend handeln. Was Kunden sehen, wenn sie zum ersten Mal auf Ihre mobile Seite kommen, ist ausschlaggebend für jeden folgenden Besuch. Deshalb sollten Sie dafür sorgen, dass Ihre Seite eine Rückkehr ermöglicht. Sorgen Sie dafür, dass das Branding auf Ihrer mobilen Seite zu dem der normalen Seite passt Präsentieren Sie wenige grafische Elemente, um visuelle Verwirrung zu vermeiden Sorgen Sie dafür, dass die Kategorie-Navigation gut sichtbar ist, damit Nutzer diese sofort überblicken können Unterstützen Sie das Suchen per Kategorie, beginnend auf der Startseite Sorgen Sie für ein leistungsorientiertes Design die meisten Nutzer verlassen die Seite nach einer Ladezeit von drei Sekunden 4 Wenn es um das Design geht, starten Sie mit den Grundlagen. Nehmen Sie Ihre bisherige E- Commerce-Seite auseinander und stellen Sie die Teile neu zusammen. Verwenden Sie dabei erprobte Methoden für die mobile Optimierung. Lassen Sie unnötige Inhalte weg, um die Ladezeiten zu beschleungigen und um Ablenkungen zu vermeiden. Orientieren Sie sich an den Prioritäten Ihrer Kunden begrenzen Sie Menüoptionen und die Anzeige von Produkten. Versehen Sie Formularfelder mit einem Titel und gestalten Sie diese lang genug, damit normale Daten angezeigt werden können. Bilder können Ihre mobile Seite stark beeinflussen. Sparen Sie sich endlose Tests und mögliche Fehler, indem Sie auf der Grundlage erprobter Methoden für die Optimierung von Bildern für mobile Seiten arbeiten. Entfernen Sie Text aus Bildern ein besonders wichtiger Aspekt im Net. Sorgen Sie dafür, dass Bilder aus dem Text hervorgehoben werden dadurch steigen Conversion-Raten um bis zu 9% durch OSF Global Services. Alle Rechte vorbehalten.

5 Ermöglichen Sie die Navigation in einem Bilderkarussell per Wischen mit dem Finger Button für die Navigation sind kompliziert. Nutzen Sie vektorbasierte Bilder diese sehen auf jedem Bildschirm toll aus. Mobile müssen sich an der Mobilität ausrichten. Unterstützen Sie sowohl das Hoch- als auch das Querformat auf mobilen Geräten Denken Sie über die verschiedenen Qualitäten von beiden Alternativen mit Blick auf Ihre Website Logo your awesome menu Welcome SHOP Logo Welcome SHOP MOBILITÄT AUF IHRER MOBILEN SEITE Eine komplexe Navigation kann Ihre Produkte besser darstellen allerdings sieht sie auf den mobilen Geräten Ihrer Kunden nicht gut aus. Weniger ist für Ihre Kunden oft mehr. Sorgen Sie mit Menüoptionen für die Aufmerksamkeit Ihrer Kunden, indem Sie weniger, aber sehr prominente Bilder und Optionen verwenden. Nutzen Sie große Icons, auf die man einfach tippen kann selbst mit dicken Daumen Nutzen Sie Ihre Icons als wenig aufdringliche Chance, um Ihre Marke hervorzuheben Begrenzen Sie die Zahl der Menüoptionen auf jeder Seite Button sollten Ihre Kunden zu Aktionen anregen und für Aufregung sorgen. CSS-Button bietet mehr Flexibilität und lassen sich auf Geräten leichter herunerladen, allerdings bestimmt die Erscheinung auf der Seite das Verhalten Ihrer Kunden. Denken Sie an diese Tipps mit Blick auf den Call to Action (CTA): CTAs sollten mit bestimmten Farben unterstrichen werden, damit sie sich von der Umgebung abheben 2014 durch OSF Global Services. Alle Rechte vorbehalten.

6 > CTAs sollten einfache, auffordernde Sprache und ein mit einer Aktion verbundenes Verb nutzen: "Jetzt kaufen" > CTAs sollten Ihre Kunden so schnell wie moglich zur Bestellung fuhren Die Navigation sollte einfach und universell sein -ohne dabei zu viel Platz zu verbrauchen. Finden Sie die richtige Balance zwischen auffalligen, aber nicht aufdringlichen Werkzeugen fur die Navigation. > Bieten Sie Kunden auf alien Seiten eine konsistente und leicht zu bedienende Navigation > Begrenzen Sie die Zahl der Klickes - reduzieren Sie Ladezeiten auf dem Weg der Kunden zu den Produkten > Nutzen Sie eine eingebettete Navigation - ein beliebtes Werkzeug, um Platz auf mobilen Seiten zu sparen > Optimieren Sie die Navigation fur mobile Aktionen, die Ihre Kunden oft durchfuhren > Verlegen Sie nicht besonders wichtige Punkte in die Fuf31eiste, zum Beispiel die Geschaftsbedi ngungen > Fugen Sie einen Zuruck-Button ein - Kunden sind ohne dieses wesentliche Werkzeug oft nicht besonders angetan > Erlauben Sie es Kunden, nicht relevante Ergebnisse zu filtern, indem Sie entsprechende Werkzeuge anbieten > Nutzen Sie "endloses" Scrollen statt einer Aufteilung auf verschiedene Seiten - der Nutzer hat dadurch weniger Arbeit > Arbeiten Sie mit einem guten Texter zusammen - damit Ihre Nutzer auf kleinem Raum alle Informationen finden = :] Your Cart -\ a b c O PTI MI ER EN DE R SUC H E Die Suehe ist das wichtigste Werkzeug fur Ihre Kunden - sie wollen dieses Werkzeug leicht finden, ohne darliber nachdenken zu mlissen. Vor allem aber soll es die Ergebnisse liefern, nach denen sie suchen durch OSF Global Services. Alie Rechte vorbehalten.

7 Die Suchleiste sollte allgegenwärtig sein. Auf einem mobilen Bildschirm gibt es wenig Platz für die Navigation, deshalb sollte die Suche leicht zu finden sein. Präsentieren Sie die Suchleiste hübsch und prominent wenn möglich auf jeder Seite. Sorgen Sie dafür, dass die Größe der Body Copy mindestens 14px beträgt, damit man nicht zoomen muss Lassen Sie die Suche die Arbeit übernehmen, nicht Ihre Nutzer. Automatische Vorschläge und Berichtigung falscher Schreibweisen beheben Sie Schwierigkeiten beim Schreiben auf mobilen Geräten Bieten Sie Nutzern die Chance, ihre Suchergebnisse einzuschränken Bieten Sie die Sortierung und Filterung von Optionen vermeiden Sie lange Listen, die man kaum überblicken kann Präsentieren Sie Kategorien nicht als Dropdown-Menü eine Übersicht ist dadurch sehr schwierig MOBILE BESTELLUNG, ZAHLUNG & SICHERHEIT Wenn Ihre Kunden zur Bestellung kommen, dann ist weniger oft mehr. Zeigen Sie ihnen weniger Informationen, sodass sie weniger nachdenken müssen, dadurch erzielen Sie deutlich mehr Conversions. Die Bestellung sollte wie ein Dashboard aussehen der Kunde hat die Kontrolle. Präsentieren Sie Ihren Kunden alle Werkzeuge, die sie benötigen, um die Bestellung und den Kauf abzuschließen. Nutzen Sie weniger Felder und Seiten reduzieren Sie die Frustration durch lange Lade- und Wartezeiten Präsentieren Sie einzelne Schritte als Links in der Navigation und teilen Sie den Ablauf in mehrere Schritte auf Zeigen Sie die Validierungschecks für jedes Feld an, um das Vertrauen der Kunden zu steigern Vermeiden Sie störende Elemente und speichern Sie eine Zusammenfassung des Einkaufskorbs, die jederzeit abrufbar ist Bieten Sie einen Ständigen Einkaufskorb' dadurch werden keine Einkaufskörber mehr aufgegeben Das Vereinfachen der Bestellung bedeutet nicht nur, die benötigte Zeit zu verringern; es geht auch um das Vermeiden möglicher Sperren. Sorgen Sie dafür, dass nur wenige Daten benötigt werden, um den Ablauf so einfach wie möglich zu halten Verkürzen Sie den Ablauf mit gespeicherten Bestelldaten für registrierte Nutzer Machen Sie die Bestellugn für nicht registrierte Nutzer zur größten Optionen auf der Seite Nutzen Sie Facebook Connect wenn A/B-Tests besagen, dass es für Ihre Kunden von Vorteil ist Tragen Sie Daten schon im Voraus ein nutzen Sie dazu alle Möglichkeiten 2014 durch OSF Global Services. Alle Rechte vorbehalten.

8 Sorgen Sie für das Vertrauen Ihrer Kunden, indem Sie auf kleine Details achten. Entwickeln Sie ein Verständnis dafür, was Interessenten abschrecken könnte dabei können Sie ungeahnte Überraschungen erleben. Sorgen Sie dafür, dass Nutzer keine Seiten sehen, die nicht für mobile Geräte optimiert wurden Unterstreichen Sie die Sicherheit und reduzieren Sie die Möglichkeiten, Bedenken zu bekommen Fügen Sie einen Button zum Anruf beim Kundenservice ein, um Interessenten zu beeindrucken Bieten Sie alternative Zahlungsmethoden an, um mehr Kunden anzusprechen Schützen Sie sich gegen SMS-Spam und Malware, die das Vertrauen in Ihre Seite negativ beeinflusst Korrigieren Sie keine Bestellfelder automatisch, damit Kunden die volle Kontrolle behalten WICHTIGSTE PUNKTE Vor wenigen Jahren war die Vorstellung vo mobil optimierten Webseiten für Smartphone- Besucher ein Konzept, das praktisch keinen Wert für das Geschäft hatte. Bis heute hat sich das deutlich gewandelt, sowohl von Seiten der Nutzer als auch von Seiten der Technik aus es ist an der Zeit, für ein herausragendes Erlebnis für mobile Kunden zu sorgen. Hier sind die wichtigsten Aspekte, die Sie beachten sollten: 01 Sie sollten auf verschiedenen Kanälen aktiv sein und Kundenerlebnis und Vertrauben in Ihre Marke stärken. 02 Optimieren Sie die Navigation für mobile Geräte mit einfachen Funktionen und CTAs. 03 Nutzen Sie die Suche als wichtigstes Werkzeug so denken schließlich Ihre Kunden 04 Geben Sie die Kontrolle über die Bestellung auf, um aufgegebene Einkaufskörbe zu vermeiden damit Kunden bei Ihnen bleiben! 2014 durch OSF Global Services. Alle Rechte vorbehalten.