Mobile Conversion-Optimierung: Hürden im Onlineshop

Auf dem Smartphone ist das passende Produkt gefunden. Doch die Größenauswahl wird vom Chatfenster verdeckt, beim Zurückgehen verschwinden die Filter und nach der Zahlung bleibt unklar, ob die Bestellung angekommen ist. Mobile Conversion-Optimierung setzt an solchen konkreten Kaufhindernissen an.

Dieser Leitfaden zeigt dir, wie du die mobile Kaufstrecke prüfst, Ursachen eingrenzt und Verbesserungen priorisierst. Ein fiktiver Outdoor-Shop begleitet die Beispiele. Die beschriebenen Situationen sind erfunden und enthalten keine gemessenen Kundenergebnisse.

Das Wichtigste in Kürze

Mobile Conversion-Optimierung verbessert den Weg vom mobilen Shopbesuch zum Kauf. Prüfe zuerst deine Messung und anschließend Einstieg, Produktsuche, Auswahl, Warenkorb, Formulare und Zahlung auf echten Smartphones. Verbinde auffällige Daten mit beobachtbaren Problemen. Behebe nachgewiesene Funktionsfehler zuerst und überprüfe die Wirkung weiterer Änderungen. Eine niedrigere Kaufquote als am Desktop erklärt allein noch keine Ursache.

‍

Was bedeutet mobile Conversion-Optimierung?

Eine Conversion ist eine vorher festgelegte Zielhandlung, im Onlineshop beispielsweise eine Bestellung. Mobile Conversion-Optimierung untersucht, was Menschen auf mobilen Geräten beim Erreichen dieses Ziels behindert und wie sich diese Hürden verringern lassen.

Ein responsives Design passt die Darstellung an verschiedene Bildschirmgrößen an. Für einen erfolgreichen mobilen Kauf müssen zusätzlich Informationen, Bedienung und technische Abläufe funktionieren. Dazu gehört, dass du eine Variante auswählen, einen Eingabefehler korrigieren und nach einem Zahlungswechsel weiterkommen kannst.

Im Folgenden stehen Smartphones im Mittelpunkt. Tablets solltest du in der Auswertung getrennt betrachten. Die allgemeinen Grundlagen der Conversion-Optimierung erklären den übergeordneten Prozess.

‍

Wie erkennst du, wo mobile Käufe verloren gehen?

Definiere zunächst deine mobile Kaufquote eindeutig. Eine sitzungsbasierte Berechnung lautet:

Mobile Kaufquote = Smartphone-Sitzungen mit mindestens einem Kauf ÷ alle betrachteten Smartphone-Sitzungen × 100.

Jede Sitzung zählt im Zähler höchstens einmal. Wenn du stattdessen Käufer durch Nutzer teilst, erhältst du eine nutzerbasierte Rate. Halte Zählebene, Zeitraum und Geräteabgrenzung bei Vergleichen konstant.

Untersuche anschließend die Übergänge zwischen Produktansicht, Warenkorb, Checkout und Kauf. Die Google-Dokumentation zur E-Commerce-Messung beschreibt dafür unter anderem die Ereignisse view_item, add_to_cart, begin_checkout und purchase. Prüfe, ob dein Shop sie an den richtigen Stellen und mit passenden Produktdaten erfasst.

Teile nicht einfach sämtliche Warenkorbereignisse durch sämtliche Produktansichten. Wiederholte Aktionen und unterschiedliche Artikel können diese Rechnung verzerren. Untersuche definierte Sitzungen oder Nutzer und die dazugehörige Abfolge.

Vergleiche außerdem möglichst ähnliche Besuchergruppen: etwa denselben Kanal, dieselbe Produktgruppe und denselben Neukundenstatus. Im Outdoor-Shop könnten mobile Social-Kampagnen überwiegend erste Produktkontakte bringen, während Desktop-Besucher gezielt nachbestellen. Der Unterschied wäre zunächst ein Analyseauftrag.

Ein auffälliger Übergang zeigt dir, wo du genauer hinsehen solltest. Die Ursache musst du gesondert prüfen.

‍

Kommen Besucher mobil schnell zum relevanten Angebot?

Öffne die tatsächliche Einstiegsseite einer Anzeige oder eines Suchergebnisses auf dem Smartphone. Wird das angekündigte Produkt sichtbar? Oder beanspruchen Navigation, Aktionsbanner und Pop-ups zunächst fast den gesamten Bildschirm?

Im Outdoor-Shop führt eine Anzeige für wasserdichte Wanderjacken auf eine allgemeine Bekleidungsseite. Mobil müssen Interessierte erst die passende Kategorie suchen. Eine geeignete Einstiegsseite sollte die angekündigte Auswahl unmittelbar aufnehmen und relevante Einschränkungen verständlich zeigen.

