Eye-tracking жана UX-багыттоо

1) Эмне үчүн Eye-tracking колдонуу керек

Айтрекинг колдонуучулар интерфейсти кантип так сканерлегенин көрсөтөт: алар кайда жоголгонун байкабайт. Бул click жана скролл-метриканы толуктайт, көңүл буруунун жолун жана визуалдык иерархиянын колдонуучунун милдеттерине шайкештигин ачып берет.

• Навигация жана маалымат архитектурасын текшерүү (меню, чыпкалар, издөө).
• Биринчи экран валидациясы/above the fold жана акценттерди жайгаштыруу.
• Карталардын/каталогдордун/таблицалардын варианттарын салыштыруу (F-pattern, Z-pattern, Гутенберг диаграммасы).
• баннер сокур диагностика, ашыкча жана "визуалдык ызы-чуу".
• Жогорку тактык ставкасы бар буюмдар: каржы, коюмдар, жашоо базарлары, кэшер.

2) Кандай экспонаттар айтрекинг берет

Heatmap (жылуулук картасы): аймакта бириктирилген бекемдөө интенсивдүүлүгү.
Gaze plot/Scanpath: бекитүү ырааттуулугу (номерлүү чекиттер) жана саккад (жебелер).
AOI-метриктер: интерфейстин берилген зоналары боюнча көрсөткүчтөр (баскычтар, талаалар, менюлар, баннерлер, карталар, таблицалар).
Өткөөл матрицалар: колдонуучулар зоналардын ортосунда "секирип" кантип (навигациялык адаттар).
Сегменттик отчеттор: ролдору/түзмөктөр/тажрыйбасы боюнча көңүл айырмачылыктар.

3) Негизги буруу үлгүлөрү

F-pattern (тексттер/таблицалар): жогорку сызык → сол тилке → төмөнкү горизонталь.
Z-pattern (лендингдер): сол жогорку → оң жогорку → диагональ → оң төмөнкү.
Гутенберг диаграммасы: күчтүү/алсыз квадранттар, табигый окуу жолу.
Сокур зоналар: тыгыз экрандарда оң/төмөнкү аймактар, "баннер сокур".
Атаандаш казыктар: арзандатуулар, жалтылдаган элементтер, анимацияланган баннерлер - CTAнын көңүлүн "уурдоо".

4) Биз иштеген метриктер

• TTFF (Time to First Fixation) - зонада биринчи бекитүү чейин убакыт.
• Fixation count/duration - фиксациялардын саны/жалпы узактыгы.
• Dwell time - зонада жалпы убакыт (кайра кирүүнү кошо алганда).
• Revisits - AOIге кайтаруулардын саны (кыйынчылыктын/маанилүүлүктүн белгиси).
• Transition probability - AOI A B өтүү ыктымалдыгы
• Sequence score/фиксация тартиби - канчалык эрте аймак ырааттуулукка кирет.
• Scanpath length/Entropy - жол узундугу/башаламан (төмөн энтропия = ачык иерархия).
• Coverage/Convex hull - визуалдык текшерүү аянты (ашыкча айланып өтүү = ашыкча жүктөө).

• CTA боюнча төмөн TTFF жана жогорку dwell - жакшы (тез эле байкап, ойлонуп, чыкылдатуу).
• багыттоо боюнча жогорку TTFF - жаман (узак убакыт бою менюсун издеп).
• Бир блокко көп кайтуу - түшүнүксүз шектенүү же кыйытуусуз милдеттүү аракет.

5) Изилдөө планы (шаблон)

Максаты: колдонуучу навигациянын негизги элементтерин тез жана алдын ала аныктап жатабы же жокпу, текшерүү.
Сегменттер: 2-3 (башталгыч/тажрыйбалуу; desktop/мобайл).
Үлгү: сегментке 6-8 (сапаттуу) же 25-60 (квази-сандык).
Милдеттери: контролдонуучу башталышы менен 5-7 реалдуу сценарий (төмөндө караңыз).
Аппаратура: стационардык трекер/мобилдик орнотуу/веб-камера (кара § 7).
AOI: негизги элементтерди алдын ала белгилөө (логотип/издөө/меню/чыпкалар/STA/баннер/карта/таблица/кэшер).
Жол-жобосу: калибрлөө → тапшырма → натыйжаларды бекитүү → кыска debrief жетектөөчү суроолор жок.
Чыгуу: heatmap, scanpath, стол AOI-метрик, сунуштар жана A/B-гипотезалар.

