Mobile Optimierung: So verbessern Sie Ihre Checkout-Seite in elf Schritten

Veröffentlicht: 2020-12-16

Wussten Sie, dass 40% der Online-Transaktionen mit einem mobilen Gerät ausgeführt werden? Obwohl die Conversion-Raten immer noch hinter denen auf dem Desktop liegen, steigen die Einkäufe von Mobilgeräten ständig.

Wenn Sie ein Online-Shop-Inhaber sind, müssen Sie Ihren mobilen Checkout-Prozess optimieren, da Sie sonst Kunden verlieren.

Was sagen die Daten über mobiles Einkaufen aus?

Was sagen die Daten über mobiles Einkaufen aus?

  • Laut 61% der Befragten in den USA verbessert ein gutes mobiles Erlebnis die Meinung einer Marke.
  • 52% der Verbraucher sind nach einem schlechten mobilen Erlebnis von einem Geschäft abgeschreckt.
  • 40% der Verbraucher werden nach einer schlechten Erfahrung mit Ihrer mobilen Website zu Ihrem Konkurrenten gehen.
  • Eine langsame Seite kann zu einer 97% igen Aufgabe des mobilen Einkaufswagens führen.

Ein exzellentes mobiles Einkaufserlebnis ist entscheidend. Die obigen Daten beweisen es. Es ist leicht, Kunden auf einer Website zu verlieren, die langsam und nicht für Mobilgeräte optimiert ist.

So optimieren Sie Ihren Checkout-Prozess für Conversions

Es gibt mehr. Obwohl der mobile Datenverkehr in den letzten sieben Jahren um 222% gestiegen ist, sind die Desktop-Conversion-Raten immer noch höher als bei mobilen.

Wir können daraus schließen, dass Menschen zunehmend ihre mobilen Geräte verwenden, aber dennoch lieber auf dem Desktop kaufen.

Verbraucher fühlen sich beim Auschecken von ihren Mobilgeräten nicht wohl. Sie können Produkte auf Wunschzettel durchsuchen oder hinzufügen, um sie später von ihren Desktops zu kaufen.

Aus diesem Grund bieten wir in diesem Artikel elf Schritte an, wie Sie Ihre Checkout-Seite auf Mobilgeräten verbessern und Ihre Conversion-Rate für Mobilgeräte erhöhen können.

1. Entwerfen Sie eine einfache mobile Navigation

Die mobile Navigation unterscheidet sich von der Desktop-Navigation. Berücksichtigen Sie beim Entwerfen Ihrer mobilen Benutzeroberfläche, dass Benutzer ihre Daumen verwenden.

Wussten Sie, dass es tatsächlich sechs Möglichkeiten gibt, wie Benutzer ihre Telefone halten:

Es gibt tatsächlich sechs Möglichkeiten, wie Benutzer ihre Telefone halten

Quelle: Uxplanet

Untersuchungen zufolge berühren 75% der Menschen den Bildschirm mit ihren Daumen. Und weniger als 50% halten ihr Telefon mit einer Hand.

Die wichtigsten Elemente wie die Call-to-Action-Tasten sollten sich in der Komfortzone des Kunden befinden und leicht zu tippen sein.

Call-to-Action-Tasten sollten sich in der Komfortzone des Kunden befinden

Quelle: Sephora

Lassen Sie uns die sichtbaren Elemente im obigen Screenshot schnell untersuchen:

  • Melden Sie sich in Ihrem Konto an
  • Korbsymbol
  • Angezeigtes Produkt
  • Zum Wunschliste-Symbol hinzufügen
  • Sichtbare Aktionstaste

Die Kasse scheint ziemlich zugänglich zu sein. Sie müssen weder nach Ihrem Warenkorb noch nach den von Ihnen gespeicherten Produkten suchen.

Das Hinzufügen von Produkten zur Wunschliste ist eine wichtige Funktion des mobilen Einkaufserlebnisses. Lassen Sie uns im nächsten Schritt sehen, warum.

