Eye-tracking və UX-naviqasiya

1) Niyə Eye-tracking istifadə edin

İTrekinq istifadəçilərin interfeysi necə skan etdiklərini göstərir: harada itirdiklərini görməməzlikdən gəlirlər. Bu, klik və skroll metrikləri tamamlayır, diqqət yolunu və vizual iyerarxiyanın istifadəçi vəzifələrinə uyğunluğunu açır.

• Naviqasiya və informasiya arxitekturasının yoxlanılması (menyu, filtrlər, axtarış).
• İlk ekran/above the fold validation və aksent düzülüşü.
• Kart/kataloq/cədvəl variantlarının müqayisəsi (F-pattern, Z-pattern, Gutenberg diaqramı).
• Banner korluq, həddindən artıq yük və «vizual səs-küy» diaqnostikası.
• Yüksək dəqiqlik dərəcəsi ilə məhsullar: maliyyə, bahislər, canlı bazarlar, keşer.

2) Hansı artefaktlar aitrekinq verir

Heatmap (istilik xəritəsi): ərazidə yığılmış fiksasiya intensivliyi.
Gaze plot/Scanpath: fiksasiya ardıcıllığı (nömrələnmiş nöqtələr) və sakkad (oxlar).
AOI-metriklər: interfeysin verilmiş zonaları üzrə göstəricilər (düymələr, sahələr, menyu, bannerlər, kartlar, cədvəllər).
Keçid matrisləri: istifadəçilər zonalar arasında necə «atlayırlar» (naviqasiya vərdişləri).
Seqment hesabatları: rollar/cihazlar/təcrübə diqqət fərqləri.

3) Əsas diqqət nümunələri

F-pattern (mətnlər/cədvəllər): yuxarı sətir → sol sütun → aşağı üfüqi.
Z-pattern (lendinqlər): sol üst → sağ üst → diaqonal → sağ alt.
Gutenberg diaqramı: güclü/zəif kvadrantlar, təbii oxu yolu.
Kor zonalar: sıx ekranlarda sağ/alt sahələr, «banner korluğu».
Yarış lövbərləri: endirim qıvrımları, parıldayan elementlər, animasiya bannerləri - CTA-nın diqqətini «oğurlayır».

4) Əməliyyat etdiyimiz metriklər

• TTFF (Time to First Fixation) - zonada ilk fiksasiyaya qədər olan vaxt.
• Fixation count/duration - fiksasiyaların miqdarı/ümumi müddəti.
• Dwell time - zonada ümumi vaxt (təkrar səfərlər daxil olmaqla).
• Revisits - AOI-yə geri dönüş sayı (çətinlik/əhəmiyyət əlaməti).
• Transition probability - AOI A-dan B.-yə keçid ehtimalı
• Sequence score/fiksasiya qaydası - nə qədər erkən zona ardıcıllığı düşür.
• Scanpath length/Entropy - marşrutun uzunluğu/xaotikliyi (aşağı entropiya = aydın iyerarxiya).
• Coverage/Convex hull - vizual müayinə sahəsi (həddindən artıq dolama = həddindən artıq yükləmə).

• Aşağı TTFF və CTA-da yüksək dwell - yaxşı (tez fərq etdi, düşündü və kliklədi).
• naviqasiya yüksək TTFF - pis (uzun menyu axtarır).
• Bir bloka bir çox qayıdış - qeyri-müəyyənlik şübhəsi və ya heç bir ipucu olmadan məcburi hərəkət.

5) Tədqiqat planı (şablon)

Məqsəd: istifadəçinin naviqasiyanın əsas elementlərini tez və proqnozlaşdırıla bilən şəkildə tapıb-tapmadığını yoxlamaq.
Seqmentlər: 2-3 (yeni başlayanlar/təcrübəli; masaüstü/mobil).
Nümunə: seqment üçün 6-8 (keyfiyyət) və ya 25-60 (kvazi-kəmiyyət).
Tapşırıqlar: Nəzarət olunan startla 5-7 real ssenari (aşağıya baxın).
Avadanlıq: stasionar treker/mobil quraşdırma/veb kamera (bax § 7).
AOI: əsas elementləri əvvəlcədən təyin edin (logo/axtarış/menyu/filtrlər/STA/banner/kart/cədvəl/keşer).
Prosedur: kalibrləmə → tapşırıq → nəticələrin fiksasiyası → qısa debrief heç bir sualsız.
Çıxış: heatmap, scanpath, cədvəl AOI-metrik, tövsiyələr və A/B-hipotezlər.