Prüfe gleichzeitig das Ladeverhalten. Die Core Web Vitals von Google unterscheiden Ladeleistung, Reaktionsfähigkeit und visuelle Stabilität. Als gute Grenzwerte gelten LCP bis 2,5 Sekunden, INP bis 200 Millisekunden und CLS bis 0,1, jeweils am 75. Perzentil der gemessenen Seitenaufrufe.

Übersetze diese Werte in konkrete Fragen:

• Erscheint das wichtigste Bild rechtzeitig?
• Reagiert die Suche auf eine Eingabe?
• Verschiebt sich ein Button, wenn weitere Inhalte laden?

Nutze verfügbare reale Nutzungsdaten und ergänzende technische Tests. Eine Desktop-Vorschau oder ein einzelner Laborwert ersetzt keine Prüfung der mobilen Kaufstrecke.

‍

Lassen sich Suche und Filter ohne Umwege bedienen?

Gib einer Testperson eine konkrete Aufgabe: „Finde eine wasserdichte Wanderjacke in Größe M innerhalb deines Budgets.“ Beobachte, ob sie Suche, Kategorien und Filter versteht und ihre Auswahl wieder verändern kann.

Im fiktiven Shop werden Größe und Einsatzbereich in einem Filterfenster ausgewählt. Nach dem Schließen zeigt die Produktliste nur „2 Filter“. Welche Einschränkungen aktiv sind, bleibt verborgen.

Die UX-Forschung von Baymard zu angewendeten Filtern beschreibt, warum eine sichtbare Übersicht bei Bestätigung, Orientierung und dem Entfernen einzelner Filter hilft. Im Beispiel könnten „Größe M“ und „Wandern“ oberhalb der Treffer einzeln entfernbar erscheinen.

Prüfe auch den Rückweg: Bleiben Filter und Listenposition erhalten, wenn jemand eine Produktseite öffnet und zurückkehrt? Ein vollständiger Neustart erschwert den Vergleich mehrerer Jacken.

Bei leeren Suchergebnissen braucht die Person eine verständliche Erklärung und sinnvolle Anschlussmöglichkeiten. Zeige beispielsweise, welche Einschränkung gelockert werden kann. Prüfe außerdem geläufige Produktbegriffe, Schreibvarianten und Tippfehler anhand deiner tatsächlichen Suchanfragen.

‍

Können Menschen Produkt und Variante sicher auswählen?

Auf kleinen Bildschirmen müssen die kaufentscheidenden Informationen gut auffindbar sein: Produkt, ausgewählte Ausführung, Preis, Verfügbarkeit und Lieferbedingungen. Die nötigen Details hängen vom Sortiment ab.

Im Outdoor-Shop ist eine Jacke auf dem Foto blau, vorausgewählt ist jedoch Schwarz. Nach dem Wechsel zur Größe M ändert sich die Lieferzeit, ohne dass die Änderung auffällt. Hier muss das Team die Darstellung der gewählten Variante abstimmen.

Teste Bildervergrößerung, Größentabelle und Auswahlfelder mit dem Finger. Lassen sich benachbarte Optionen zuverlässig treffen? Die W3C-Erläuterung zu Bedienflächen erklärt die Bedeutung ausreichender Größe oder Abstände. Prüfe ergänzend Beschriftungen, Kontraste, Vergrößerung und Tastaturbedienung.

Eine mitlaufende Kaufleiste kann sinnvoll sein, wenn sie aktuelle Angaben zeigt und benötigte Inhalte erreichbar bleiben. Im Beispiel darf sie weder die Größentabelle noch die letzte Größenoption verdecken. Teste auch das Zusammenspiel mit Chatfenster und geöffneten Dialogen.

Nach „In den Warenkorb“ braucht die Person eine eindeutige Rückmeldung zu Artikel, Größe und Menge. Weitere Prüffragen findest du im Beitrag zum Optimieren von Produktseiten.

‍

Schafft der mobile Warenkorb Klarheit?

Der Warenkorb soll die Auswahl bestätigen und den nächsten Schritt verständlich machen. Prüfe, ob Produktbild, Variante, Menge, Preis und absehbare Zusatzkosten zusammenpassen.

Im Outdoor-Shop möchte die Person eine zweite Größe entfernen. Das kleine Löschsymbol liegt direkt neben der Mengensteuerung. Nach der Änderung springt die Seite nach oben und der Gesamtbetrag aktualisiert sich verzögert.

Der Arbeitsauftrag lautet: Bedienflächen und Rückmeldung verbessern, Änderungen zuverlässig verarbeiten und den aktualisierten Betrag nachvollziehbar anzeigen. Prüfe auch, ob ein irrtümlich entfernter Artikel unkompliziert wiederhergestellt werden kann.

