Mobile Produktseiten im Modehandel prüfen

Einen reproduzierbaren Ausgangspunkt erfassen

Notieren Sie URL, Produkt und Variante, Markt, Sprache, Gerät, Browserversion, Datum und Verbindungsbedingungen. Prüfen Sie einen regulären Artikel, einen Sale-Artikel und einen Artikel mit ausverkauften Größen. Betrachten Sie Erst- und Wiederbesuche einschließlich Einwilligungsdialogen und anderer Einblendungen. Browseremulation deckt Bildschirmbreiten ab; Touchbedienung, Bildschirmtastatur und Browserverhalten prüfen Sie auf einem echten Smartphone. Entfernen Sie personenbezogene Angaben aus Belegen für das Team.

Das Angebot vor dem Kauf prüfen

Erkennt der Besucher Produkt, gewählte Farbe, aktuellen Preis und relevante Aktionsbedingungen eindeutig? Prüfen Sie lesbaren Text, sinnvollen Bildzoom, Material- und Pflegeangaben sowie Liefer- und Retoureninformationen für den gewählten Markt. Vergleichen Sie das Werbe- oder Kategorieversprechen mit der Zielseite. Gleichen Sie Liefer- und Verfügbarkeitsangaben mit ihrer Quelle ab. Fixierte Leisten, Cookie-Hinweise und Werbeeinblendungen dürfen wichtige Informationen oder die nächste Aktion nicht verdecken.

Größen- und Variantenwechsel nachvollziehen

Wählen Sie eine verfügbare Größe, wechseln Sie die Farbe und kehren Sie zur ursprünglichen Variante zurück. Stimmen Preis, Bild, Verfügbarkeit und angezeigte Auswahl weiterhin überein? Eine ausverkaufte Größe muss auch ohne Farberkennung erkennbar sein. Öffnen und schließen Sie die Größentabelle und prüfen Sie, ob die Auswahl erhalten bleibt. Für Maßdefinitionen und die Untersuchung von Passformproblemen nutzen Sie den eigenen Größen- und Passformleitfaden; diese Prüfung dokumentiert, ob der Kaufprozess wie vorgesehen funktioniert.

Den Übergang zum Warenkorb prüfen

Versuchen Sie das Hinzufügen ohne Pflichtauswahl und danach mit einer gültigen Variante. Prüfen Sie Fehlermeldung, Ladeanzeige und tatsächliche Warenkorbposition: SKU, Größe, Farbe, Menge und Preis. Ein zweites Tippen darf nicht unbemerkt einen unbeabsichtigten Doppeleintrag erzeugen. Testen Sie Mengenänderung, Entfernen und Rückkehr zum Produkt. Untersuchen Sie Netzwerkfehler; eine Animation belegt keinen erfolgreichen Vorgang. Bestell- und Zahlungstests gehören in eine freigegebene Testumgebung.

Barrieren bei Zugang und Bedienung prüfen

Prüfen Sie Tastaturreihenfolge, sichtbaren Fokus, Beschriftungen, Zoom und das Schließen von Dialogen ohne Positionsverlust. Fehlermeldungen sollten den nächsten Schritt erklären. WCAG 2.2 nennt für Zeigerziele mindestens 24 mal 24 CSS-Pixel mit definierten Ausnahmen, darunter Abstand; größere Hauptbedienelemente können komfortabler sein. Prüfen Sie einschlägige Kriterien, Kontrast und Verhalten mit assistiven Technologien zusammen. Eine kurze mobile Checkliste ersetzt keine vollständige Konformitätsprüfung.

Quelle: W3C: Zielgröße und Abstand ↗

Geschwindigkeitsmessung und Maßnahme trennen

Nutzen Sie Labormessungen zur Diagnose von Ladezeit, Reaktionsverzögerung und Layoutverschiebungen und vergleichen Sie diese mit verfügbaren Felddaten. Für gute Core Web Vitals nennt Google höchstens 2,5 Sekunden LCP, 200 Millisekunden INP und 0,1 CLS, bewertet am 75. Perzentil mit getrennten Mobil- und Desktopdaten. Dokumentieren Sie URL- oder Origin-Bezug und Messzeitraum. Fehlen Felddaten, lässt sich das Ergebnis nicht beurteilen; dies gilt nicht als bestandene Prüfung. Ein einzelner Laborwert belegt keinen Conversion-Zuwachs.

Quelle: Google: Core Web Vitals ↗

In der Praxis anwenden

1. Kontext, Zustand, Reproduktionsschritte und Belege festhalten.
2. Bestätigte Blockaden, fehlende Angaben und Hypothesen trennen.
3. Nach Auswirkung, Reichweite und Belegsicherheit priorisieren; Verantwortung benennen.
4. Abnahmekriterien formulieren und das ursprüngliche Szenario erneut prüfen.
5. Für unsichere Verbesserungen den A/B-Testplan mit Qualitätskriterien nach dem Kauf nutzen.