2. Fügen Sie dem Warenkorb die Funktion "Für später speichern" hinzu

Eine Funktion "Für später speichern" oder "Zur Wunschliste hinzufügen" kann die Anzahl der Abbrüche von Einkaufswagen verringern und es Kunden ermöglichen, Artikel zu speichern, um sie später zu kaufen. Außerdem können Kunden die Website bei Bedarf verlassen und bei ihrer Rückkehr die gewünschten Produkte speichern.

Auf diese Weise verliert der Käufer keine Zeit bei der erneuten Suche nach den gewünschten Produkten und kann auf Wunsch zur Kasse gehen.

Ein Pro-Tipp wäre, Erinnerungs-E-Mails an Kunden zu senden und sie wissen zu lassen, dass sie Produkte gespeichert haben. Sie können sogar ein kleines Gefühl der Dringlichkeit erzeugen, indem Sie angeben, wie lange Sie ihre Produkte aufbewahren werden.

3. Stellen Sie sicher, dass Sie eine klare und sichtbare CTA-Schaltfläche "In den Warenkorb" haben

Eines der wichtigsten Elemente ist die Schaltfläche zum Aufrufen von Aktionen. Sie müssen es so gestalten, dass es sichtbar und attraktiv ist und Ihre Gäste konvertieren.

Stellen Sie sich einen Kunden vor, der ein bestimmtes Produkt mag und es kaufen möchte, aber den Call-to-Action-Button nicht findet. Das können Sie sich nicht leisten, vor allem angesichts der Tatsache, dass die Conversion-Raten für Mobilgeräte bereits recht niedrig sind.

Ein grundlegendes Prinzip für das mobile Design besteht darin, den Aufruf von Aktionstasten groß zu machen. Benutzer müssen in der Lage sein, mit ihren Fingern oder Daumen leicht auf sie zu tippen. Dies steht im Gegensatz zu den kleinen Aktionsschaltflächen des Desktops, auf die Sie mit der Maus klicken können.

Machen Sie Ihren Aufruf zu Aktionsschaltflächen groß

Quelle: Oysho

4. Beschleunigen Sie den Checkout-Prozess, indem Sie Guest Checkout anbieten

Kunden dazu zu bringen, ein Konto zu erstellen, kann ein echter Stopp sein. Tatsächlich ist dies der zweite Grund für die Aufgabe des Wagens. Untersuchungen haben ergeben, dass 28% der Kunden ihren Einkaufswagen verlassen, weil die Website keine Option zum Auschecken von Gästen für diejenigen bietet, die sich nicht registrieren möchten.
Entscheiden Sie sich für einen einfachen und schnellen Kaufvorgang, bei dem die Käufer nicht aufgefordert werden, sich zuerst zu registrieren, um die Abbruchrate des Einkaufswagens zu senken. Der Check-out für Gäste ist schnell und bequem.

Beschleunigen Sie den Checkout-Prozess, indem Sie Guest Checkout anbieten

Quelle: Levi's

Das Anmelden erfordert mehr Engagement und den Austausch persönlicher Informationen. Nicht jeder fühlt sich damit wohl, besonders wenn ein Kunde einen einmaligen Kauf tätigen möchte.

5. Brechen Sie den Checkout-Prozess ab und fügen Sie den Fortschrittsbalken hinzu

Nachdem die Käufer auf die Schaltfläche "Jetzt kaufen" geklickt haben, können Sie ihnen zeigen, wie lange der Vorgang dauern wird.

Stellen wir uns vor, die Kunden sind unterwegs und müssen schnell ein Geburtstagsgeschenk kaufen. Sie haben den Artikel in den Warenkorb gelegt und sind zur Kasse gegangen. Aber sie haben keine Ahnung, wie lange der Prozess dauert. Und wenn sie es eilig haben, verlassen sie den Kauf möglicherweise für später, kommen aber nie zurück.

Dies sollte Ihren Kunden nicht passieren, da Sie sie verlieren werden. 21% der Wagenabbrüche erfolgen aufgrund zu langer und komplizierter Prozesse.

Um dies zu vermeiden, können Sie eine Fortschrittsanzeige implementieren, die den Kunden mitteilt, in welcher Phase des Check-out-Prozesses sie sich befinden.

Teilen Sie es in vier Schritte

Sie können es in vier Schritte aufteilen:

  1. Tasche
  2. Lieferung
  3. Zahlung
  4. Bestätigung

Dinge zu tun, um Ihre mobile Strategie zum Laufen zu bringen

6. Sparen Sie Ihrem Kunden Zeit, indem Sie Auto-Fill einführen

In der Welt des mobilen Verkaufs muss alles schnell gehen. Benutzer werden keine Zeit damit verbringen, auf das Laden einer Seite zu warten oder Ihr endloses Checkout-Formular mit unnötigen Feldern auszufüllen. Sie können Ihrem Kunden das Leben erleichtern, indem Sie eine automatische Ausfülloption für den Namen, die Adresse oder die E-Mail-Adresse hinzufügen.

So beschleunigen Sie den Kaufvorgang:

  • Führen Sie die automatische Füllung ein
  • Reduzieren Sie die Eingabefelder auf ein Minimum
  • Fragen Sie nach den wichtigsten Informationen ohne unnötige Details
  • Kennwörter für neue Registrierungen automatisch generieren
  • Stellen Sie Adressfinder oder Karten bereit, damit die Kunden ihre Adresse schnell hinzufügen können
  • Kennzeichnen Sie jedes gewünschte Feld deutlich mit einem Sternchen
  • Verwenden Sie die Lieferadresse als Rechnungsadresse
Beschleunigen Sie den Kaufvorgang

Quelle: Sephora

7. Verwenden Sie die Anzeige für automatische Vorschläge und Fehler

Der Hauptzweck des automatischen Vorschlags besteht darin, Benutzern das Ausfüllen von Formularen zu erleichtern und zu beschleunigen. Adressunterstützung und automatisches Ausfüllen sparen nicht nur Zeit, sondern reduzieren auch Fehler.

Sie machen das Auschecken einfacher und schneller, indem Sie die Fehlermeldung hervorheben, indem Sie rote Ränder um die Felder hinzufügen. Auf diese Weise sieht der Benutzer es sofort und korrigiert den Fehler. Wenn ein Käufer ein erforderliches Feld übersieht, können Sie die Nachricht sofort anzeigen und dem Benutzer genau zeigen, wo das Problem liegt.

Verwenden Sie die Anzeige für automatische Vorschläge und Fehler

Quelle: Adidas

8. Fügen Sie auf der Check-out-Seite eine Telefonnummer oder ein Kundendienstsymbol hinzu

Geben Sie eine anklickbare Telefonnummer ein, damit Kunden anrufen können, wenn sie dringende Fragen haben. Das Online-Shopping wächst, aber es gibt Kunden, die immer noch Bedenken haben, online einzukaufen.

Eine Telefonnummer lindert nicht nur die Angst eines Kunden, sondern ermöglicht ihm auch, Fragen zu stellen, wenn ein Last-Minute-Problem auftritt.

Fügen Sie eine Telefonnummer oder ein Kundendienstsymbol hinzu

Quelle: Verrücktes Ei

Für Kunden, die lieber chatten, können Sie unten rechts auf dem Bildschirm ein Chat-Symbol anzeigen.

Adidas zeigt das Symbol während des gesamten Bestellvorgangs an und Sie können jederzeit darauf tippen.

Zeigt das Symbol während des gesamten Bestellvorgangs an

9. Zeigen Sie die Auftragsübersicht an

