Besondere Überlegungen zur Optimierung des mobilen Checkouts auf WooCommerce

Während die Daten uns zeigen, dass viele Websites mehr mobilen Traffic als Desktop-Traffic verzeichnen, hinken Conversions auf mobilen Geräten immer noch weit hinterher. Die Leute benutzen also ihre Telefone mehr, aber sie verwenden einen Computer, um den Kauf tatsächlich zu tätigen, was ein Reibungspunkt ist.

Heute werden wir uns einige Dinge ansehen, die Sie tun können, um es mobilen Benutzern leicht zu machen, in Ihrem WooCommerce-Shop zu zahlenden Kunden zu werden. Denken Sie beim Ausprobieren dieser Vorschläge daran, sie für Ihre Website einem A/B-Test zu unterziehen. Nur weil sie für andere gearbeitet haben, bedeutet das nicht, dass sie einen positiven Einfluss auf Ihren speziellen Checkout-Prozess haben.

Machen Sie Formularfelder einfach

Mobilgeräte haben dieses großartige Ding namens Software-Tastatur. Das bedeutet, dass, wenn wir unsere Formularfelder genau identifizieren, mobilen Benutzern eine Tastatur angezeigt wird, die für die einzugebenden Daten geeignet ist.

Wie Sie oben sehen können, tut WooCommerce dies standardmäßig, wenn es ein E-Mail-Feld identifiziert. Um die Eingabe meiner E-Mail zu erleichtern, ist das @-Symbol leicht zugänglich und nicht hinter einem anderen Tastensatz versteckt.

Andere zu überprüfende Felder sind die Felder Postleitzahl und Telefon. Wenn Sie diese Felder in einem bestimmten Format haben möchten, ist es am besten, das Format vorzuprogrammieren, anstatt es dem Benutzer zu überlassen. Mehr als einmal wurde mein Checkout verweigert, weil eines der Felder falsch formatiert war. Es ist schon lästig, auf einer Telefontastatur zwischen Buchstaben und Zahlen hin- und herwechseln zu müssen. Frustrieren Sie Ihre Benutzer also nicht weiter, indem Sie sie zwingen, die gewünschten Daten in einem exakten Format einzugeben.

Ihre Benutzer sollten sich nie damit befassen müssen. Nehmen Sie sich die Zeit, etwas JavaScript zu schreiben, um das Feld wie gewünscht zu formatieren, nachdem sie mit der Eingabe fertig sind, oder kümmern Sie sich um die serverseitige Formatierung. Jede andere Option belastet Ihren Benutzer zusätzlich und verringert die Kaufwahrscheinlichkeit.

Feldfehler gut formatieren

Haben Sie jemals auf „Zur Kasse“ geklickt, nachdem Sie durch Formularfelder gewatet waren, nur um von einem Stapel Fehlern begrüßt zu werden, die Sie angeblich gemacht haben? WooCommerce ist genauso schuld daran, dass Benutzer nach Problemen mit ihren Checkout-Informationen suchen, wie jede andere Plattform da draußen.

Sicher, sie bieten dieses kleine rote * neben erforderlichen Feldern, aber wenn Sie eines verpassen, erhalten Sie nur ein großes rotes Kästchen oben auf der Seite. Sie müssen das Problem mit der bereitgestellten Benachrichtigung selbst ausfindig machen.

Es gibt bessere Ansätze für dieses System, wobei mein Favorit darin besteht, die Felder zu validieren, während Sie sie eingeben. Lassen Sie den Benutzer nicht warten, sondern zeigen Sie ihm sofort, ob das Feld richtig ist oder nicht.

Die zweite Option, die mir gefällt, zeigt die Feldfehler direkt inline an. Das heißt, wenn Sie einen Fehler haben, markieren Sie das Feld rot und erklären Sie das Problem in derselben Ansicht. Wenn Sie dies implementieren möchten, bietet Business Bloomer ein großartiges Tutorial zum Hinzufügen von Fehlern inline mit WooCommerce-Feldern. Ich habe dies auf einigen Kundenseiten verwendet und war mit den Ergebnissen sehr zufrieden.

