Eye-tracking және UX-навигация

1) Неге Eye-tracking пайдалану керек

Айтрекинг пайдаланушылардың интерфейсті қалай сканерлейтінін көрсетеді: не елемейтінін, қайда жоғалатынын байқайды. Ол назар аудару жолын және көрнекі иерархияның пайдаланушының міндеттеріне сәйкестігін ашып, басу және скролл-метриктерді толықтырады.

• Навигация мен ақпараттық архитектураны тексеру (мәзір, сүзгілер, іздеу).
• Бірінші экранды валидациялау/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 - көзбен шолып тексеру алаңы (артық тексеру = артық тиеу).

• Төмен TTFF және жоғары dwell CTA - жақсы (жылдам байқады, ойлады және басады).
• Навигацияға арналған жоғары TTFF - нашар (мәзірді ұзақ іздедіңіз).
• Бір блокқа қайта оралулар көп - түсініксіздік немесе ескертусіз міндетті әрекет.

5) Зерттеу жоспары (үлгі)

Мақсат: пайдаланушының навигацияның негізгі элементтерін тез және болжамды табатынын тексеру.
Сегменттер: 2-3 (жаңадан келгендер/тәжірибелі; десктоп/мобайл).
Іріктеме: сегментке 6-8 (сапа) немесе 25-60 (квази-сандық).
Міндеттер: бақыланатын басталуы бар 5-7 шынайы сценарий (төменде қараңыз).
Аппаратура: стационарлық трекер/мобильді қондырғы/веб-камера (қараңыз § 7).
AOI: негізгі элементтерді алдын ала белгілеу (логотип/іздеу/мәзір/сүзгілер/СТА/баннер/карточка/кесте/кэшер).
Рәсім: калибрлеу → тапсырма → нәтижелерді белгілеу → қысқа debrief жетекші сұрақтарсыз.
Шығу: heatmap, scanpath, AOI-метрикалық кесте, ұсынымдар және A/B-гипотезалар.

Тапсырмалар сценарийлерінің үлгісі

1. «Қара тақырыпты табыңыз және қосыңыз (немесе мөлшерлемелер бойынша лимитті белгілеңіз).»

2. «X провайдері бойынша каталогты сүзіп, RTP бойынша сұрыптаңыз.»

3. «Кэшерді ашып, шығарудың қол жетімді әдістерін көріңіз.»

4. «Лайв оқиғасын тауып, нәтижені бетслипке қосыңыз.»

5. «Ереже мен Жауапты ойын бетін табыңыз.»

Әрбір қадам үшін TTFF, өту, сәттілік және орындау уақытын белгілейміз.

6) AOI таңбасы: best practices

«Басты мәзір», «Іздеу», «Сүзгілер», «Ойын карточкасы: мұқаба», «CTA: Ойнату», «Промо баннері», «Нан ұнтақтары» сияқты аумақтарды семантикалық етіңіз.
Ақпараттарды (лейблдер, мәртебелер) және интерактивті (түймешіктер) бөлісіңіз.
Мобайльде жасырын панельдерді (бургер/перде) жеке AOI ретінде ескеріңіз.
Кестелер/коэффициенттер үшін: бағандар бойынша жеке AOI («Лига», «Лайв индикатор», «Коэфф 1X2», «CTA Қосу»).
Пикселге дейін бөлшектемеңіз: Экранда 10-15 AOI - талдау үшін оңтайлы.

7) Жабдық, дәлдік және шектеулер

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

8) Аналитикалық пайплайн

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 тексереміз және «Растау» жолы.
Бетслип: нәтижені қосу, соманы өзгерту, коэффициенттердің кеңестері, тәуекел-варнингтер → көріністің шағын қозғалысын азайтамыз.
Лайв-маркеттер/коэфф-кестелер: коэффициенттер бағанасының басымдығы, жабысқақ қалпақ, өзгерістерді жарықтандыру.
Слоттар лобби: провайдердің картасы, бейдждер (джекпот/фриспиндер), механиктер бойынша сүзгілер → CTA «Ойнау» жоғалуы үшін визуалды шудан аулақ болыңыз.
Жауапты ойын: жоғары назар аудару аймағында лимиттерді орналастыру, бургер артына жасырмау.

11) Есеп үлгісі (wiki-ге көшіріңіз)

Контексті: өнім/нұсқа/құрылғы

Тапсырмалар: тізім, жетістік критерийлері

Сегменттер: Әрқайсысы бойынша N

AOI: схема/тізбе

Негізгі метриктер: TTFF/dwell/revisits/өту кестесі

Табылған заттар (Top-5): қысқаша + визуалды (heatmap/scanpath)

Ұсынымдар: сараланған (Impact × Effort)

Эксперименттер: A/B-жоспары, күтілетін әсері, мерзімі

Тәуекелдер/ескертулер: деректерді/қорытылуды шектеу

12) Іске қосар алдындағы чек-парақ

• Зерттеудің мақсаттары/мәселелері тұжырымдалған
• Тапсырмалар шынайы және атомарлы (≤ 60 сек/тапсырма)
• AOI белгіленді, аңыз келісілді
• Калибрлеу тексерілді, жылжығанда қайталау
• Интерфейстің нұсқалары қарсы теңдестірілген (A/B тәртібі)
• Келісімдер жинау және құпиялылық саясаты дайын
• Талдау жоспары/кесте үлгілері дайындалды
• UX бақылау өлшемдері (сәттілік, уақыт, SEQ) қосылған

13) Антипаттерндер және интерпретация тұзақтары

«Көп фиксация = жақсы» деп санау. Кейде бұл шатастырады.
Тек heatmap бойынша (scanpath) тізбексіз қорытынды жасау.
Әртүрлі экранды/рұқсатты бір heatmap араластыру.
Тапсырманың мазмұны мен мәтінмәнін елемеу (баннер орынды болуы мүмкін).
Қорытындыларды сегментациясыз/құрылғысыз барлық пайдаланушыларға жылжыту.
Сандық зерттеудегідей 5 қатысушыға қатты қорытынды жасау.

14) Әдеп және құпиялылық

Ақпараттандырылған келісім: мақсаттар, жазба, сақтау, анонимдеу.
PII-ді барынша азайтыңыз, шикі деректерді шектеулі сақтаңыз, ID пайдаланыңыз.
Сезімтал сценарийлер үшін (қаржы/ойындар) - жұмсақ тұжырымдар, мәселені жіберіп алу мүмкіндігі, қауіпсіз демо-деректер.

15) Жылдам бастау (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. Тез түзетулерді іске қосыңыз → сол тапсырмалардағы бақылау айтрекингі.