Eye-Tracking und UX-Navigation

1) Warum Eye-Tracking verwenden

Aytracking zeigt genau, wie Nutzer die Schnittstelle scannen: Was sie bemerken, was sie ignorieren, wo sie sich verlieren. Es ergänzt Click- und Scrolling-Metriken, indem es den Aufmerksamkeitspfad und die Übereinstimmung der visuellen Hierarchie mit den Aufgaben des Benutzers aufdeckt.

• Überprüfung der Navigations- und Informationsarchitektur (Menüs, Filter, Suche).
• Validierung des ersten Bildschirms/above the fold und Platzierung der Akzente.
• Vergleich der Varianten von Karten/Katalogen/Tabellen (F-Muster, Z-Muster, Gutenberg-Diagramm).
• Diagnose von Bannerblindung, Überlastung und „visuellem Rauschen“.
• Produkte mit hohem Einsatz auf Genauigkeit: Finanzen, Wetten, Live-Märkte, Caching.

2) Welche Artefakte gibt Aytracking

Heatmap (Heat Map): Die aggregierte Intensität der Fixierungen pro Bereich.
Gaze plot/Scanpath: eine Folge von Fixierungen (nummerierte Punkte) und Sakkaden (Pfeile).
AOI-Metriken: Indikatoren für bestimmte Bereiche der Schnittstelle (Schaltflächen, Felder, Menüs, Banner, Karten, Tabellen).
Übergangsmatrizen: Wie Benutzer zwischen Zonen „springen“ (Navigationsgewohnheiten).
Segmentberichte: Unterschiede in der Aufmerksamkeit nach Rolle/Gerät/Erfahrung.

3) Grundlegende Aufmerksamkeitsmuster

F-Muster (Texte/Tabellen): Obere Zeile → linke Spalte → Horizontale darunter.
Z-Muster (Landings): links oben → rechts oben → diagonal → rechts unten.
Gutenberg-Diagramm: starke/schwache Quadranten, natürlicher Leseweg.
Blinde Flecken: rechte/untere Bereiche auf dichten Bildschirmen, „Bannerblindheit“.
Konkurrierende Anker: Rabattstempel, flackernde Elemente, animierte Banner - „stehlen“ die Aufmerksamkeit des CTA.

4) Die Metriken, mit denen wir operieren

• TTFF (Time to First Fixation) - Zeit bis zur ersten Fixierung auf der Zone.
• Fixationszahl/-dauer - Anzahl/Gesamtdauer der Fixierungen.
• Dwell-Zeit - Die Gesamtzeit in der Zone (einschließlich wiederholter Besuche).
• Revisits - Anzahl der Retouren im AOI (Zeichen der Schwierigkeit/Wichtigkeit).
• Transition probability - Wahrscheinlichkeit des Übergangs von AOI A nach B.
• Sequenzwert/Reihenfolge der Fixierungen - wie früh die Zone in die Sequenz fällt.
• Scanpath length/Entropy - Länge/Chaotik der Route (niedrige Entropie = klare Hierarchie).
• Coverage/Convex hull - Bereich der visuellen Untersuchung (übermäßiger Bypass = Überlastung).

• Niedrige TTFF und hohe dwell auf CTA - gut (schnell bemerkt, überlegt und geklickt).
• Hohe TTFF auf Navigation - schlecht (Menü lange gesucht).
• Viele Retouren zu einem Block - Verdacht auf Unklarheit oder Zwangshandlung ohne Hinweise.

5) Forschungsplan (Vorlage)

Das Ziel: zu prüfen, ob der Nutzer die wichtigsten Navigationselemente schnell und vorhersehbar findet.
Segmente: 2-3 (Anfänger/Erfahrene; Desktop/Mobile).
Stichprobe: 6-8 pro Segment (qualitativ) oder 25-60 (quasi quantitativ).
Aufgaben: 5-7 realistische Szenarien mit kontrolliertem Start (siehe unten).
Ausstattung: stationärer Tracker/mobile Anlage/Webcam (siehe § 7).
AOI: Markieren Sie Schlüsselelemente im Voraus (Logo/Suche/Menü/Filter/STA/Banner/Karte/Tabelle/Cache).
Ablauf: Kalibrierung → Aufgabe → Fixierung der Ergebnisse → kurzer Debrief ohne Suggestivfragen.
Ausgabe: heatmap, scanpath, Tabelle der AOI-Metriken, Empfehlungen und A/B-Hypothesen.