Verstecken Sie Ihren Checkout nicht mit Benachrichtigungen

Während Sie bei einem Desktop-Checkout-Erlebnis möglicherweise mit einigen Upsell-Taktiken davonkommen, ist es viel zu einfach, ein mobiles Checkout-Erlebnis zu ruinieren. Berührungsziele sind oft viel zu klein und manchmal sogar außerhalb des Bildschirms, wenn Popups auf Mobilgeräten angezeigt werden.

Sehen Sie sich anstelle von Popups oder anderem visuellen Durcheinander Smart Offers an, um Ihren Gesamtbestellwert zu erhöhen. Anstatt einen Benutzer aufzufordern, etwas in seinen Warenkorb zu legen, bevor er einen Kauf getätigt hat, werden Smart Offers nach Abschluss seiner ersten Checkout-Aktion dazu aufgefordert.

Erreichbarkeit prüfen

Es gibt Untersuchungen darüber, wie Benutzer mit ihren Telefonen interagieren, aber ich habe noch nichts darüber gefunden, wie sich das Geschlecht auf die Telefoninteraktion auswirkt. Dies ist eine kritische Lücke in der Forschung, da Frauen im Allgemeinen kleinere Hände haben als Männer, was möglicherweise die Erreichbarkeit beeinträchtigt.

Da Programmierer überwiegend männlich sind, bedeutet dies, dass die Leute, die Online-Shops aufbauen, die Erreichbarkeit ihrer Schnittstellen für 50 % der Bevölkerung nicht testen.

Das Testen, wie Menschen mit Ihrem Checkout-Formular interagieren, ist entscheidend, um sicherzustellen, dass Sie solide Conversions erzielen. Aber tappen Sie nicht in die Falle, nur mit denen zu testen, die bequem sind. Stellen Sie sicher, dass Sie sich bemühen, ein breites Spektrum an Handgrößen und Gerätegrößen zu testen.

Bei einem Kunden gab es Widerstände, den Checkout für kleinere Hände zu optimieren, da er keine breite Basis an weiblichen Kunden hatte, die auf dem Handy kauften. Ich überzeugte sie, ein paar kleine Änderungen vorzunehmen, um den Bezahlvorgang für kleinere Hände zu verbessern, und innerhalb weniger Wochen stellten wir eine Zunahme der Käufe weiblicher Kunden über ihre Mobilgeräte fest. Wir haben vorher keine weiblichen Kunden gesehen, weil die Kasse nicht für sie gebaut wurde.

Website-Geschwindigkeit

Eine weitere Überlegung, die Sie beim mobilen Checkout berücksichtigen müssen, ist das Verständnis der Website-Geschwindigkeit im Kontext Ihres Zielmarktes. Während Benutzer in Städten 4G-Geschwindigkeiten erhalten, haben ländliche Benutzer möglicherweise nur 3G-Verbindungen und stark eingeschränkte Datentarife.

Selbst ein Blick auf die Länder, auf die Sie abzielen, kann bedeuten, dass Sie über verschiedene Dinge in Bezug auf die Website-Geschwindigkeit nachdenken müssen. In Kanada haben wir anständige Geschwindigkeiten, aber im Vergleich zu vielen anderen Orten der Welt anämische Datentarife.

Wenn Sie Ihr mobiles Checkout-Erlebnis entwickeln, stellen Sie sicher, dass Sie es mit gedrosselten Internetverbindungen testen. Es ist ziemlich einfach in Firefox und Chrome.

Wenn Sie auf Safari testen, müssen Sie sich ein Drittanbieter-Tool wie Charles Proxy ansehen oder das Network Link Conditioner-Tool für xCode installieren, um langsamere Verbindungen zu simulieren. Sie können dieses Tool sogar in Verbindung mit Ihrem iOS-Testgerät verwenden, um die Live-Verbindung zu drosseln, während Sie Ihre Website auf einem ordnungsgemäßen Mobilgerät testen, anstatt auf einem simulierten im Browser.