Tapşırıq ssenari şablonu

1. «Qaranlıq mövzunu tapın və aktivləşdirin (və ya bahis limitini təyin edin).»

2. «X provayderi kataloqunu filtr edin və RTP ilə sıralayın.»

3. «Keşeri açın və mövcud çıxış üsullarına baxın.»

4. «Canlı hadisəni tapın və nəticəni betslip-ə əlavə edin.»

5. «Qaydalar və məsul oyun səhifəsini tapın.»

Hər addım üçün biz TTFF, keçid, müvəffəqiyyət və vaxt qeyd.

6) AOI nişanı: ən yaxşı practices

Zonaları semantik edin: «Bütün əsas menyu», «Axtarış», «Filtrlər», «Oyun kartı: üz qabığı», «CTA: Oyun», «Banner promo», «Çörək qırıntıları».
Məlumatlandırıcıları (etiketlər, statuslar) və interaktiv (düymələr) bölün.
Mobil faylda gizli panelləri (burger/pərdə) ayrı AOI kimi nəzərə alın.
Cədvəllər/koeffitsientlər üçün: sütunlara görə ayrı-ayrı AOI («Liqa», «Canlı göstərici», «Koeff 1X2», «CTA əlavə et»).
Ekranda 10-15 AOI pikselə qədər parçalamayın - analiz üçün optimal.

7) Avadanlıq, dəqiqlik və məhdudiyyətlər

Hardware trackers (masa üstü/mobil rig): yüksək dəqiqlik, sıx UI (cədvəllər, əmsallar) üçün yaxşıdır.
Web kamera (remote ET): daha ucuz/daha sürətli, lakin daha yüksək səs-küy, kiçik məqsədlər üçün daha pis; kobud iyerarxiya üçün yararlıdır.
Kalibrləmə - kritik: 5-9 nöqtə; yerdəyişmə/yorğunluq zamanı təkrar.
Think-aloud görünüş nümunəsini təhrif edə bilər - minimum, daha yaxşı post-task interview istifadə edin.

8) Analitik Paypline

1. Data keyfiyyəti: izləmə dəqiqliyi, itki faizi, etibarlı fiksasiya.
2. Tapşırıqlar toplusu: müvəffəqiyyət, vaxt, səhvlər, subyektiv şkalalar (SEQ/UMUX-Lite).
3. AOI cədvəl: TTFF, dwell, revisits, keçidlər, entropy - seqmentlər və cihazlar üzrə.
4. Heatmap + Scanpath: lazımsız lövhələr, «sızmalar», boşluqlar axtarırıq.
5. Fərziyyələr və həllər: nəyi dəyişdirmək/böyütmək/adlandırmaq/gizlətmək; hansı ipuçları/skeffolding.
6. Prioritetləşdirmə: Impact × Effort; sürətli düzəlişlər → prototip → nəzarət təkrar test.
7. Validizasiya: A/B əsas metriklərdə (CTR naviqasiya, tapşırıq vaxtı, addım çevirmə).

9) Tipik tapıntılar və onlara necə reaksiya vermək olar

Yüksək TTFF axtarış/filters → onları daim görünür etmək, kontrast/etiket artırmaq.
Banner birincil CTA diqqət çəkir → banner vizual çəkisini azaltmaq, mövqe mübadiləsi, CTA şrift çərçivə/çəki əlavə.
kart → vizual primitivləri sadələşdirmək üçün uzun scanpath (daha az kalıp/etiket), qabaqcadan standartlaşdırmaq.
Zəif status/səhv aşkarlanması → rəng/nişanlar + sahəyə yaxınlıq, ARIA-label, mikrokopiraytinq.
Naviqasiya çıxılmaz → açıq «qaytarma», breadcrumbs, sabit papaq, CTA təkrarlayan.