Skriptvorlage für Aufgaben

1. „Finden und aktivieren Sie das dunkle Thema (oder legen Sie ein Limit für Einsätze fest)“.
2. „Filtern Sie das Verzeichnis nach Provider X und sortieren Sie nach RTP“.
3. „Öffnen Sie den Cache und sehen Sie sich die verfügbaren Ausgabemethoden an“.
4. „Finden Sie das Live-Ereignis und fügen Sie das Ergebnis zum Betslip hinzu“.
5. „Finde die Seite Regeln und Verantwortungsvolles Spielen“.
Für jeden Schritt erfassen wir TTFF, Übergänge, Erfolg und Laufzeit.

6) AOI-Markierung: Best Practices

Machen Sie die Zonen semantisch: „Hauptmenü ganz“, „Suche“, „Filter“, „Spielkarte: Cover“, „CTA: Play“, „Werbebanner“, „Brotkrümel“.
Trennen Sie Whistleblower (Labels, Status) und Interactives (Buttons).
Betrachten Sie auf der Mobile versteckte Panels (Burger/Vorhang) als separate AOIs.
Für Tabellen/Koeffizienten: separate AOI nach Spalten („Liga“, „Live-Indikator“, „1X2“, „CTA hinzufügen“).
Nicht auf Pixel zerkleinern: 10-15 AOI pro Bildschirm sind das Optimum für die Analyse.

7) Ausrüstung, Genauigkeit und Einschränkungen

Hardware-Tracker (Desktop/Mobile Rigs): hohe Genauigkeit, gut für enge UIs (Tabellen, Koeffizienten).
Webcam (Remote ET): billiger/schneller, aber höheres Rauschen, schlechter für kleine Zwecke; Geeignet für eine grobe Hierarchie.
Kalibrierung - kritisch: 5-9 Punkte; Wiederholung bei Verschiebung/Ermüdung.
Think-aloud kann das Blickmuster verzerren - verwenden Sie ein minimales, besseres Post-Task-Interview.

8) Analytische Pipeline

1. Datenqualität: Tracking-Genauigkeit, prozentualer Verlust, gültige Fixierungen.
2. Aufgabenverzeichnis: Erfolg, Zeit, Fehler, subjektive Skalen (SEQ/UMUX-Lite).
3. AOI-Tabelle: TTFF, dwell, revisits, transitions, entropy - nach Segment und Gerät.
4. Heatmap + Scanpath: Wir suchen zusätzliche Aufmerksamkeitsanker, „Zaleps“, Lücken.
5. Hypothesen und Lösungen: was neu anordnen/vergrößern/umbenennen/verbergen; was sind die Hinweise/sceffolding.
6. Priorität: Impact × Effort schnelle Bearbeitungen → Prototypen → Kontrolltests.
7. Validierung: A/B auf Schlüsselmetriken (Navigation CTR, Zeit pro Aufgabe, Schrittkonvertierung).

9) Typische Funde und wie man darauf reagiert

Hohe TTFF auf Suche/Filter → machen Sie dauerhaft sichtbar, erhöhen Sie den Kontrast/label.
Banner zieht die Aufmerksamkeit von der primären CTA → reduzieren Sie das visuelle Gewicht des Banners, tauschen Sie Positionen aus, fügen Sie den Rahmen/das Gewicht der CTA-Schriftart hinzu.
Langer Scanpath durch Karten → visuelle Primitive vereinfachen (weniger Stempel/Etiketten), Vorschau standardisieren.
Schwache Status-/Fehlererkennung → Farbe/Icons + Feldnähe, ARIA-Label, Microcopiting.
Navigation Sackgassen → explizite „Renditen“, Breadcrumbs, feste Kappe, doppelte CTA.