Тапшырма скрипттеринин үлгүсү

1. "Кара теманы табыңыз жана күйгүзүңүз (же чендердин лимитин белгилеңиз)."

2. "X провайдери боюнча каталогду чыпкалап, RTP боюнча иреттеңиз."

3. "Кэшерди ачыңыз жана жеткиликтүү чыгаруу ыкмаларын көрүңүз."

4. "Live окуяны таап, бетслипке жыйынтыкты кошуңуз."

5. "Эрежелер жана жооптуу оюн барагын табыңыз."

Ар бир кадам үчүн биз TTFF, өтүү, ийгилик жана аткаруу убактысы жазылган.

6) AOI белгилөө: best practices

Аймактарды семантикалык кылыңыз: "Негизги меню толугу менен", "Издөө", "Фильтрлер", "Оюн картасы: мукаба", "CTA: ойноо", "Баннер промо", "Нан күкүмдөрү".
Маалымат берүүчү (лейблдер, статустар) жана интерактивдүү (баскычтар) бөлүшүү.
Мобилдеги жашыруун панелдерди (бургер/парданы) өзүнчө AOI катары эске алыңыз.
Таблицалар/коэффициенттер үчүн: колонкалар боюнча өзүнчө AOI ("Лига", "Live индикатор", "Коэф 1X2", "CTA кошуу").
10-15 AOI экрандагы - талдоо үчүн оптималдуу.

7) жабдуулар, тактык жана чектөөлөр

Аппараттык Trackers (стол/мобилдик Rigs): жогорку тактык, тыгыз UI үчүн жакшы (таблицалар, коэффициенттер).
Веб-камера (remote ET): арзан/тезирээк, бирок ызы-чуу жогору, майда максаттар үчүн жаман; орой иерархия үчүн жарактуу.
Калибрлөө - маанилүү: 5-9-чекиттер; көчүрүлгөндө/чарчаганда кайталоо.
Think-aloud көз үлгүсүн бурмалай алат - минималдуу колдонуңуз, жакшы post-task interview.

8) Аналитикалык Pipline

1. Маалыматтардын сапаты: тактык, жоготуу пайызы, туура бекитүү.
2. Тапшырмалар боюнча топтому: ийгилик, убакыт, каталар, субъективдүү шкалалар (SEQ/UMUX-Lite).
3. AOI-стол: TTFF, dwell, revisits, өтүү, entropy - сегменттер жана түзмөктөр боюнча.
4. Heatmap + Scanpath: кошумча казык издеп, "коогалаңдар", пропуск.
5. Гипотезалар жана чечимдер: эмнени алмаштыруу/чоңойтуу/атын өзгөртүү/жашыруу; кандай кеңештер/скефолдинг.
6. Артыкчылыктуу: Impact × Effort; тез түзөтүүлөр → прототиби → контролдук кайра сыноо.
7. Валидациялоо: A/B негизги метриктер боюнча (CTR багыттоо, тапшырма убактысы, кадам конверсиясы).

9) Типтүү табылгалар жана аларга кандай жооп берүү керек

Жогорку TTFF издөө/чыпкалар → аларды дайыма көрүнүктүү кылуу, контраст/белги жогорулатуу.
Баннер баштапкы CTA → баннердин визуалдык салмагын азайтууга, позицияларды алмашууга, CTA шрифтинин алкагын/салмагын кошууга көңүл бурат.
карталары боюнча узун scanpath → визуалдык примитивдерди жөнөкөйлөтүү (азыраак плашкалар/этикеткалар), алдын ала стандартташтыруу.
Статустарды/каталарды начар аныктоо → түс/иконалар + талаага жакындыгы, ARIA-label, микрокопирайтинг.
Навигациялык туюктар → ачык "кайтаруулар", breadcrumbs, CTAны кайталаган туруктуу калпак.