Stellen Sie sicher, dass Sie Ihre Website anhand der langsamen Verbindungen Ihrer Benutzer testen, anstatt nur anhand der Verbindung, die Sie bei der Arbeit haben.

Sichtbare Vertrauensmarken

Ein Vertrauenszeichen ist ein Bild Ihres SSL-Anbieters oder ein anderes Symbol, das zeigt, dass Sie einen sicheren und vertrauenswürdigen Zahlungsanbieter haben. Häufig werden diese für Desktop-Benutzer an das Ende einer Website verbannt, aber es lohnt sich, noch einmal zu prüfen, wo Sie sie für Ihr mobiles Layout platzieren.

Bei einem Kunden, mit dem ich zusammengearbeitet habe, haben wir damit experimentiert, sie ganz oben an der Kasse zu platzieren. Auf diese Weise sahen die Benutzer, wenn sie auf ihrem Telefon zur Kasse kamen, als Erstes die kleinen Markierungen, die besagten, dass wir eine sichere Website ohne Malware darauf hatten. Diese kleine Änderung führte zu einem Anstieg der Conversions um 1 – 2 %, was sich im Laufe des Jahres zu einer Reihe zusätzlicher Einnahmen summiert.

Anwendungen zum Ausfüllen von Passwörtern

Eine der letzten Möglichkeiten, wie Sie dazu beitragen können, dass mehr Benutzer Ihren mobilen Checkout-Prozess abschließen, besteht darin, sicherzustellen, dass alle Benutzerkontofelder mit Tools wie 1Password, Dashlane und LastPass funktionieren.

Passwörter sind lästig genug, wenn man vor einer vollwertigen Tastatur sitzt, aber sie werden noch schlimmer, wenn man sichere Passwörter erzwingt, die ein Hin- und Herwechseln zwischen den verschiedenen Tastaturen erfordern.

Dies zu testen ist ziemlich einfach; Holen Sie sich eine kostenlose Kopie aller oben genannten Tools und geben Sie Ihr Passwort ein. Versuchen Sie dann, mit ihnen zur Kasse zu gehen, um alle Passwörter oder Benutzerfelder auszufüllen, die sich in Ihrem Bestellformular befinden. Vergessen Sie nicht, jede dieser Anwendungen auch zum Erstellen eines Kontos an der Kasse zu verwenden.

Der möglicherweise schlimmste Fehler, den Sie hier machen können, besteht darin, die Möglichkeit zum Kopieren und Einfügen von Passwörtern in Ihre Kontofelder zu blockieren. So funktionieren Passwortanwendungen, und jeder Benutzer, der sichere Passwörter erstellt, wird höchstwahrscheinlich gehen, sobald er sieht, dass er sein schönes langes zufälliges Passwort nicht hinzufügen kann, ohne es manuell einzugeben.

Der Aufbau eines guten Checkout-Prozesses ist entscheidend für eine profitable E-Commerce-Website. Mit der Zunahme des mobilen Einkaufs ist es noch wichtiger sicherzustellen, dass Sie mobilen Käufern ein erstklassiges Erlebnis bieten.

Indem Sie die Schritte hier durcharbeiten, können Sie sicherstellen, dass Sie Ihren mobilen Benutzern eine hervorragende Erfahrung bieten. Sie werden zufrieden sein und Sie werden mehr Käufe tätigen, was Sie glücklich macht.

Bauen Sie einen leistungsstarken WooCommerce-Shop auf

Erstellen Sie einen Shop, der den Datenverkehr mit den Managed WooCommerce-Hosting-Lösungen von Nexcess umwandelt. Sie werden standardmäßig mit Jilt geliefert, um Ihnen zu helfen, verlassene Warenkörbe wiederherzustellen, Leistungstests durchzuführen, wann immer Sie sie brauchen, und die Plattform reduziert die Abfragebelastung um 95 %, was zu einem schnelleren Geschäft führt.