10) Für iGaming/Finanz-UIs: Beispiele für AOIs und Lösungen

Cache: Die Registerkarten „Einzahlung/Auszahlung“, Methoden, Limits, Provisionen, ETA → überprüfen TTFF und den Pfad zu „Bestätigen“.
Betslip: Hinzufügen des Ergebnisses, Änderung der Summe, Hinweise auf Koeffizienten, Risikowarnings → Minimierung der Mikrobewegungen des Blicks.
Die lajw-markety/koeff-Tabellen: die Priorität der Spalte der Koeffizienten, die klebrige Mütze, die Einblendung der Veränderungen.
Slotlobby: Anbieterkarte, Abzeichen (Jackpot/Freispiele), Mechanikfilter → vermeiden visuelle Geräusche, damit der CTA „Play“ nicht verloren geht.
Verantwortungsvolles Spiel: Grenzen im Hochaufmerksamkeitsbereich setzen, nicht hinter dem Burger verstecken.

11) Berichtsvorlage (in Wiki kopieren)

Kontext: Produkt/Version/Gerät

Aufgaben: Liste, Erfolgskriterien

Segmente: N für jeden

AOI: Schema/Liste

Schlüsselmetriken: Tabelle TTFF/dwell/revisits/transitions

Funde (Top-5): kurz + visuell (heatmap/scanpath)

Bewertung: Impact × Effort

Experimente: A/B-Plan, erwartete Wirkung, Laufzeit

Risiken/Bemerkungen: Dateneinschränkungen/Generalisierbarkeit

12) Checkliste vor dem Start

• Ziele/Forschungsfragen formuliert
• Die Aufgaben sind realistisch und atomar (≤60 Sek ./Aufgabe)
• AOI markiert, Legende vereinbart
• Kalibrierung überprüft, Repeat bei Offset
• Schnittstellenvarianten gegengewichtet (A/B-Reihenfolge)
• Einholung von Einwilligungen und Datenschutzrichtlinien stehen bereit
• Analyseplan/Tabellenvorlagen beschafft
• UX-Kontrollmetriken (Erfolg, Zeit, SEQ) verbunden

13) Anti-Pattern und Interpretationsfallen

Zählen Sie „mehr Fixierungen = besser“. Manchmal ist es eine Verwirrung.
Rückschlüsse nur auf heatmap ohne Sequenz (scanpath) ziehen.
Mischen Sie verschiedene Bildschirme/Auflösungen in einer Heatmap.
Ignorieren Sie den Inhalt und den Kontext der Aufgabe (ein Banner kann angemessen sein).
Übertragen Sie die Leads auf alle Benutzer ohne Segmentierung/Gerät.
Ziehen Sie bei 5 Teilnehmern als quantitative Studie hochkarätige Schlussfolgerungen.

14) Ethik und Privatsphäre

Einwilligung nach Aufklärung: Zwecke, Aufzeichnung, Speicherung, Anonymisierung.
Minimieren Sie PII, speichern Sie Rohdaten begrenzt, verwenden Sie ID.
Für sensible Szenarien (Finanzen/Spiele) - weiche Formulierungen, die Möglichkeit, eine Frage zu überspringen, sichere Demo-Daten.

15) Schnellstart (One-Pager)

1. Beschreiben Sie 3-5 wichtige Navigationsaufgaben.
2. Markieren Sie 10-15 AOI auf den Zielbildschirmen.
3. Führen Sie 8-10 Sitzungen (10-12 Minuten) durch: Kalibrierung → Aufgabe → ein kurzer Debrief.
4. Reduzieren Sie die AOI-Tabelle (TTFF, dwell, transitions, entropy) auf Segmente/Geräte.
5. Bilden Sie Top-5 Fundstücke und 3-5 A/B-Hypothesen (Positionen, Größen, Urheberrechte, Sichtbarkeit).
6. Führen Sie schnelle Bearbeitungen → Kontroll-Aitracking für dieselben Aufgaben aus.