Eye-tracking va UX-navigatsiya

1) Nega Eye-trackingdan foydalanish kerak

Aytreking foydalanuvchilar interfeysni qanday skanerlashlarini ko’rsatadi: ular nimani e’tiborsiz qoldirishadi, qayerda yo’qolishadi. U bosilgan va skroll-metriklarni to’ldiradi, diqqat yo’lini va vizual ierarxiyaning foydalanuvchi vazifalariga muvofiqligini ochib beradi.

• Navigatsiya va axborot arxitekturasini tekshirish (menyu, filtrlar, qidirish).
• Birinchi ekranni validatsiya qilish/above the fold va aksentlarni joylashtirish.
• Kartochkalar/kataloglar/jadvallar variantlarini taqqoslash (F-pattern, Z-pattern, Gutenberg diagrammasi).
• Banner ko’rligi, ortiqcha yuk va «vizual shovqin» diagnostikasi.
• Aniqlikka yuqori stavkali mahsulotlar: moliya, stavkalar, hayot-bozorlar, kesher.

2) Aytreking qanday artefaktlar beradi

Heatmap (issiqlik xaritasi): viloyat bo’yicha birikmalarning agregatsiyalangan intensivligi.
Gaze plot/Scanpath: fiksatsiyalar ketma-ketligi (raqamlangan nuqtalar) va sakkadlar.
AOI-metriklar: interfeysning berilgan zonalari bo’yicha ko’rsatkichlar (tugmalar, maydonlar, menyu, bannerlar, kartochkalar, jadvallar).
O’tish matritsalari: foydalanuvchilar zonalar orasidan qanday «sakrashadi» (navigatsiya odatlari).
Segment hisobotlari: rollar/qurilmalar/tajriba bo’yicha e’tibordagi farqlar.

3) E’tiborning bazaviy patternlari

F-pattern (matnlar/jadvallar): yuqori satr → chap ustuncha → pastki gorizontal.
Z-pattern (lendinglar): chap yuqori → oʻng yuqori → diagonal → oʻng pastki.
Gutenberg diagrammasi: kuchli/zaif kvadrantlar, tabiiy oʻqish usuli.
Ko’r zonalar: qattiq ekranlardagi o’ng/pastki mintaqalar, «banner ko’rlik».
Raqobatbardosh langarlar: chegirmalar plashlari, miltillovchi elementlar, animatsiyalangan bannerlar - CTA eʼtiborini «oʻgʻirlaydi».

4) Operatsiya qiladigan metriklar

• TTFF (Time to First Fixation) - zonada birinchi fiksatsiyagacha bo’lgan vaqt.
• Fixation count/duration - fiksatsiyalarning soni/umumiy davomiyligi.
• Dwell time - zonadagi jami vaqt (shu jumladan takroriy kirishlar).
• Revisits - AOIga qaytarishlar soni (qiyinchilik/muhimlik belgisi).
• Transition probability - AOI A dan B.ga o’tish ehtimoli
• Sequence score/tuzatish tartibi - zona ketma-ketlikka qanchalik erta tushadi.
• Scanpath length/Entropy - yo’nalishning uzunligi/xaotligi (past entropiya = aniq ierarxiya).
• Coverage/Convex hull - vizual tekshirish maydoni (ortiqcha aylanib chiqish = ortiqcha yuk).

• Past TTFF va yuqori CTA dwell - yaxshi (tezda e’tibor berishdi, o’ylashdi va bosishdi).
• Navigatsiya uchun yuqori TTFF - yomon (menyu uzoq vaqt qidirildi).
• Bir blokga qaytish ko’p - noaniqlik yoki hech qanday maslahatsiz majburiy harakat.

5) Tadqiqot rejasi (shablon)

Maqsad: foydalanuvchi navigatsiyaning asosiy elementlarini tez va oldindan aytib boʻladimi yoki yoʻqligini tekshirish.
Segmentlar: 2-3 (yangi kelganlar/tajribali; desktop/mobayl).
Tanlash: segmentga 6-8 (sifat jihatidan) yoki 25-60 (kvazi-miqdor jihatidan).
Vazifalar: 5-7 ta real startli stsenariylar (quyida qarang).
Apparatura: statsionar treker/mobil qurilma/veb-kamera (§ 7 ga qarang).
AOI: asosiy elementlarni oldindan belgilash (logotip/qidirish/menyu/filtrlar/STA/banner/kartochka/jadval/kesher).
Protsedura: kalibrlash → vazifa → natijalarni tuzatish → qisqa debrief.
Chiqish: heatmap, scanpath, AOI-metrik jadval, tavsiyalar va A/B-gipotezalar.

