Παρακολούθηση των ματιών και πλοήγηση UX

1) Γιατί να χρησιμοποιήσετε το Eye-tracking

Η παρακολούθηση των ματιών δείχνει ακριβώς πώς οι χρήστες σαρώνουν τη διεπαφή: τι παρατηρούν, τι αγνοούν, πού χάνονται. Συμπληρώνει τις μετρήσεις κλικ και κύλισης, αποκαλύπτοντας την πορεία της προσοχής και την αντιστοιχία της οπτικής ιεραρχίας στις εργασίες του χρήστη.

• Έλεγχος αρχιτεκτονικής πλοήγησης και πληροφοριών (μενού, φίλτρων, αναζήτησης).
• Επικύρωση της πρώτης οθόνης/πάνω από την πτυχή και τις προφορές.
• Σύγκριση των επιλογών κάρτας/καταλόγου/πίνακα (F-μοτίβο, Z-μοτίβο, διάγραμμα Gutenberg).
• Διάγνωση της τύφλωσης των πανό, της υπερφόρτωσης και του «οπτικού θορύβου».
• Προϊόντα με υψηλό στοίχημα στην ακρίβεια: χρηματοδότηση, στοιχήματα, ζωντανές αγορές, ταμίας.

2) Ποια αντικείμενα δίνει η παρακολούθηση των ματιών

Χάρτης θερμότητας: συγκεντρωτική ένταση των στερεώσεων ανά περιοχή.
Βλέμμα/Scanpath: ακολουθία στερεώσεων (αριθμημένα σημεία) και saccade (βέλη).
Μετρήσεις AOI: δείκτες για τις καθορισμένες ζώνες διεπαφής (κουμπιά, πεδία, μενού, πανό, κάρτες, πίνακες).
Μεταβατικοί πίνακες: πώς οι χρήστες «πηδούν» μεταξύ ζωνών (συνήθειες πλοήγησης).
Εκθέσεις τμήματος: διαφορές στην προσοχή ανά ρόλο/συσκευή/εμπειρία.

3) Βασικά πρότυπα προσοχής

F-μοτίβο (κείμενα/πίνακες): επάνω γραμμή → αριστερή στήλη → οριζόντια παρακάτω.
Z-μοτίβο: αριστερό επάνω → δεξιά επάνω → διαγώνιο → δεξί κάτω μέρος.
Διάγραμμα Gutenberg: ισχυρά/αδύναμα τεταρτημόρια, φυσική διαδρομή ανάγνωσης.
Τυφλά σημεία: δεξιά/κάτω περιοχές σε πυκνές οθόνες, «τύφλωση πανό».
Ανταγωνιζόμενες άγκυρες: εκπτώσεις πεθαίνουν, τρεμοπαίζουν στοιχεία, κινούμενα πανό - «κλέβουν» την προσοχή από το CTA.

4) Μετρήσεις που λειτουργούμε

• TTFF (Time to First Fixation) - ώρα μέχρι την πρώτη επικόλληση στη ζώνη.
• Αριθμός/διάρκεια καθορισμού - αριθμός/συνολική διάρκεια των στερεώσεων.
• Χρόνος παραμονής - συνολικός χρόνος στη ζώνη (συμπεριλαμβανομένων των επανκλήσεων).
• Επανεπισκόπηση - αριθμός επιστροφών στον AOI (ένδειξη δυσκολίας/σημασίας).
• Πιθανότητα μετάβασης - πιθανότητα μετάβασης από AOI A σε B.
• Βαθμολογία ακολουθίας/σειρά στερεώσεων - πόσο νωρίς η ζώνη πέφτει στην ακολουθία.
• Μήκος Scanpath/Εντροπία - μήκος διαδρομής/τυχαιότητα (χαμηλή εντροπία = σαφής ιεραρχία).
• Κάλυψη/κυρτό κύτος - περιοχή οπτικής επιθεώρησης (υπερβάλλουσα παράκαμψη = υπερφόρτωση).

• Χαμηλή TTFF και υψηλή διαμονή σε CTA - καλό (γρήγορα παρατηρείται, σκέψη και κλικ).
• High TTFF για πλοήγηση - κακό (αναζητήθηκε το μενού για μεγάλο χρονικό διάστημα).
• Πολλοί επιστρέφουν σε ένα μπλοκ - μια υποψία ασάφειας ή μια υποχρεωτική δράση χωρίς κίνητρα.

5) Σχέδιο μελέτης (υπόδειγμα)

Ο στόχος είναι να ελεγχθεί αν ο χρήστης βρίσκει βασικά στοιχεία πλοήγησης γρήγορα και προβλέψιμα.
Τμήματα: 2-3 (αρχάριοι/έμπειροι; επιτραπέζιος/κινητός).
Δείγμα: 6-8 ανά τμήμα (ποιοτικά) ή 25-60 (οιονεί ποσοτικά).
Στόχοι: 5-7 ρεαλιστικά σενάρια με ελεγχόμενη εκκίνηση (βλέπε κατωτέρω).
Εξοπλισμός: σταθερός ανιχνευτής/κινητή εγκατάσταση/κάμερα web (βλέπε § 7).
AOI: στοιχεία-κλειδιά πριν τη σήμανση (λογότυπο/αναζήτηση/μενού/φίλτρα/CTA/πανό/κάρτα/τραπέζι/κρύπτη).
Διαδικασία: βαθμονόμηση → εργασιών → καταγραφή των αποτελεσμάτων → σύντομη ενημέρωση χωρίς ερωτήσεις.
Απόδοση: θερμικός χάρτης, scanpath, πίνακας μετρήσεων AOI, συστάσεις και υποθέσεις A/B.