Versandkosten und die Bedingungen einer Versandkostenfreiheit sollten früh verständlich werden. Wenn der endgültige Betrag vom Lieferland abhängt, erkläre diese Abhängigkeit.

Kontrolliere schließlich die visuelle Gewichtung. Empfehlungen und Gutscheinfeld dürfen den Weg zur Kasse nicht verdecken. Ob eine andere Anordnung hilft, prüfst du anhand einer konkreten Aufgabe und anschließend mit passenden Erfolgsgrößen.

‍

Funktionieren Gastbestellung und Formulare mit Bildschirmtastatur?

Öffne den Checkout als neue Person ohne gespeichertes Kundenkonto. Ist eine vorhandene Gastbestellung deutlich erkennbar? Wird sie auch bei geöffneter Tastatur gefunden?

Baymards Leitfaden zur Checkout-Gestaltung behandelt unter anderem die Sichtbarkeit des Gastzugangs und passende mobile Tastaturen. Für deinen Shop heißt das: Prüfe den tatsächlichen Bildschirmzustand während der Eingabe.

Im Outdoor-Shop blendet sich die Gastoption erst unterhalb des Anmeldeformulars ein. Sobald die E-Mail-Eingabe aktiv ist, verdeckt die Tastatur diesen Bereich. Eine klar erkennbare Auswahl zu Beginn kann die Orientierung verbessern.

Prüfe außerdem, welche Angaben für die Bestellung wirklich benötigt werden. Kennzeichne optionale Felder und erkläre ungewöhnliche Pflichtangaben. Beschriftungen müssen verständlich bleiben, nachdem ein Feld ausgefüllt wurde.

Die web.dev-Anleitung zum automatischen Ausfüllen erläutert, wie passende Feldkennzeichnungen Browser beim Eintragen gespeicherter Daten unterstützen. Teste die Übernahme von Liefer- und Rechnungsadresse sowie Namen mit Umlauten und unterschiedlichen Adressformaten.

Provoziere bewusst einen Fehler. Bleiben korrekte Eingaben erhalten? Wird das betroffene Feld sichtbar und die Korrektur verständlich erklärt? „Bitte prüfen“ reicht nicht, wenn die Person anschließend das ganze Formular durchsuchen muss.

‍

Klappt die Zahlung einschließlich Rückkehr in den Shop?

Teste jede relevante Zahlungsart bis zum bestätigten Bestelleingang. Dazu gehören bei entsprechenden Verfahren auch der Wechsel zu einer Zahlungsseite oder App, eine zusätzliche Freigabe und die Rückkehr.

Im fiktiven Shop funktioniert die Weiterleitung, nach der Freigabe erscheint aber erneut der Warenkorb. Die Person weiß nicht, ob sie bezahlt hat. Das Team muss Bestellstatus, Zahlungsstatus und sichtbare Rückmeldung gemeinsam untersuchen.

Prüfe neben dem erfolgreichen Ablauf auch Ablehnung, Abbruch und erneuten Versuch. Der Shop sollte verständlich zeigen, was passiert ist und welche nächsten Schritte möglich sind. Ein erneuter Versuch darf nicht unkontrolliert weitere Bestellungen oder Zahlungen erzeugen.

Eine erfolgreiche Weiterleitung allein bestätigt noch keinen abgeschlossenen Kauf. Gleiche Testbestellungen zwischen Shop, Zahlungsanbieter und Messung ab.

Wenn dein Shop Expresskauf anbietet, prüfe diesen als eigene Strecke. Er kann andere Zwischenschritte enthalten als der Standard-Checkout. Ein fehlendes Formularereignis ist deshalb allein kein Beleg für einen Abbruch.

‍

Wie wird aus einer Beobachtung ein umsetzbarer Auftrag?

Dokumentiere einen Befund so, dass eine andere Person ihn nachvollziehen kann. „Mobil unübersichtlich“ ist zu ungenau. Hilfreicher ist: „Auf dem getesteten Smartphone verdeckt die Kaufleiste bei geöffneter Größentabelle deren Schließen-Schaltfläche.“

Halte Aufgabe, Gerät, Browser, betroffenen Zustand und Beleg fest. Im Outdoor-Shop könnte daraus dieser Auftrag entstehen: „Kaufleiste bei geöffneter Größentabelle ausblenden und anschließend beide Ansichten auf den ausgewählten Testgeräten prüfen.“

Priorisiere anschließend:

1. Beheben: Ein nachgewiesener Fehler verhindert Auswahl, Eingabe oder Zahlung.
2. Untersuchen: Ein auffälliger Datenverlauf ist vorhanden, die Ursache bleibt offen.
3. Testen: Eine Verbesserung ist plausibel, ihre Wirkung aber noch unklar.