10) Үчүн iGaming/каржылык UI: AOI жана чечимдер мисалдар

Кэшер: "Депозит/чегерүү" өтмөктөрү, ыкмалар, лимиттер, комиссиялар, ETA → TTFFти текшерүү жана "ырастоо" жолу.
Бетслип: жыйынтык кошуу, сумманы өзгөртүү, коэффициенттердин учтары, тобокелдик-варнингдер → көз караштын микро кыймылын минималдаштыруу.
Live-базарлар/коэфф-таблицалар: коэффициенттер тилкесинин артыкчылыгы, жабышчаак калпак, өзгөрүүлөрдүн жарыгы.
Слоттордун лобби: карталары, бейдждер (джекпот/фриспиндер), механиктер үчүн чыпкалар → CTA "Play" жоголуп кетпеши үчүн визуалдык ызы-чуудан качуу.
Жооптуу оюн: жогорку көңүл зонасында лимиттерди жайгаштыруу, бургер жашырып жок.

11) Отчет үлгүсү (wiki көчүрүп)

Контекст: продукт/версия/түзмөк

Милдеттери: тизме, ийгиликтин критерийлери

Сегменттер: Ар бир N

AOI: схема/тизме

Негизги көрсөткүчтөр: таблица TTFF/dwell/revisits/өтүү

Табылгалар (Top-5): кыскача + көрүү (heatmap/scanpath)

Сунуштар: рейтинги (Impact × Effort)

Эксперименттер: A/B-планы, күтүлгөн таасири, мөөнөтү

Тобокелдиктер/эскертүүлөр: маалыматтарды чектөө/жалпылоо

12) башталганга чейин чек тизмеси

• Изилдөөнүн максаттары/маселелери
• Милдеттери реалдуу жана атомдук (≤ 60 сек/тапшырма)
• AOI белгиленген, легенда макулдашылган
• Калибрлөө сыналган, көчүрүлгөндө кайталоо
• Interface параметрлери каршы салмактуу (A/B тартиби)
• Макулдуктарды чогултуу жана купуялык саясаты даяр
• Анализ планы/таблица үлгүлөрү даярдалган
• UX Control Metrics (ийгилик, убакыт, SEQ) туташтырылган

13) Анти-паттерн жана чечмелөө тузак

"Көбүрөөк бекитүү = жакшы". Кээде бул башаламандык.
ырааттуулугу жок heatmap боюнча гана жыйынтык чыгаруу (scanpath).
бир heatmap ар кандай экрандар/чечимдерди аралаштыруу.
Тапшырманын мазмунуна жана контекстине көңүл бурбоо (баннер ылайыктуу болушу мүмкүн).
Сегментация/түзмөк жок бардык колдонуучуларга корутундуларды өткөрүп берүү.
сандык изилдөө катары 5 катышуучулары боюнча катуу жыйынтык чыгарууга.

14) Этика жана купуялык

Маалымдалган макулдук: максаттар, жазуу, сактоо, анонимдештирүү.
PII минималдаштыруу, чийки маалыматтарды чектелген сактоо, ID колдонуу.
Сезгич сценарийлер үчүн (каржы/оюндар) - жумшак формулировкалар, суроону өткөрүп жиберүү мүмкүнчүлүгү, коопсуз демо маалыматтар.

15) Fast Start (one-pager)

1. 3-5 негизги багыттоо милдеттерин сүрөттөп.
2. максаттуу экрандарда 10-15 AOI белгилөө.
3. 8-10 сессияларды өткөрүү (10-12 мин): калибрлөө → тапшырмалар → кыска debrief.
4. Сегменттер/түзмөктөр боюнча AOI таблицасын (TTFF, dwell, өтмөктөр, entropy) бириктириңиз.
5. Табылгалардын Top-5 жана 3-5 A/B гипотезаларын түзүңүз (позициялар, өлчөмдөр, көчүрмө, көрүнүү).
6. Тез түзөтүүлөрдү ишке киргизиңиз → ошол эле тапшырмалар боюнча контролдук айтрекинг.