Πρότυπο σεναρίου εργασιών

1. «Βρείτε και ενεργοποιήστε το Σκοτεινό Θέμα (ή ορίστε ένα όριο)».
2. «Φίλτρο του καταλόγου ανά πάροχο X και ταξινόμηση ανά RTP».
3. «Ανοίξτε την κρύπτη και κοιτάξτε τις διαθέσιμες μεθόδους εξόδου».
4. «Βρείτε το live event και προσθέστε το αποτέλεσμα στο betslip».
5. «Βρείτε τους κανόνες και την υπεύθυνη σελίδα παιχνιδιού».
Για κάθε βήμα, φτιάχνουμε TTFF, μεταβάσεις, επιτυχία και χρόνο λειτουργίας.

6) Σήμανση AOI: βέλτιστες πρακτικές

Κάντε τις ζώνες σημασιολογικές: "Full main menu", "Search", "Filter ," Game card: cover "," CTA: Play "," Promo banner "," Ψίχουλα ψωμιού ".
Ξεχωριστοί πληροφοριοδότες (ετικέτες, καταστάσεις) και διαδραστικοί (κουμπιά).
Στο κινητό, θεωρήστε τα κρυμμένα πάνελ (μπιφτέκια/κουρτίνα) ως ξεχωριστά AOI.
Για πίνακες/παράγοντες: χωριστός AOI ανά στήλη («League», «Live indicator», «Factor» 1X2, «CTA Add»).
Μην συνθλιβείτε σε εικονοστοιχεία: 10-15 AOI ανά οθόνη είναι το βέλτιστο για ανάλυση.

7) Εξοπλισμός, ακρίβεια και περιορισμοί

Ιχνηλάτες υλικού (επιτραπέζιες/κινητές εξέδρες): υψηλή ακρίβεια, καλό για πυκνό UI (πίνακες, συντελεστές).
Webcam (απομακρυσμένο ET): φθηνότερος/ταχύτερος αλλά υψηλότερος θόρυβος, χειρότερος για μικρούς σκοπούς. ταιριάζει σε μια τραχιά ιεραρχία.
Βαθμονόμηση - κρίσιμη: 5-9 βαθμοί. επαναλαμβάνεται σε όφσετ/κόπωση.
Το να σκέφτεσαι δυνατά μπορεί να διαστρεβλώσει το μοτίβο - να χρησιμοποιήσεις ελάχιστη, καλύτερη συνέντευξη μετά την εργασία.

8) Αναλυτικός αγωγός

1. Ποιότητα δεδομένων: ακρίβεια εντοπισμού, ποσοστό απώλειας, έγκυρες στερεώσεις.
2. Περίληψη καθηκόντων: επιτυχία, χρόνος, σφάλματα, υποκειμενικές κλίμακες (SEQ/UMUX-Lite).
3. Πίνακας AOI: TTFF, κατοικία, επανεπισκόπηση, μεταβάσεις, εντροπία - ανά τμήμα και συσκευή.
4. Θερμός χάρτης + Scanpath: ψάχνουμε για επιπλέον άγκυρες προσοχής, «κολλώδεις» παραλείψεις.
5. Υποθέσεις και λύσεις: τι να αναδιατάξει/διευρύνει/μετονομάσει/κρύψει; τι στοιχεία/σκαλωσιές.
6. Προτεραιότητα: Επίπτωση × Προσπάθεια. Quick Edits → Prototype → Benchmark Retest.
7. Επικύρωση: A/B σε βασικές μετρήσεις (CTR πλοήγησης, χρόνος εργασίας, μετατροπή βήματος).

9) Τυπικά ευρήματα και τρόπος αντίδρασής τους

Ο υψηλός TTFF στην αναζήτηση/φίλτρα → τα κάνει συνεχώς ορατά, αυξάνει την αντίθεση/ετικέτα.
Το πανό εφιστά την προσοχή από το κύριο CTA → μειώσει το οπτικό βάρος του πανό, ανταλλάσσει θέσεις, προσθέτει ένα πλαίσιο/CTA βάρος γραμματοσειράς.
Το μακρύ μονοπάτι στις κάρτες → απλοποιήσει τα οπτικά πρωτόγονα (λιγότεροι θάνατοι/ετικέτες), τυποποιεί τις προεπισκοπήσεις.
Αδύνατη κατάσταση/ανίχνευση σφάλματος → χρώμα/εικονίδια + εγγύτητα στο πεδίο, ετικέτα ARIA, μικρο-αντιγραφή.
Αδιέξοδο πλοήγησης → ρητή «επιστροφή», ψίχουλα, σταθερό καπέλο, αναπαραγωγή CTA.