10) iGaming/maliyyə UI üçün: AOI nümunələri və həllər

Casher: «Depozit/Çıxarış» sekmələri, metodlar, limitlər, komissiyalar, ETA → TTFF-ni və «Təsdiq» yolunu yoxlayın.
Betslip: nəticənin əlavə edilməsi, məbləğin dəyişdirilməsi, əmsalların ipuçları, risk varninqləri → görünüşün mikro hərəkətini minimuma endirin.
Live-market/koeff-cədvəllər: əmsalları sütun prioritet, yapışqan papaq, dəyişiklik işıqlandırma.
Slots lobbisi: provayder kartı, nişanlar (jackpot/frispins), mexaniki filtrlər → CTA «Play» itirilməməsi üçün vizual səs-küy qarşısını almaq.
Məsuliyyətli oyun: yüksək diqqət zonasında limitlərin yerləşdirilməsi, burger gizlətməyin.

11) Hesabat şablonu (wiki-yə kopyala)

Kontekst: məhsul/versiya/cihaz

Vəzifələr: siyahı, uğur meyarları

Seqmentlər: Hər biri üçün N

AOI: sxem/siyahı

Açar metriklər: cədvəl TTFF/dwell/revisits/keçidlər

Tapıntılar (Top-5): qısa + vizual (heatmap/scanpath)

Tövsiyələr: Sıralanmış (Impact × Effort)

Təcrübələr: A/B planı, gözlənilən effekt, müddət

Risklər/şərhlər: məlumat/ümumiləşdirmə məhdudiyyətləri

12) Başlamazdan əvvəl çek siyahısı

• Tədqiqat məqsədləri/suallar tərtib
• Tapşırıqlar real və atom (≤ 60 san/vəzifə)
• AOI qeyd, əfsanə razılaşdırılır
• Kalibrləmə yoxlanılır, yerdəyişmə zamanı təkrarlanır
• Interface variantları əks balanslı (A/B sifariş)
• Razılığın toplanması və gizlilik siyasəti hazırdır
• Analiz planı/cədvəl şablonları hazırlanmışdır
• UX nəzarət metrləri (müvəffəqiyyət, vaxt, SEQ) qoşuldu

13) Antipattern və tələ şərh

«Daha çox fiksasiya = daha yaxşıdır». Bəzən bu qarışıqlıqdır.
Yalnız ardıcıllıq olmadan heatmap ilə nəticə çıxarmaq (scanpath).
bir heatmap müxtəlif ekranlar/qətnamələr qarışdırın.
Məsələnin məzmununa və kontekstinə məhəl qoymayın (banner uyğun ola bilər).
Seqmentasiya/cihaz olmadan bütün istifadəçilərə nəticələr köçürün.
Bir kəmiyyət araşdırması kimi 5 iştirakçılarda yüksək nəticələr çıxarmaq.

14) Etika və məxfilik

Məlumatlı razılıq: məqsədlər, qeyd, saxlama, anonimləşdirmə.
PII-ni minimuma endirin, xam məlumatları məhdud saxlayın, ID istifadə edin.
Həssas ssenarilər üçün (maliyyə/oyunlar) - yumşaq ifadələr, sualı qaçırmaq imkanı, təhlükəsiz demolar.

15) Sürətli başlanğıc (one-pager)

1. 3-5 əsas naviqasiya tapşırıqlarını təsvir edin.
2. Hədəf ekranlarda 10-15 AOI yerləşdirin.
3. 8-10 sessiya keçirin (10-12 dəq): kalibrləmə → tapşırıqlar → qısa debrief.
4. AOI cədvəlini (TTFF, dwell, keçidlər, entropy) seqmentlərə/cihazlara uyğunlaşdırın.
5. Tapıntıların Top-5 və 3-5 A/B hipotezlərini (mövqelər, ölçülər, kopyalar, görünürlük) formalaşdırın.
6. Sürətli düzəlişlər edin → eyni vəzifələrdə nəzarət səsyazma.