Der Hauptgrund für die hohe Aufgabe des Wagens sind die zusätzlichen Kosten wie Versand, Steuern oder Gebühren. Um dies zu vermeiden, sollten Sie die endgültigen Kosten der Bestellung klar anzeigen. So vermeiden Sie unnötige Überraschungen für Ihre Kunden.

Was muss der Kunde während des Bestellvorgangs noch sehen?

  • Produktfoto
  • Produktname
  • Preis inklusive zusätzlicher Steuern und Versandkosten
  • Option zur Überprüfung des voraussichtlichen Liefertermins
  • Ein klarer Aufruf zur Aktionstaste
  • Lieferadresse

Sie müssen dem Benutzer auch die Kontrolle über die Warenkorbaktivität geben. Dies bedeutet, dass Ihre Kunden in der Lage sein sollten, Änderungen an ihren Bestellungen einfach vorzunehmen, z. B. die Menge zu aktualisieren, Produkte zu wechseln und zu entfernen oder die Adresse zu bearbeiten.

3 Aspekte einer erfolgreichen mobilen Webmonetarisierung

10. Stellen Sie verschiedene Zahlungsoptionen bereit und beschleunigen Sie den Vorgang

Mobiles Bezahlen kann ein Albtraum sein. Stellen Sie sich vor, Sie versuchen, Ihre Kreditkartendaten hinzuzufügen. Dann tritt ein Fehler auf und Sie müssen es erneut tun. Das ist ziemlich frustrierend und kann dazu führen, dass Leute ihre Karren verlassen.

Stellen Sie verschiedene Zahlungsoptionen bereit

Quelle: Adidas

Damit der Prozess reibungslos verläuft:

  • Bieten Sie verschiedene Zahlungsoptionen wie PayPal, Stripe, Apple Pay, Stripe, Visa Checkout usw. an.
  • Zeigen Sie zuvor verwendete Karten im Abschnitt "Gespeicherte Karten" an, damit Benutzer die Karte auswählen und nur den CVV-Code hinzufügen können.

Vergessen Sie nicht, das Vertrauen Ihrer Kunden zu stärken und Vertrauen aufzubauen, indem Sie Sicherheitsüberprüfungsausweise anzeigen. Ihre Website sollte über ein gültiges SSL-Zertifikat verfügen, damit die Kunden darauf vertrauen können, dass ihre Daten geschützt sind.

4 Schritte zur Durchführung eines mobilen WordPress-SEO-Audits

11. Kaufbestätigung anzeigen

Nach dem Kauf müssen Sie sofort die Kaufbestätigung anzeigen. Sie können eine Seite erstellen, die bestätigt, dass die Bestellung erfolgreich abgeschlossen wurde. Außerdem müssen Sie eine Bestätigungs-E-Mail mit den Kaufinformationen senden.

Welche Informationen sollten Sie einschließen:

  • Eine Kundendienstnummer oder ein Link, falls Kunden diese benötigen
  • Geben Sie eine Zahlungsbestätigung an, dass der Vorgang erfolgreich war
  • Kaufdetails anzeigen: Produkt, Menge, Gesamtpreis
  • Versandinformationen
  • CTA-Taste, falls erforderlich, mit den nächsten Schritten, die die Kunden ausführen müssen

CMS für die mobile Ära neu denken

Einpacken

Ein einfacher mobiler Checkout-Prozess ist entscheidend. Menschen können immer noch vorsichtig sein, wenn sie über ihre Mobilgeräte online einkaufen. Deshalb sollten Sie den Vorgang so einfach wie möglich gestalten.

Beweisen Sie Ihren Kunden, dass sie Ihnen vertrauen können, indem Sie zeigen, dass Ihre Website sicher ist und Sie die Daten Ihres Kunden schützen. Erstellen Sie ein herausragendes mobiles Erlebnis für sie, damit sie zurückkehren und wieder in Ihrem Shop einkaufen können.