Vazifa skriptlari namunasi

1. «Qorong’u mavzuni toping va yoqing (yoki stavkalar bo’yicha limit belgilang).»

2. «X provayderi boʻyicha katalogni filtrlang va RTP boʻyicha saralash.»

3. «Keshni oching va mavjud chiqish usullarini koʻring.»

4. «Hayot voqeasini toping va natijani betslipga qo’shing.»

5. «Qoidalar va mas’uliyatli o’yin sahifasini toping.»

Har bir qadam uchun TTFF, oʻtish, muvaffaqiyat va bajarish vaqtini qayd etamiz.

6) AOI: best practices

«Asosiy menyu to’liq», «Qidiruv», «Filtrlar», «O’yin kartasi: muqova», «CTA: O’ynash», «Banner promo», «Non bo’laklari» kabi zonalarni semantik qiling.
Maʼlumotlar (yorliqlar, statuslar) va interaktivlar (tugmalar) ni ajrating.
Mobailda yashirin panellarni (burger/parda) alohida AOI sifatida hisobga oling.
Jadvallar/koeffitsiyentlar uchun: ustunlar bo’yicha alohida AOI («Liga», «Hayot indikatori», «Koeff 1X2», «CTA Qo’shish»).
Ekranda 10-15 AOI pikselgacha bo’lmasin - tahlil qilish uchun optimum.

7) Asbob-uskunalar, aniqlik va cheklovlar

Apparat trekyerlari (stol/mobil rigi): yuqori aniqlik, zich UI (jadvallar, koeffitsiyentlar) uchun yaxshi.
Veb-kamera (remote ET): arzon/tezroq, lekin yuqori shovqin, kichik maqsadlar uchun yomonroq; qo’pol ierarxiya uchun mos keladi.
Kalibrlash - kritik: 5-9 nuqtalar; siljish/charchashda takrorlash.
Think-aloud ko’rinish namunasini buzishi mumkin - minimal, yaxshiroq post-task interview.

8) Tahliliy payplayn

1. Ma’lumotlar sifati: treking aniqligi, yo’qotishlar foizi, valid belgilari.
2. Vazifalar yig’indisi: muvaffaqiyat, vaqt, xatolar, subyektiv shkalalar (SEQ/UMUX-Lite).
3. AOI-jadval: TTFF, dwell, revisits, o’tish joylari, entropy - segmentlar va qurilmalar bo’yicha.
4. Heatmap + Scanpath: ortiqcha diqqat langarlarini, «qopqoqlar», o’tkazib yuborishlarni qidiramiz.
5. Farazlar va qarorlar: nimani o’zgartirish/yiriklashtirish/nomini o’zgartirish/yashirish; qanday maslahatlar/skefolding.
6. Ustuvorlik: Impact × Effort; tezkor tuzatishlar → prototip → qayta sinash.
7. Validizatsiya: A/B asosiy metriklarda (navigatsiya bo’yicha CTR, vazifa uchun vaqt, qadam konvertatsiyasi).

9) Tipik topilmalar va ularga qanday munosabatda bo’lish

Qidirish/filtrlash uchun yuqori TTFF → ularni doimo koʻrinadigan qilib, kontrastni/yorliqni oshiradi.
Banner birlamchi CTA → dan eʼtiborni jalb qiladi, bannerning vizual ogʻirligini kamaytiradi, pozitsiyalarni almashtiradi, CTA shriftining ramkasi/ogʻirligini qoʻshadi.
Kartochkalar bo’yicha uzoq scanpath → vizual ibtidoiylarni soddalashtirish (kamroq ploshka/yorliqlar), prevyani standartlashtirish.
Maqom/xatolarning sust aniqlanishi → rang/ikonkalar + maydonga yaqinlik, ARIA-label, mikrokopirayting.
Navigatsiya tugmachalari → aniq «qaytarmalar», breadcrumbs, CTAni takrorlovchi qat’iy shlyapa.

10) iGaming/moliyaviy UI uchun: AOI va yechimlar misollari

Kesh: «Depozit/Olib qo’yish» tablari, usullar, limitlar, komissiyalar, ETA → TTFFni va «Tasdiqlash» yo’lini tekshiramiz.
Betslip: natijani qo’shish, summani o’zgartirish, koeffitsiyentlar, xavf-varninglar → ko’rinishning mikro harakatlarini kamaytiramiz.
Hayot-bozorlar/koeff-jadvallar: koeffitsiyentlar ustunining ustuvorligi, yopishqoq shlyapa, o’zgarishlarni yoritish.
Slotlar lobbisi: provayder kartochkasi, badjilar (jekpot/frispinlar), mexaniklar filtrlari → CTA «O’ynash» yo’qolmasligi uchun vizual shovqindan qochamiz.
Mas’uliyatli o’yin: yuqori e’tibor zonasida limitlarni joylashtirish, burger orqasiga yashirmaslik.

11) Hisobot namunasi (wikiga nusxa oling)

Kontekst: mahsulot/versiya/qurilma

Vazifalar: roʻyxat, muvaffaqiyat mezonlari

Segmentlar: Har biri bo’yicha N

AOI: sxema/ro’yxat

Asosiy metriklar: TTFF/dwell/revisits/oʻtishlar

Topilmalar (Top-5): qisqacha + vizual (heatmap/scanpath)

Tavsiyalar: (Impact × Effort)

Eksperimentlar: A/B-reja, kutilayotgan samara, muddat

Tavakkalchiliklar/e’tirozlar: ma’lumotlar/umumlashtirishni cheklash

12) Ishga tushirishdan oldin chek-varaq

• Tadqiqotning maqsadi/masalalari
• Vazifalar real va atomar (≤ 60 sek/vazifa)
• AOI belgilangan, afsona kelishilgan
• Kalibrlash tekshirildi, koʻchirilganda takrorlash
• Interfeys variantlari kontrbalang (A/B tartibi)
• Rozilik to’plash va maxfiylik siyosati tayyor
• Tahlil rejasi/jadvallar namunalari tayyorlandi
• UX nazorat metrikasi (muvaffaqiyat, vaqt, SEQ) ulangan

13) Antipatternlar va talqin tuzoqlari

«Koʻproq = yaxshiroq» deb hisoblang. Ba’zida bu chalkashlikdir.
Faqat ketma-ketliksiz (scanpath) heatmap orqali xulosa chiqarish.
Turli ekranlarni bitta heatmapga aralashtirish.
Vazifa kontekstini va kontekstini eʼtiborsiz qoldirish (banner maqsadga muvofiq boʻlishi mumkin).
Xulosalarni barcha foydalanuvchilarga segmentatsiyasiz/qurilmasiz koʻchirish.
Miqdoriy tekshiruvda bo’lgani kabi 5 ta ishtirokchiga qattiq xulosa chiqarish.

14) Odob va maxfiylik

Xabardor qilingan rozilik: maqsadlar, yozuv, saqlash, anonimlashtirish.
PII ni minimallashtiring, xom maʼlumotlarni cheklab saqlang, IDdan foydalaning.
Sezgir ssenariylar uchun (moliya/o’yinlar) - yumshoq iboralar, savolni o’tkazib yuborish imkoniyati, xavfsiz demo ma’lumotlar.

15) Tez boshlash (one-pager)

1. 3-5 ta asosiy navigatsiya vazifalarini tavsiflang.
2. Maqsadli ekranlarda 10-15 AOI belgilang.
3. 8-10 sessiya (10-12 daqiqa) o’tkazing: kalibrlash → vazifalar → qisqa debrief.
4. Segmentlar/qurilmalar boʻyicha AOI jadvalini (TTFF, dwell, oʻtishlar, entropy) kiriting.
5. Topilmalar Top-5 va 3-5 A/B gipotezalarini (pozitsiyalar, o’lchamlar, nusxa ko’rinish) shakllantiring.
6. Tezkor tahrirlarni ishga tushiring → xuddi shu vazifalarni nazorat qilish.