Eye-tracking e navigazione UX

1) Perché usare Eye-tracking

L'itreking mostra come gli utenti scannerizzano l'interfaccia, cosa notano, cosa ignorano, dove si perdono. Completa le metriche di click e scroll, rivelando il percorso di attenzione e la conformità della gerarchia visiva alle attività dell'utente.

• Verifica della navigazione e dell'architettura delle informazioni (menu, filtri, ricerca).
• Convalida il primo schermo/above the fold e l'accento.
• Confronta le opzioni di scheda/directory/tabella (F-pattern, Z-pattern, grafico di Gutenberg).
• Diagnosi di cecità, sovraccarico e rumore visivo.
• Prodotti ad alta precisione: finanza, scommesse, market lave, cache.

2) Quali manufatti dà itreking

Heatmap (mappa del calore) - intensità aggregata di fissaggio per area.
Gaze plot/Scanpath: sequenza di fissazioni (punti numerati) e saccad (frecce).
Metriche AOI - Indicatori delle aree di interfaccia specificate (pulsanti, campi, menu, banner, schede, tabelle).
Matrici di transizione: come gli utenti si spostano tra le aree (abitudini di navigazione).
Report segmentati: differenze di attenzione per ruolo/dispositivo/esperienza.

3) Modelli di attenzione di base

F-pattern (testo/tabella) - La stringa superiore della colonna sinistra è l'orizzontale inferiore.
Z-pattern - La parte superiore sinistra è la parte superiore destra della diagonale inferiore destra.
Il grafico di Gutenberg è un quadrante forte/debole, un percorso di lettura naturale.
Zone cieche: destra/basso su schermi densi, «cecità banner».
Ancoraggi in competizione: piastrelle di sconto, elementi mozzafiato, banner animati - rubano l'attenzione al CTA.

4) Metriche da operare

• TTFF (Time to First Fixation) - Tempo fino alla prima fissazione sulla zona.
• Fixation count/duration è il numero e la durata totale dei fissaggi.
• Dwell time - Tempo totale nella zona (inclusi gli accessi ripetuti).
• Revisits è il numero di ritorni in AOI (segno di difficoltà/importanza).
• Transition probability - Possibilità di transizione da AOI A a B.
• Sequence score/ordine di fissaggio - Quanto presto la zona entra nella sequenza.
• Scanpath length/Entropy - lunghezza/caoticità del percorso (bassa entropia = gerarchia chiara).
• Coverage/Convex hull - Area di controllo visivo (eccesso di giro = surriscaldamento).

• Il TTFF basso e il dwell alto su CTA - bene (rapidamente notato, riflettuto e cliccato).
• Il TTFF alto per la navigazione è pessimo (cercato menu a lungo).
• Molti ritorni a un singolo blocco - sospetto di incertezza o azione obbligatoria senza suggerimenti.

5) Piano di ricerca (modello)

Scopo: verificare se l'utente trova gli elementi chiave di navigazione in modo rapido e prevedibile.
Segmenti: 2-3 (principianti/esperti; Dectop/mobile).
Il campione è 6-8 per segmento (qualitativo) o 25-60 (quasi-quantitativo).
Attività: 5-7 script realistici con avvio controllato (vedere qui sotto).
Apparecchiature: localizzatore fisso/installazione mobile/webcam (consultare l'articolo 7).
AOI: preimpostare gli elementi chiave (logo/ricerca/menu/filtri/ST/striscione/scheda/tabella/cache).
Procedura: calibrazione attività di fissazione dei risultati, breve debrief senza domande.
Uscita: heatmap, scanpath, tabella AOI-metriche, raccomandazioni e ipotesi A/B.

Modello script task

1. Trova e abilita Tema scuro (o imposta un limite di puntata).
2. Filtrare la directory del provider X e ordinarla su RTP.
3. Aprire la cache e vedere i metodi di output disponibili.
4. Trova un evento live e aggiungi un risultato al betslip.
5. Trova la pagina Regole e Gioco responsabile.
Per ogni passo, fissiamo TTFF, transizioni, successo e runtime.

6) Etichetta AOI: best practices

Rendete le zone semantiche: «Menu principale intero», «Cerca», «Filtri», «Carta gioco: copertina», «CTA: Gioca», «Striscione promo», «Briciole di pane».
Separare gli informatori (etichette, stati) e le interazioni (pulsanti).
Nel mobile, considerate i pannelli nascosti (hamburger/storm) come singoli AOI.
Per le tabelle/cooff, le singole colonne AOI (Lega, Indicatore Lift, Cooff 1X2, CTA Aggiungi).
Non frazionare a pixel 10-15 AOI sullo schermo - Ottimismo per l'analisi.

7) Apparecchiature, precisione e limitazioni

