Urmărirea ochilor și navigarea UX

1) De ce să utilizați Eye-tracking

Urmărirea ochilor arată exact cum scanează utilizatorii interfața: ce observă, ce ignoră, unde se pierd. Acesta completează măsurătorile de clic și derulare, dezvăluind calea atenției și corespondența ierarhiei vizuale cu sarcinile utilizatorului.

• Verificați arhitectura de navigare și informații (meniuri, filtre, căutare).
• Validarea primului ecran/deasupra ori și accente.
• Compararea opțiunilor de card/director/tabel (model F, model Z, diagramă Gutenberg).
• Diagnosticul de orbire banner, suprasarcină și „zgomot vizual”.
• Produse cu un pariu mare pe acuratețe: finanțe, pariuri, piețe live, casier.

2) Ce artefacte oferă urmărirea ochilor

Heatmap: intensitatea agregată a fixărilor pe regiuni.
Parcela/Scanpath: secvență de fixări (puncte numerotate) și saccade (săgeți).
Măsurători AOI: indicatori pentru zonele de interfață specificate (butoane, câmpuri, meniuri, bannere, carduri, tabele).
matrice de tranziție: modul în care utilizatorii „sari” între zone (obiceiuri de navigare).
Rapoarte de segment: diferențe de atenție în funcție de rol/dispozitiv/experiență.

3) Modele de atenție de bază

F-model (texte/tabele): rândul de sus → coloana din stânga → orizontala de mai jos.
Z-model: stânga sus → dreapta sus → diagonală → dreapta jos.
Diagrama Gutenberg: cadrane puternice/slabe, cale naturală de lectură.
Puncte oarbe: zone drepte/inferioare pe ecrane dense, „banner blindness”.
Ancore concurente: discount moare, elemente pâlpâitoare, bannere animate - „fura” atenția de la CTA.

4) Măsurători pe care le operăm

• TTFF (Timp pentru prima fixare) - timp până la prima fixare pe zona.
• Numărul de fixare/durata - numărul/durata totală a fixațiilor.
• Timp Dwell - timp total în zona (inclusiv re-apeluri).
• Revizuiri - numărul de returnări în AOI (semn de dificultate/importanță).
• Probabilitatea tranziției - probabilitatea tranziției de la AOI A la B.
• Scorul secvenței/ordinea fixărilor - cât de devreme zona cade în secvență.
• Scanpath lungime/entropie - lungimea traseului/aleatoriu (entropie scăzută = ierarhie clară).
• Acoperire/carenă convexă - zonă de inspecție vizuală (by-pass în exces = supraîncărcare).

• TTFF scăzut și de mare locuiesc pe CTA - bun (observat rapid, gândit și făcut clic).
• TTFF mare pentru navigare - rău (căutat pentru meniul pentru o lungă perioadă de timp).
• Mulți se întorc la un bloc - o suspiciune de ambiguitate sau o acțiune obligatorie fără solicitări.

5) Planul de studiu (șablon)

Scopul este de a testa dacă utilizatorul găsește elemente cheie de navigare rapid și previzibil.
Segmente: 2-3 (incepatori/experimentati; desktop/mobil).
Eșantion: 6-8 pe segment (calitativ) sau 25-60 (cvasi-cantitativ).
Obiective: 5-7 scenarii realiste cu start controlat (a se vedea mai jos).
Echipament: tracker staționar/instalare mobilă/cameră web (a se vedea § 7).
AOI: elemente cheie pre-mark (logo/căutare/meniu/filtre/CTA/banner/card/tabel/cache).
Procedură: calibrare → sarcină → înregistrarea rezultatelor → scurtă interogare fără întrebări principale.
Randament: heatmap, scanpath, tabelul de măsurare AOI, recomandări și ipoteze A/B.

Task Script șablon

1. Accesat în 17 ianuarie 2012. ^ „Find and turn on the Dark Theme (or sett a rate limit)”.
2. „Filtrează directorul după furnizorul X și sortează după RTP”.
3. „Deschideți memoria cache și uitați-vă la metodele de ieșire disponibile”.
4. „Găsiți evenimentul live și adăugați rezultatul la betslip”.
5. Accesat în 17 ianuarie 2012. ^ „Find the Rules and Responsible Play page”.
Pentru fiecare pas, reparăm TTFF, tranziții, succes și runtime.

6) Marcajul AOI: cele mai bune practici

Asigurați-zonele semantice: „Meniu principal complet”, „Căutare”, „Filtre”, „Carte de joc: capac”, „CTA: Play”, „Banner Promo”, „Firimituri de pâine”.
Informatori separați (etichete, stări) și interactivi (butoane).
Pe mobil, considerați panourile ascunse (burger/perdea) ca AOI separate.
Pentru tabele/factori: separați AOI pe coloane ("Ligă", "Indicator live", "Factor" 1X2, "CTA Add').
Nu zdrobi la pixeli: 10-15 AOI pe ecran este optimă pentru analiză.

7) Echipamente, precizie și limitări

