Fallstudie
Weniger Schritte, weniger Felder: Wie ich gemeinsam mit dem Kundenteam Warenkorb und Checkout eines Shopware-6-Shops für das Smartphone überarbeitet habe.
Viele Kunden kamen mit dem Smartphone, und zu viele brachen im Warenkorb oder im Checkout ab. Der Checkout war für den Desktop gebaut und auf kleinen Bildschirmen nur verkleinert worden.
Gemeinsam mit dem Kundenteam habe ich den aktuellen Stand analysiert und drei Ursachen identifiziert. Die Änderungen habe ich anschließend in Shopware 6 umgesetzt.
Problem: Auf dem Smartphone ist jedes Feld ein Schritt mehr: tippen, Tastatur öffnen, prüfen, weiter. Abfragen, die der Shop für die Bestellung nicht brauchte, kosteten Kunden Zeit.
Änderung: Ich habe Schritte zusammengelegt und Formularfelder gestrichen, die für die Bestellung nicht nötig waren.
Warum: Jedes Feld, das wegfällt, ist eine Stelle weniger, an der Kunden aufgeben können.
Problem: Wer auf dem Handy erst Adresse und Zahlungsdaten eintippen muss, bricht eher ab als am Desktop.
Änderung: Ich habe die Zahlungsarten auf das Smartphone abgestimmt, damit Kunden beim Bezahlen möglichst wenig eintippen müssen.
Warum: Weniger Eingaben bei der Zahlung sparen auf dem Smartphone den aufwendigsten Teil des Checkouts.
Problem: Wichtige Elemente wie Gesamtsumme, Versandkosten und der Button zum Fortfahren lagen weit unten oder waren schwer zu treffen.
Änderung: Ich habe Warenkorb und Checkout im Shopware-Theme mobil neu aufgebaut. Getestet habe ich auf echten Geräten, nicht nur im Browser-Simulator.
Warum: Kunden sollen jederzeit sehen, was sie bezahlen und wie es weitergeht.
Der mobile Checkout hat jetzt weniger Schritte und weniger Felder. Die Zahlung ist auf das Smartphone ausgerichtet, und der Bestellweg ist auf kleinen Bildschirmen klar. Die Screenshots zeigen den Unterschied.
Ihr mobiler Checkout verliert Kunden? Ich prüfe, an welchen Stellen das passiert, und setze die Änderungen um.
Checkout-Optimierung ansehenLieber erst selbst prüfen? Zur Shopware-Checkout-Checkliste mit 10 Punkten