Mobile ist nicht Desktop. und das ist der größte Fehler
Die mobile Conversion-Lücke: Ein 40 %-Problem
In 63 Tests mit Shops aus verschiedenen Branchen lag die mobile Conversion Rate durchschnittlich bei 1,3 %. Gegenüber 2,2 % auf Desktop. Das ist keine kleine Differenz. Bei einem Shop mit 50.000 mobilen Sessions pro Monat und einem durchschnittlichen Bestellwert von 85 € entspricht die 0,9-Prozentpunkte-Differenz einem Verlust von ca. 38.000 € pro Monat. Die Branchen mit der größten Lücke waren Fashion, Elektronik und Möbel.
Die Ursachen sind nicht komplex. In 94 % der analysierten Shops waren die mobilen Probleme offensichtlich. Sobald man danach sucht. Ein Elektronikhändler hatte einen „In den Warenkorb“-Button, der auf einem iPhone 12 nur 28 Pixel hoch war. Der empfohlene Mindestwert laut Apple ist 44 Pixel. Nach der Vergrößerung auf 48 Pixel stieg die mobile Conversion Rate um 9 %.
Ein Modeshop hatte eine Filter-Navigation, die auf Mobile über 70 % der Bildschirmhöhe einnahm. Kunden scrollten durch endlose Filteroptionen, bevor sie Produkte sahen. Nach der Reduktion auf die drei wichtigsten Filter (Größe, Farbe, Preis) und deren Platzierung in einer horizontalen Scroll-Leiste stieg die mobile Conversion Rate um 14 %.
Die drei größten mobilen UX-Killer
Aus 63 Tests haben sich drei Probleme herauskristallisiert, die in über 80 % der Shops vorkommen:
Der Thumb Zone: Wo Kunden nicht hinkommen
Die „Thumb Zone“ ist der Bereich des Smartphone-Bildschirms, der mit dem Daumen einer Hand erreichbar ist. Sie umfasst etwa die untere Hälfte des Bildschirms. Alles, was außerhalb dieser Zone liegt, erfordert zwei Hände. Und mobilen Kunden fehlt oft die zweite Hand.
In 19 Tests mit Button-Platzierungen sahen wir, dass Buttons in der unteren Bildschirmhälfte 23 % mehr Klicks erhielten als Buttons in der oberen Hälfte. Ein Shop, der seinen „Jetzt kaufen“-Button von oben nach unten verschob, steigerte die mobile Conversion Rate um 11 %.
Die wichtigsten Elemente müssen in der Thumb Zone liegen: CTA-Button, Hauptnavigation, Warenkorb-Icon. Sekundäre Elemente (Filter, Sortierung, Zusatzinformationen) können außerhalb liegen. Aber nicht die primären Aktionen.
Formulare: Der stille Abbruch-Trigger
Mobile Formulare sind der größte Conversion-Killer. Jeder zusätzliche Tippvorgang auf dem Smartphone ist eine Reibung. In 22 Tests mit mobilen Formularen sahen wir, dass jede reduzierte Eingabe die Conversion Rate steigert.
Ein Shop hatte einen Checkout mit 14 Formularfeldern. Die mobile Abbruchrate lag bei 78 %. Nach der Reduktion auf 7 Felder (Adresse per Postleitzahl-Autovervollständigung, keine Adresszusatzzeile, keine separate Rechnungsadresse als Standard) sank die Abbruchrate auf 64 %. Die Conversion Rate stieg um 19 %.
Die wichtigsten Maßnahmen: Autovervollständigung für Adressen, numerische Tastatur für Postleitzahlen und Telefonnummern, keine Pflichtfelder für optionale Informationen, und eine Fortschrittsanzeige („Schritt 1 von 3“).
Ladezeit: Jede Sekunde kostet 12 % Conversion
Die durchschnittliche mobile Ladezeit liegt bei 6,8 Sekunden. Mehr als doppelt so hoch wie auf Desktop. Aber mobile Nutzer sind ungeduldiger. In 15 Ladezeit-Tests sahen wir, dass eine Reduktion der mobilen Ladezeit um 1 Sekunde die Conversion Rate im Durchschnitt um 12 % steigert.
Ein Modeshop optimierte seine mobile Ladezeit von 7,2 auf 3,8 Sekunden durch drei Maßnahmen: Bilder auf 800 Pixel Breite reduziert (statt 1.600 Pixel), nicht-kritisches JavaScript verzögert, und ein vereinfachtes Mobile-Layout ohne schwere Animationen. Die mobile Conversion Rate stieg von 1,1 % auf 1,6 %.
Mobile Navigation: Weniger ist mehr
Die Navigation ist auf Mobile der am meisten unterschätzte Faktor. Ein Burger-Menü mit 12 Kategorien mag auf Desktop funktionieren. Auf Mobile ist es eine Katastrophe.
In 12 Navigations-Tests sahen wir, dass eine Reduktion der Hauptnavigation auf 3–4 Punkte die mobile Conversion Rate im Durchschnitt um 8 % steigert. Ein Shop, der seine 8 Hauptkategorien auf 4 reduzierte (die anderen in eine „Mehr“-Option auslagerte), steigerte die mobile Conversion Rate um 10 %.
Die Suchfunktion ist auf Mobile wichtiger als auf Desktop. 43 % der mobilen Nutzer nutzen die Suche. Gegenüber 28 % auf Desktop. Aber die meisten mobilen Suchfunktionen sind schlecht: kleines Suchfeld, keine Autokorrektur, keine Filter in den Ergebnissen. Ein Shop, der seine mobile Suche mit Autokorrektur und Filter optimierte, steigerte die Conversion Rate der mobilen Suchnutzer um 21 %.
Mobile Payment: Der wichtige Unterschied
Der Zahlungsprozess ist auf Mobile der kritischste Punkt. 76 % der mobilen Kunden brechen im Checkout ab. Gegenüber 64 % auf Desktop. Die Ursachen sind bekannt: Zu viele Formularfelder, kleine Buttons, keine gespeicherten Zahlungsinformationen.
In 9 Zahlungs-Tests sahen wir, dass die Integration von Mobile Payment (Apple Pay, Google Pay) die mobile Conversion Rate im Durchschnitt um 18 % steigert. Der Grund ist einfach: Der Kunde tippt zweimal und bezahlt. Keine Kreditkartennummer, kein Ablaufdatum, keine CVV.
Ein Elektronikhändler führte Apple Pay und Google Pay ein. Die mobile Conversion Rate stieg von 0,9 % auf 1,4 %. Bei 25.000 mobilen Sessions pro Monat und einem durchschnittlichen Bestellwert von 199 € entspricht das ca. 25.000 € zusätzlichen Umsatzes pro Monat.
Mobile Page Speed: Die technischen Quick Wins
Die mobile Ladezeit ist der am schnellsten zu verbessernde Faktor. Und der am meisten unterschätzte. In 15 Ladezeit-Tests sahen wir, dass 80 % der Verbesserung aus drei Maßnahmen kommt. Google misst die mobile Geschwindigkeit über Core Web Vitals: Largest Contentful Paint, First Input Delay und Cumulative Layout Shift. Wer diese Werte im grünen Bereich hält, erfüllt nicht nur die Suchmaschine. Er reduziert auch Abbrüche.
Maßnahme 1: Bildoptimierung. Die meisten Shops laden Bilder in voller Desktop-Auflösung auf Mobile. Ein Modeshop reduzierte seine Bilder von 2.400 auf 800 Pixel Breite. Die mobile Ladezeit sank von 6,2 auf 2,8 Sekunden. Die Conversion Rate stieg um 15 %. Die Bildqualität war auf Mobile nicht sichtbar schlechter. Das Retina-Display zeigte 800 Pixel in voller Pracht.
Maßnahme 2: JavaScript-Reduktion. Die meisten Shops laden Drittanbieter-Scripts, die auf Mobile nicht benötigt werden. Ein Elektronik-Shop entfernte drei Tracking-Scripts, die auf Mobile redundant waren. Die Ladezeit sank um 1,2 Sekunden. Die Conversion Rate stieg um 8 %. Der Tracking-Verlust war null. Die drei Scripts erfassten dieselben Daten wie das Haupt-Tracking.
Maßnahme 3: Server-Response-Time. Ein Shop wechselte von einem Shared-Hosting auf einen optimierten Server. Die Time-to-First-Byte sank von 1,8 auf 0,3 Sekunden. Die mobile Conversion Rate stieg um 11 %. Die Kosten: 50 € mehr pro Monat. Der zusätzliche Umsatz: 12.000 € pro Monat.
Diese drei Maßnahmen erfordern keine Neuentwicklung. Sie erfordern Prüfung, Entscheidung und Umsetzung. Der ROI ist messbar innerhalb von zwei Wochen.
Die Mobile-UX-Checkliste
Die folgende Checkliste zeigt die wichtigsten Punkte, die Sie auf mobilen Shop-Seiten prüfen sollten. Jeder erledigte Punkt schließt eine potenzielle Conversion-Lücke. Prüfen Sie die Liste quartalsweise mit echten Geräten. Nicht mit dem Desktop-Browser in schmaler Fenstergröße.
- Alle primären Buttons sind mindestens 48 Pixel hoch und liegen in der Thumb Zone.
- Der Checkout enthält maximal 7 Formularfelder.
- Adressfelder werden per Postleitzahl-Autovervollständigung ausgefüllt.
- Mobile Tastatur passt zum Eingabetyp: numerisch für Postleitzahl und Telefon.
- Die Hauptnavigation enthält maximal 4 Punkte. Die restlichen Kategorien wandern in „Mehr“.
- Die mobile Suche bietet Autokorrektur, Vorschläge und Filter in den Ergebnissen.
- Apple Pay und Google Pay sind aktiviert.
- Bilder werden in maximal 800 Pixel Breite auf Mobile ausgeliefert.
- Nicht-kritisches JavaScript wird verzögert oder asynchron geladen.
- Time-to-First-Byte liegt unter 0,5 Sekunden.
- Keine Pflichtfelder für optionale Informationen wie Telefon oder Geburtstag.
- Der Checkout zeigt eine Fortschrittsanzeige („Schritt 1 von 3“).
Das Wichtigste auf einen Blick
Die 63 Tests zeigen ein klares Bild: Die mobile Conversion-Lücke ist kein Naturgesetz. Sie ist das Ergebnis von Design-Entscheidungen, die für Desktop getroffen wurden. Wer Mobile als eigenständigen Kanal behandelt, holt sich den verlorenen Umsatz zurück.
FAQ
Was ist Mobile eCommerce UX?
Mobile eCommerce UX beschreibt das Nutzererlebnis eines Online-Shops auf Smartphones. Sie umfasst Navigation, Produktseiten, Filter, Formulare, Checkout, Ladezeit und Zahlung. Das Ziel ist, dass mobile Kunden genauso einfach kaufen wie auf dem Desktop.
Warum ist die mobile Conversion Rate niedriger?
Die mobile Conversion Rate liegt durchschnittlich 40 % unter der Desktop-Rate, weil die meisten Shops für Desktop entwickelt werden. Zu kleine Buttons, zu viele Formularfelder, langsame Ladezeiten und fehlende Mobile-Payment-Optionen bremsen Kunden auf dem Smartphone aus.
Was ist die Thumb Zone?
Die Thumb Zone ist der Bereich auf einem Smartphone-Bildschirm, der mit dem Daumen einer Hand bequem erreichbar ist. Sie liegt in der unteren Bildschirmhälfte. Wichtige Buttons und Navigationselemente sollten dort platziert werden, damit Kunden sie mit einer Hand bedienen können.
Wie schnell sollte eine mobile Shop-Seite laden?
Eine mobile Shop-Seite sollte in unter 3 Sekunden vollständig nutzbar sein. Jede zusätzliche Sekunde reduziert die Conversion Rate im Durchschnitt um 12 %. Das Ziel für die Time-to-First-Byte liegt unter 0,5 Sekunden.
Welche Zahlungsarten steigern die mobile Conversion?
Apple Pay und Google Pay steigern die mobile Conversion Rate im Durchschnitt um 18 %. Sie ersetzen die manuelle Eingabe von Kreditkartendaten durch einen schnellen, zweistufigen Bezahlvorgang. PayPal und Shop Pay haben einen ähnlichen Effekt, wenn sie bereits hinterlegt sind.
Zuletzt aktualisiert:
