Sitzungsaufzeichnung und Verhaltensanalyse

1) Einführung

Das Aufzeichnen von Sitzungen ist eine Rekonstruktion der Benutzerinteraktionen mit der Benutzeroberfläche (Klicks, Bewegungen, Scrolling, Eingabe, Fehler, UI-Status), synchronisiert mit dem Bildschirmvideotrack und den Ereigniskonsolen. Die Verhaltensanalyse macht aus einer rohen Flut von Ereignissen Erkenntnisse: Wo Menschen verloren gehen, wütend werden, eine Aufgabe aufgeben und warum.

Das Ziel: Reibungspunkte schneller finden, Time to Value reduzieren und die Konversion von Schlüsselaktionen (Registrierung, Einzahlung, Spielstart, Turnierteilnahme) steigern.

2) Wenn es besonders nützlich ist (iGaming-Szenarien)

Onboarding und KYC: Verstehen, wo Benutzer in Bestätigungsschritten stecken bleiben.
Kasse (Einzahlung/Auszahlung): Validierungsfehler, unverständliche Provisionen/Limits, Stornierung im letzten Schritt.
Katalog/Suche des Spiels: nicht offensichtliche Filter, „falsche Klicks“ auf Karten, Verwirrung zwischen Demo und echtem Start.
Turniere und Aktionen: Regeln lesen, Preise anklicken, Bedingungen nicht verstehen.
Mobile Szenarien: Hit-Area, überlappende Floating-Elemente, Verhalten bei schlechtem Netzwerk.

3) Was genau zu erfassen ist

UI-Events: Klicks, Taps, Scrolling, Hover (Desktop), Fokus/Blur.
Komponentenstatus: 'disabled', 'loading', 'error', 'success', sticky und floating blocks.
Fehler und Ausnahmen: Front-Validatoren, API-Antworten, Timeouts, Netzwerkfehler.
Übergänge und Ausfälle: Routenwechsel, Schließen von Modaloken, Rollback zum vorherigen Schritt.
Technischer Kontext: Gerät, Betriebssystem, Browser, Viport-Größe, Lags (CLS/LCP/INP).

4) Metriken der Verhaltensanalyse

Erfolgsrate nach Vorgängen (ob der Benutzer die Zielaktion erreicht hat).
Time on Task/TTV - Zeit bis zum Wert/Abschluss des Schritts.
FMC (First Meaningful Click) ist der erste sinnvolle Klick auf das Ziel.
Rage Click Rate - ≥3 Klicks in 1-2 Sekunden an einem Punkt.
Dead Click Share - Klicks ohne Folgen (kein Übergang/Event).
Fehlerrate - Fehlerrate (Validierung/NTTR/Ausnahmen).
Backtrack Rate - Der Anteil der Retouren zum vorherigen Flowschritt.
Abandonment @ Step - Pflege in einem bestimmten Schritt (an der Kasse, KYC, Onboarding).
Scroll Depth p50/p90 - Betrachtungstiefe bis zu STA/Regeln/Formulare.

Verknüpfen Sie sie mit Geschäftsmetriken: Umwandlung in Registrierung/Einzahlung, Einbehaltung, LTV-Proxy.

5) Sampling und Repräsentativität

Basis-Sample: 10-30% des Traffics auf Schlüsselbildschirmen; 100% - auf kritischen Fehlern und seltenen Szenarien.
Segmente: neu/wiederkehrend, VIP, Geo, Kanäle (organisch/bezahlt/empfohlen), Geräte.
Rauschfilter: Bots, extreme Scrollgeschwindigkeiten, Hintergrund-Tabs, Wiedergabe ohne Interaktion.
Zeiträume: letzte 7/28 Tage + davor/danach Freigabefenster.

6) Anmerkungen und Workflow

• Das Problem: „Tote Klicks 22% auf das „Megaways“ -Abzeichen der Spielkarte“.
• Ursachenhypothese: „Der Abzeichen ist optisch wie ein Filterknopf“.
• Lösung: „Machen Sie das Abzeichen zu einem unscheinbaren Stil oder fügen Sie eine Filteraktion hinzu“.
• Erwarteter Effekt: „− 50% der Dead-Klicks, + 8-12% des FMC-Starts des Spiels“.
• Priorität: P1 (blockiert den Schlüsselpfad )/P2/P3.
• Akzeptanzkriterien: Klare Schwellenwerte für Metriken.

7) Datenschutz und Compliance

Eingabe-Maskierung: E-Mail-Felder, Karten, Dokumente, Chats - wir verstecken Symbole und Selektoren vollständig.
PII/Finanzen: Wir schreiben keine Werte; Tokenisierung von IDs; IP zu anonymisieren.
Cookie/Consent: Respektieren Sie' DNT', zeigen Sie das Einwilligungsbanner (Opt-in/Opt-out), separate Richtlinien für Aufzeichnungen/Wärmekarten.
Zugang und Audit: Wer schaut sich die Aufzeichnungen an und warum; Ansichtsprotokolle; Aufbewahrungsfrist (z. B. 30-90 Tage).
Recht auf Löschung: Wir löschen Benutzersitzungen auf Anfrage (DSAR).
Sicherheit: Verschlüsselung im Speicher und während der Übertragung; Exportbeschränkungen.

8) Technische Umsetzung (Empfehlungen)

Слой данных (data layer): `ui_click`, `ui_error`, `ui_state_change`, `route_change`, `network_error`, `experiment_variant`.
Stabile Selektoren: „data-session-zone“, „data-component-id“; Vermeiden Sie „fragile“ CSS-Ketten.
Kleben mit A/B: 'session _ id' und 'variant' (ohne PII) speichern - zum Vergleich nach Zweigen.
Leistung: Ereignisse abgleichen, FPS-Aufnahme einschränken, adaptives Sampling bei Degradation verwenden.
Mobile Funktionen: Berücksichtigung der virtuellen Tastatur, der Überarbeitung des Vewport, der Gesten (swipe, pull to refresh).
Netzwerkdiagnose: RTT protokollieren, Timeouts, Stornierungen - oft ist es das Netzwerk, das UX „bricht“.

9) Analytische Muster (was zu suchen ist)

Frühe Pflege nach Intro/Banner - P1 nicht sichtbar/nicht offensichtlich.
Zyklische Retouren zwischen zwei Schritten (A↔B) - Inhalt/Validierung nicht nachvollziehbar.
Serien von Formfehlern - schwache Mikrokopie, schlechte Beispiele, strenge Masken.
Fokus auf Nicht-Zielzonen (lange Cursor-Stop-Frames) - Hierarchie und Kontrast sind gestört.
Versäumnis in der Hit-Area - zu kleine Ziele, Überschneidungen (Sticky/Floating).
Fehlgeschlagene Vorher/Nachher-Releases - Anstieg der Error Rate/Abandonment @ Step.

10) Dashboard der Verhaltensanalyse (Minimum)

Sitzungsübersicht: Sample-Volumen, Mobile/Desktop-Anteil, Split nach Kanälen.
Funnel Playback: Flow-Schritte mit einem Klick auf „Beispielsitzungen ansehen“ für jede Pause.
Rage/Dead Trends: Dynamik nach Seitentyp und Segment.
Error Heat: Top Error Map (Validierung/API) mit Verweis auf die Einträge.
Time to Value: Median/Quantile für Schlüsselaufgaben.
Release Compare (vorher/nachher): Metrikdeltas und Jump-Links zu repräsentativen Aufnahmen.

11) Integration mit Wärmekarten und Qualitätsmethoden

Triangulation: Aufzeichnung von Sitzungen (warum) + Wärmekarten (wo) + Trichtermetriken (wie viel).
Interviews/Umfragen: Verwenden Sie Clips aus den Aufnahmen als Anreiz für die Fragen "Warum hast du das getan? ».
Sapport/Tickets: Verknüpfen Sie Ihre Session-ID mit Tickets für eine schnelle Diagnose.

12) A/B und Ursache-Wirkungs-Analyse

Erfassen Sie für jede Hypothese Ziel-UX-Metriken (Rage/Dead/Backtrack) und Geschäftsmetriken (Conversion, TTV).
Vergleichen Sie Datensätze nach A/B-Zweigen: Wo sich der Aufmerksamkeitspfad ändert, werden Fehler und Ausfälle reduziert.
Vermeiden Sie „ein paar Clips ansehen → eine Schlussfolgerung ziehen“: Verwenden Sie repräsentative Stichproben und Konfidenzintervalle.

13) Rollen und Prozess

UX-Forscher: formuliert Fragen, plant Sample, kommentiert Muster.
Produkt/Analyst: verknüpft mit Business-KPI, priorisiert Aufgaben.
Designer/Frontend: Implementiert Bearbeitungen, überwacht die Komponentenzustände.
QA/Support: Fügen Sie Fälle zur Regression hinzu, übertragen Sie benutzerdefinierte Beschwerden in das Backlog.
Wöchentliche Analyse: 30-60 Minuten, 5-10 Clips, 3-5 Aufgaben mit P1-Priorität.

14) Anti-Muster

Sehen Sie Aufnahmen ohne Ziel und Plan → Burnout, keine Ergebnisse.
Rückschlüsse auf „helle“ Einzelfälle ziehen.
Ignorieren Sie Privatsphäre und Maskierung.
Mischen Sie Mobile/Desktop in einer Ausgabe.
Stellen Sie Diagnosen ohne Vorher/Nachher-Prüfung oder A/B.
„Clip Cult“: Der Clip als Dekoration der Präsentation, nicht als Beweis der Hypothese.

15) Akzeptanzkriterien für Aufgaben „nach Durchsicht der Einträge“

Das Problem, die Hypothese, die Lösung, der erwartete Effekt und die Metriken werden beschrieben.
Schwellenwerte sind vorgegeben (z.B. Rage Click Rate ↓ bis <1,5%).
Prüfung im Freigabefenster (vorher/nachher) + selektive Revision der Einträge aktiviert.
Aktualisierte Hyde nach Hierarchie (wenn die Gründe in Prioritäten/Kontrast sind).
Checklisten zur Barrierefreiheit (Fokusstile, Trefferbereich, Kontrast) bestanden.

16) Kurze Checkliste vor dem Start

1. Haben Sie ein Ziel und eine Liste von Schlüsselszenarien?
2. Maskierung, Nutzereinwilligung und Speicherung eingerichtet?
3. Sample und Segmente definiert?
4. Zonenmarkierung und konsistente Selektoren bereit?
5. Bündel mit A/B und Trichter - enthalten?
6. Format für Anmerkungen und Priorisierung definiert?
7. Ein Dashboard mit den Trends Rage/Dead/Error/TTV ist vorbereitet?

17) TL; DR

Session Recording - „Microscope“ für UX: zeigt reale Friktionen und Verhaltensmuster. Tun Sie dies sicher (Maskierung, Zustimmung), systematisch (Sample, Segmente, Anmerkungen), kausal (A/B, vorher/nachher) und produktorientiert (Metriken → Aufgaben → Wirkung). Das Ergebnis ist weniger Lärm, schneller zum Wert, höhere Conversion.