Tracker hardware (rig desktop/mobile): alta precisione, ottimi per le dense UI (tabelle, coefficienti).
Webcam (remote ET): più economico/veloce, ma più rumore, peggio per piccoli scopi; È utile per una gerarchia scortese.
La calibrazione è critica: 5-9 punti; ripetizione in caso di offset/stanchezza.
Think-aloud può distorcere il pattern dello sguardo - utilizzare minimamente, meglio post-task intervista.

8) Pipeline analitica

1. Qualità dei dati: precisione del tracking, percentuale di perdita, valori di fissazione.
2. Combinazione di operazioni: successo, tempo, errori, linee soggettive (SEQ/UMUX-Lite).
3. Tabella AOI: TTFF, dwell, revisits, transizioni, entropy per segmenti e dispositivi.
4. Heatmap + Scanpath - Cercare ancoraggi di attenzione extra, «slip», omissioni.
5. Ipotesi e decisioni: cosa spostare, ingrandire, rinominare o nascondere; quali suggerimenti/sceffolding.
6. Priorità: Effetto x Effort; modifiche veloci, prototipi e test di controllo.
7. Convalidazione: A/B su metriche chiave (CTR di navigazione, tempo per l'attività, conversione del passo).

9) Scoperte tipiche e come reagire

Un TTFF alto per ricerca/filtri li rende sempre visibili, aumenta il contrasto/etichetta.
Il banner trascina l'attenzione dal CTA primario per ridurre il peso visivo del banner, scambiare posizioni, aggiungere cornice/peso del carattere CTA.
Il lungo scanpath delle schede semplifica i primitivi visivi (meno piastre/etichette) e standardizza la prevendita.
Scarsa rilevazione di stati/errori, colore/icone + vicinanza al campo, ARIA-label, microcopirating.
I blocchi di navigazione sono esplicitamente «restituzioni», breadcrumbs, cappello fisso che duplica il CTA.

10) Per iGaming/UI finanziaria: esempi di AOI e soluzioni

Cache: schede Deposito/output, metodi, limiti, commissioni, ETA controlliamo TTFF e il percorso di conferma.
Betslip: aggiunta di esiti, variazione della somma, suggerimenti sui coefficienti, rischio-warning, minimizzando i microduttivi dello sguardo.
Market Live/Coff tabelle: priorità della colonna dei coefficienti, cappello appiccicoso, evidenziazione delle modifiche.
Lobby slot: tessera del provider, badge (jackpot/fresine), filtri meccanici, evitiamo il rumore visivo per evitare che CTA Giochi si perda.
Gioco responsabile: posizionare i limiti in una zona di alta attenzione, non nasconderli dietro un hamburger.

11) Modello di report (copiare in wiki)

Contesto prodotto/versione/dispositivo

Attività: elenco, criteri di successo

Segmenti: N per ogni

AOI: schema/elenco

Metriche chiave: tabella TTFF/dwell/revisits/transizioni

Scoperte (Top-5) - Breve + visualizzazione (heatmap/scanpath)

Linee guida classificate

Esperimenti: piano A/B, effetto previsto, scadenza

Rischi/osservazioni: limitazioni dei dati/generalità

12) Foglio di assegno prima dell'avvio

• Obiettivi/domande di ricerca formulati
• Attività realistiche e atomoniche (≤60 secondi/attività)
• AOI marcati, leggenda concordata
• Calibrazione verificata, ripetizione durante l'offset
• Le opzioni di interfaccia sono controbilanciate (ordine A/B)
• La raccolta dei consensi e le politiche di privacy sono pronte
• Il piano di analisi/modelli di tabella è stato elaborato
• Metriche di controllo UX (successo, tempo, SEQ) collegate

13) Antipattern e trappole interpretazione

«Più fissazioni = meglio». A volte è confusione.
Trarre conclusioni solo su heatmap senza sequenza (scanpath).
Mescola schermate/risoluzioni diverse in un unico heatmap.
Ignora il contenuto e il contesto dell'attività (il banner può essere appropriato).
Sposta le conclusioni a tutti gli user senza segmentazione/dispositivo.
Trarre grandi conclusioni sui partecipanti come se fosse uno studio quantitativo.

14) Etica e privacy

Consenso informato: obiettivi, registrazione, archiviazione, anonimizzazione.
Ridurre al minimo il PII, conservare i dati crudi in modo limitato, utilizzare l'ID.
Per gli scenari sensibili (finanza/giochi) - frasi morbide, possibilità di saltare la domanda, dati demo sicuri.

15) Avvio rapido (one-pager)

1. Descrivere 3-5 attività di navigazione chiave.
2. Segnare 10-15 AOI sugli schermi di destinazione.
3. Tenete 8-10 sessioni (10-12 min): calibrazione dell'attività , breve debrief.
4. Riassumere la tabella AOI (TTFF, dwell, transizioni, entropy) in segmenti/dispositivi.
5. Formate Top-5 scoperte e 3-5 ipotesi A/B (posizioni, dimensioni, copiature, visibilità).
6. Eseguire modifiche rapide all'iter di controllo sulle stesse operazioni.