10) Για iGaming/Financial UI: Παραδείγματα AOI και λύσεων

Μετρητά: καρτέλες «Καταθέσεις/Ανάληψη», μέθοδοι, όρια, προμήθειες, ETA → ελέγξτε TTFF και διαδρομή προς «Επιβεβαίωση».
Betslip: προσθήκη ενός αποτελέσματος, αλλαγή της ποσότητας, υποδείξεις συντελεστή, προειδοποιήσεις κινδύνου → ελαχιστοποίηση των μικροκινήσεων του βλέμματος.
Ζωντανές αγορές/πίνακες συντελεστών: προτεραιότητα στήλης συντελεστή, κολλώδες καπέλο, επισήμανση αλλαγής.
Λόμπι υποδοχής: κάρτα προμηθευτή, σήματα (jackpot/freespins), μηχανικά φίλτρα → αποφεύγουν τον οπτικό θόρυβο ώστε να μην χαθεί το CTA «Play».
Υπεύθυνο παιχνίδι: τοποθέτηση ορίων στη ζώνη υψηλής προσοχής, μην κρύβεστε πίσω από ένα μπέργκερ.

11) Υπόδειγμα αναφοράς (αντίγραφο στο wiki)

Πλαίσιο προϊόντος/έκδοσης/συσκευής

Καθήκοντα: κατάλογος, κριτήρια επιτυχίας

Τμήματα: N για κάθε τμήμα

AOI: Διάγραμμα/Κατάλογος

Βασικές μετρήσεις: TTFF Table/dwell/revisits/transitions

Ευρήματα (Top-5): σύντομη + οπτική (θερμοσίφωνας/scanpath)

Επιπτώσεις × Συστάσεις για την προσπάθεια

Πειράματα: σχέδιο A/B, αναμενόμενο αποτέλεσμα, όρος

Κίνδυνοι/παρατηρήσεις: περιορισμοί των δεδομένων/γενίκευση

12) Κατάλογος ελέγχου πριν από την εκτόξευση

• Στόχοι/ερωτήματα μελέτης
• Τα καθήκοντα είναι ρεαλιστικά και ατομικά (≤60 sec/task)
• Υπογραφή της AOI, συμφωνημένος θρύλος
• Βαθμονομημένη, επαναλαμβανόμενη σε όφσετ
• Οι επιλογές διεπαφής αντισταθμίζονται (σειρά A/B)
• Έτοιμη η συγκέντρωση συναίνεσης και η πολιτική προστασίας της ιδιωτικής ζωής
• Σχέδιο ανάλυσης/Υπόδειγμα πίνακα
• Οι μετρήσεις ελέγχου UX (επιτυχία, χρόνος, SEQ) είναι συνδεδεμένες

13) Αντιπατερίδια και παγίδες διερμηνείας

Σκεφτείτε "περισσότερες στερεώσεις = καλύτερες. "Μερικές φορές είναι σύγχυση.
Εξαγωγή συμπερασμάτων μόνο με θερμαντικό χάρτη χωρίς ακολουθία (scanpath).
Αναμειγνύονται διαφορετικές οθόνες/αναλύσεις σε έναν χάρτη θερμότητας.
Αγνοήστε το περιεχόμενο και το πλαίσιο εργασίας (το πανό μπορεί να είναι κατάλληλο).
Μεταφορά εξόδων σε όλους τους χρήστες χωρίς κατακερματισμό/συσκευή.
Να συναγάγει ισχυρά συμπεράσματα για 5 συμμετέχοντες, όπως και για μια ποσοτική μελέτη.

14) Δεοντολογία και ιδιωτικότητα

Εν επιγνώσει συναίνεση: στόχοι, καταγραφή, αποθήκευση, ανωνυμοποίηση.
Ελαχιστοποίηση PII, αποθήκευση ανεπεξέργαστων δεδομένων σε περιορισμένο βαθμό, χρήση ταυτότητας.
Για ευαίσθητα σενάρια (χρηματοδότηση/παιχνίδια) - ήπια διατύπωση, δυνατότητα παράλειψης μιας ερώτησης, ασφαλή δεδομένα επίδειξης.

15) Ταχεία εκκίνηση (μονοπώλης)

1. Περιγράψτε 3-5 βασικές εργασίες πλοήγησης.
2. Mark 10-15 AOI σε οθόνες-στόχους.
3. Διεξαγωγή 8-10 συνεδριών (10-12 λεπτά η καθεμία): βαθμονόμηση της → εργασίας → σύντομη ενημέρωση.
4. Συνοψίστε τον πίνακα AOI (TTFF, κατοικία, μεταβάσεις, εντροπία) ανά τμήμα/συσκευή.
5. Δημιουργήστε Top-5 ευρήματα και 3-5 υποθέσεις Α/Β (θέσεις, διαστάσεις, πνευματικά δικαιώματα, ορατότητα).
6. Εκτέλεση γρήγορων επεξεργαστών → παρακολούθηση των ματιών δοκιμής στις ίδιες εργασίες.