Trackere hardware (platforme desktop/mobile): precizie ridicată, bună pentru interfața interfeței dense (tabele, coeficienți).
Webcam (remote ET): zgomot mai ieftin/mai rapid, dar mai rău pentru scopuri mici; se potrivesc pentru o ierarhie dur.
Calibrare - critică: 5-9 puncte; repeta pe offset/oboseală.
Gândiți-vă cu voce tare poate distorsiona modelul de aspect - utilizați interviul minim, mai bine post-sarcină.

8) conducte analitice

1. Calitatea datelor: precizie de urmărire, procent de pierdere, fixări valide.
2. Rezumatul sarcinilor: succes, timp, erori, scale subiective (SEQ/UMUX-Lite).
3. Tabelul AOI: TTFF, locuiesc, revizitează, tranziții, entropie - după segment și dispozitiv.
4. Heatmap + Scanpath: căutăm ancore suplimentare de atenție, „lipicioase”, omisiuni.
5. Ipoteze și soluții: ce să rearanjați/măriți/redenumiți/ascundeți; ce indicii/schele.
6. Prioritizare: impact × efort; Editări rapide → prototip → Benchmark Retest.
7. Validare: A/B pe măsurători cheie (CTR de navigare, timp de lucru, conversie pas).

9) Descoperiri tipice și cum să reacționeze la ele

TTFF ridicat pe căutare/filtre → a le face vizibile în mod constant, crește contrastul/eticheta.
Banner-ul atrage atenția de la CTA-ul primar → reduce greutatea vizuală a bannerului, schimbă pozițiile, adaugă o greutate a fontului cadru/CTA.
Scanpath lung pe carduri → simplifica primitive vizuale (mai puține moare/etichete), standardiza previzualizări.
Stare slabă/detectare erori → culoare/pictograme + proximitatea câmpului, ARIA-etichetă, micro-copywriting.
Fundături de navigație → „returnări” explicite, pesmet, pălărie fixă, duplicarea CTA.

10) Pentru iGaming/Interfețe financiare: Exemple de AOI și soluții

Numerar: filele „Depunere/Retragere”, metodele, limitele, comisioanele, ETA → verificați TTFF și calea către „Confirmare”.
Betslip: adăugarea unui rezultat, schimbarea cantității, indicii de coeficient, avertismente de risc → minimizarea micro-mișcărilor privirii.
Piețe vii/tabele de factori: prioritate coloană de coeficient, pălărie lipicioasă, evidențierea schimbării.
Lobby slot: card furnizor, insigne (jackpot/freespins), filtre mecanice → evita zgomotul vizual, astfel încât CTA „Play” nu este pierdut.
Joc responsabil: plasarea limitelor în zona de mare atenție, nu se ascund în spatele unui burger.

11) Raport șablon (copie la wiki)

Produs/Versiune/Context dispozitiv

Sarcini: listă, criterii de succes

Segmente: N pentru fiecare

AOI: Diagramă/Listă

Valori cheie: Tabelul TTFF/locuiesc/revizuiește/tranziții

Găsește (Top-5): scurt + vizual (heatmap/scanpath)

Recomandări privind impactul × efortul

Experimente: plan A/B, efect așteptat, termen

Riscuri/comentarii: limitări ale datelor/generalizabilitate

12) Lista de verificare pre-lansare

• Obiective de studiu/întrebări formulate
• Sarcinile sunt realiste și atomice (≤60 sec/sarcină)
• AOI marcat, legenda a fost de acord
• Calibrate, repetate la offset
• Opțiunile de interfață sunt contrabalansate (comanda A/B)
• Colectarea consimțământului și politica de confidențialitate gata
• Plan de analiză/Șabloane de masă procurate
• Măsurătorile de control UX (succes, timp, SEQ) sunt conectate

13) Antipattern și capcane de interpretare

Luați în considerare "mai multe fixații = mai bine. "Uneori e confuzie.
Trageți concluzii numai prin heatmap fără secvență (scanpath).
Se amestecă diferite ecrane/rezoluții într-o singură hartă termică.
Ignorați conținutul și contextul sarcinii (bannerul poate fi adecvat).
Transferați ieșirile către toți utilizatorii fără segmentare/dispozitiv.
Trage concluzii puternice cu privire la 5 participanți ca pe un studiu cantitativ.

14) Etică și confidențialitate

Consimțământul informat: obiective, înregistrare, stocare, anonimizare.
Minimizați PII, stocați datele brute într-o măsură limitată, utilizați ID-ul.
Pentru scenarii sensibile (finanțe/jocuri) - formulare soft, capacitatea de a sări peste o întrebare, date demo sigure.

15) Pornire rapidă (un pager)

1. Descrieți 3-5 sarcini de navigare cheie.
2. Mark 10-15 AOI pe ecranele țintă.
3. Desfășurarea 8-10 sesiuni (10-12 minute fiecare): calibrarea sarcinii → → o scurtă informare.
4. Rezumați tabelul AOI (TTFF, locuiesc, tranziții, entropie) pe segment/dispozitiv.
5. Generează descoperiri Top-5 și 3-5 ipoteze A/B (poziții, dimensiuni, drepturi de autor, vizibilitate).
6. Rulați editări rapide → testați urmărirea ochilor pe aceleași sarcini.