Teste relevante Geräte und Browser aus deinen Nutzungsdaten, unterschiedliche Bildschirmgrößen und langsamere Verbindungen. Ein Smartphone-Test sollte auch Zurückgehen, geöffnete Tastatur und Zahlungswechsel enthalten.

Lege vor einer Änderung Zielkennzahl und Kontrollgrößen fest. Bei einer Formularverbesserung können die erfolgreich erreichten Folgeschritte Hinweise liefern; entscheidend bleiben Käufe und wirtschaftliche Ergebnisse. Berücksichtige etwa Umsatz je Sitzung und Retouren.

Ein Vorher-nachher-Vergleich kann durch Kampagnen, Preise oder Verfügbarkeit beeinflusst werden. Für Wirkungsfragen kommen bei ausreichender Datenbasis kontrollierte A/B-Tests infrage. Bei wenig Traffic helfen beobachtete Kaufaufgaben und die Behebung belegter Fehler. Der Beitrag zum CRO-Audit und zur Priorisierung von Conversion-Hürden vertieft das Vorgehen.

‍

FAQ zur mobilen Conversion-Optimierung

Was ist eine gute mobile Conversion Rate?

Eine gute mobile Conversion Rate lässt sich nicht mit einem pauschalen Zielwert festlegen. Sortiment, Preisniveau, Kanal, Besuchsabsicht und Messdefinition beeinflussen den Vergleich. Prüfe zunächst deine eigene Entwicklung und möglichst vergleichbare Besuchergruppen. Ergänze die Kaufquote um wirtschaftliche Kennzahlen.

Warum ist meine mobile Kaufquote niedriger als am Desktop?

Eine niedrigere mobile Kaufquote kann mit Bedienproblemen, unterschiedlichen Besuchergruppen oder einer anderen Kaufabsicht zusammenhängen. Menschen können mobil recherchieren und später am Desktop bestellen. Ohne passende Daten lässt sich dieser Gerätewechsel nicht zuverlässig zuordnen. Untersuche deshalb einzelne Übergänge und beobachtete Aufgaben.

Reicht ein responsives Shopdesign aus?

Ein responsives Shopdesign ist eine Grundlage, deckt aber die gesamte mobile Kaufaufgabe nicht ab. Prüfe zusätzlich Produktsuche, Auswahl, Formulare, Rückmeldungen und Zahlung. Entscheidend ist, ob Menschen diese Aufgaben auf ihrem Smartphone tatsächlich bewältigen können.

Welche mobile Hürde sollte ich zuerst beheben?

Behebe zuerst einen nachgewiesenen Fehler, der einen wichtigen Kaufschritt verhindert. Berücksichtige, wie viele Menschen betroffen sind, welche wirtschaftliche Bedeutung die Strecke hat und wie aufwendig die Korrektur ist. Eine auffällige Kennzahl ohne geklärte Ursache braucht zunächst weitere Untersuchung.

Brauche ich für mobile Conversion-Optimierung eine App?

Für die Optimierung eines mobilen Onlineshops brauchst du keine eigene App. Prüfe zuerst die bestehende Website und ihre Kaufstrecke. Ob eine App sinnvoll ist, hängt zusätzlich von Wiederkaufrhythmus, Funktionen, Zielgruppe sowie Entwicklungs- und Betreuungsaufwand ab.

Wie kann ich bei wenig Traffic Verbesserungen prüfen?

Bei wenig Traffic kannst du Menschen mit passendem Bedarf realistische Kaufaufgaben auf ihrem Smartphone bearbeiten lassen. Ergänze die Beobachtungen durch Supportfragen und technische Tests. So findest du konkrete Hürden. Eine nachgewiesene Umsatzwirkung lässt sich daraus allein nicht ableiten.

‍

Fazit: Prüfe den mobilen Kauf bis zum bestätigten Abschluss

Mobile Conversion-Optimierung beginnt mit einer klaren Aufgabe und einer verlässlichen Messung. Gehe die Strecke vom Einstieg bis zur Zahlung auf echten Smartphones durch. Dokumentiere konkrete Hindernisse, benenne Zuständige und prüfe Änderungen einschließlich ihrer Nebenwirkungen.

Wähle für den Einstieg eine wichtige Produktgruppe und einen nachvollziehbaren Befund. So wird aus einer allgemeinen Vermutung ein bearbeitbarer nächster Schritt.

Wenn du dieses Vorgehen mit deinem Team praktisch anwenden möchtest, bietet das E-Commerce-Seminar für Unternehmen einen passenden Rahmen. Inhalte und Übungen werden an eure Aufgaben angepasst; auf Wunsch arbeitet ihr am eigenen Shop. Du kannst dafür ein individuelles Inhouse-Seminar anfragen.