Eye-tracking we UX-nawigasiýa

1) Näme üçin Eye-tracking ulanmaly?

Aitreking ulanyjylaryň interfeýsini nädip barlaýandyklaryny görkezýär: nämäni äsgermezlik edýändiklerini, nirede ýitirýändiklerini görýärler. Ol basma we skroll-metrikleri doldurýar, ünsüň ýoluny we wizual iýerarhiýanyň ulanyjynyň wezipelerine laýyklygyny açýar.

• Nawigasiýany we maglumat arhitekturasyny barlamak (menýular, süzgüçler, gözlemek).
• Birinji ekrany tassyklamak/above the fold we aksentleri ýerleşdirmek.
• Kartoçkalaryň/kataloglaryň/tablisalaryň görnüşlerini deňeşdirmek (F-pattern, Z-pattern, Gutenberg diagrammasy).
• Banner körlüginiň, artykmaç ýüküň we "wizual sesiň" diagnostikasy.
• Takyklyk üçin ýokary nyrhly önümler: maliýe, nyrhlar, durmuş bazarlary, keşler.

2) Aýtreking haýsy artefaktlary berýär

Heatmap (ýylylyk kartasy): sebit boýunça berkitmeleriň jemlenen intensiwligi.
Gaze plot/Scanpath: düzedişleriň yzygiderliligi (sanlanan nokatlar) we sakkadlar (oklar).
AOI-metrikler: interfeýsiň berlen zolaklary boýunça görkezijiler (düwmeler, meýdanlar, menýular, bannerler, kartoçkalar, tablisalar).
Geçiş matrisalary: ulanyjylar zolaklaryň arasynda nädip "bökýärler" (nawigasiýa endikleri).
Segment hasabatlary: rollar/enjamlar/tejribe boýunça üns berişdäki tapawutlar.

3) Esasy üns nusgalary

F-pattern (tekst/tablisalar): ýokarky setiri → çep sütün → aşaky gorizontal.
Z-pattern (lendingler): çep ýokarky → sag ýokarky → diagonal → sag aşaky.
Gutenbergiň diagrammasy: güýçli/gowşak kwartatlar, okamagyň tebigy ýoly.
Kör ýerler: dykyz ekranlarda sag/aşaky ýerler, "banner körlügi".
Bäsleşýän labyrlar: arzanladyş çybyklary, ýalpyldawuk elementler, animasiýa bannerleri - CTA-nyň ünsüni "ogurlaýar".

4) Işleýän metrikler

• TTFF (Time to First Fixation) - zonada ilkinji düzedişe çenli wagt.
• Fixation count/duration - düzedişleriň sany/jemi dowamlylygy.
• Dwell time - zonadaky umumy wagt (gaýtalanýan saparlary goşmak bilen).
• Revisits - AOI-e gaýdyp geliş sany (kynlygyň/ähmiýetiň alamaty).
• Transition probability - AOI A-dan B.
• Sequence score/fiksasiýa tertibi - zonanyň yzygiderlilige näçe ir girýändigi.
• Scanpath length/Entropy - marşrutyň uzynlygy/bulam-bujarlygy (pes entropiýa = aýdyň iýerarhiýa).
• Coverage/Convex hull - wizual barlagyň meýdany (artykmaç aýlanyp geçmek = artykmaç ýük).

• Pes TTFF we CTA-da ýokary dwell - gowy (çalt duýdular, pikirlendiler we basdylar).
• Nawigasiýa üçin ýokary TTFF - erbet (menýuny uzak wagtlap gözlediler).
• Bir bloka köp gaýdyp gelmek - düşnüksizlige ýa-da hökmany herekete şübhelenmek.

5) Gözleg meýilnamasy (şablon)

Maksat: ulanyjynyň nawigasiýanyň esasy elementlerini çalt we öňünden aýdyp boljakdygyny barlamak.
Segmentler: 2-3 (täze/tejribeli; desktop/mobile).
Saýlaw: segment üçin 6-8 (hil taýdan) ýa-da 25-60 (kwazi-mukdar taýdan).
Wezipeler: Gözegçilik edilýän başlangyç bilen 5-7 hakyky ssenariýa (aşakda serediň).
Enjam: stasionar treker/ykjam gurnama/web-kamera (§ 7 serediň).
AOI: esasy elementleri öňünden belläň (logo/gözleg/menýu/süzgüç/STA/banner/kartoçka/tablisa/keşer).
Prosedura: kalibrlemek → wezipe → netijeleri düzetmek → gysga debrief.
Çykyş: heatmap, scanpath, AOI-metrik tablisa, teklipler we A/B-gipotezalar.

Iş ssenarileriniň şablony

1. "Gara temany tapyň we açyň (ýa-da stawkalar boýunça çäk goýuň)."

2. "X üpjün edijisi boýunça katalogy süzüň we RTP boýunça sortlaň."

3. "Kesheri açyň we bar bolan çykarmak usullaryna serediň."

4. "Durmuş wakasyny tapyň we netijäni betslipe goşuň."

5. "Düzgünler we jogapkär oýun sahypasyny tapyň."

Her ädim üçin TTFF, geçişleri, üstünligi we ýerine ýetiriş wagtyny belleýäris.

6) Bellik AOI: best practices

Zonalary semantik ediň: "Esasy menýu", "Gözleg", "Süzgüçler", "Oýun kartoçkasy: örtük", "CTA: Oýnamak", "Mahabat banneri", "Çörek bölekleri".
Maglumat berijileri (bellikler, statuslar) we interaktiw (düwmeler) bölüň.
Mobilde gizlin panelleri (burger/perde) aýratyn AOI hökmünde göz öňünde tutuň.
Tablisalar/koeffisiýentler üçin: sütünler boýunça aýratyn AOI ("Ligada", "Durmuş görkezijisi", "Koeff 1X2", "CTA goşmak").
Piksel bölmäň: Ekranda 10-15 AOI - analiz üçin optimal.

7) Enjamlar, takyklyk we çäklendirmeler

Enjam yzarlaýjylary (stol/ykjam çyzyklar): ýokary takyklyk, dykyz UI (tablisalar, koeffisiýentler) üçin gowy.
Web kamera (remote ET): arzan/has çalt, ýöne has ýokary ses, ownuk maksatlar üçin has erbet; gödek iýerarhiýa üçin amatlydyr.
Kalibrlemek - möhüm: 5-9 nokat; göçürilende/ýadawlykda gaýtalanýar.
"Think-aloud" görnüş nusgasyny ýoýup biler - iň az, has gowy post-task interview.

8) Seljeriş paýy

1. Maglumatlaryň hili: trekingiň takyklygy, ýitgileriň göterimi, tassyklanan düzedişler.
2. Wezipeler boýunça toplum: üstünlik, wagt, ýalňyşlyklar, subýektiw şkalalar (SEQ/UMUX-Lite).
3. AOI-tablisa: TTFF, dwell, revisits, geçişler, entropy - segmentler we enjamlar boýunça.
4. Heatmap + Scanpath: Goşmaça üns labyrlaryny, "tolkunlary", geçişleri gözleýäris.
5. Çaklamalar we çözgütler: näme göçürmeli/ulaltmaly/adyny üýtgetmeli/gizlemeli; haýsy maslahatlar/skeffolding.
6. Ileri tutulýan: Impact × Effort; çalt düzedişler → prototip → gözegçilik synagy.
7. Tassyklamak: A/B esasy metriklerde (nawigasiýa boýunça CTR, wezipe üçin wagt, ädimiň öwrülişigi).

9) Adaty tapyndylar we olara nähili jogap bermelidigi

Gözleg/süzgüçler üçin ýokary TTFF → olary yzygiderli görmek, kontrasty/belligi artdyrmak.
Banner esasy CTA-dan ünsi çekýär → banneriň wizual agramyny azaltmak, pozisiýalary çalyşmak, CTA şriftiniň çarçuwasyny/agramyny goşmak.
Kartoçkalar boýunça uzyn skanpath → wizual primitiwleri ýönekeýleşdiriň (az şekiller/bellikler), deslapky standartlaşdyryň.
Statuslaryň/ýalňyşlyklaryň gowşak ýüze çykarylmagy → reňk/nyşanlar + meýdana ýakynlyk, ARIA-label, mikrokopiraýting.
Nawigasiýa çukurlary → aç-açan "gaýdyp gelmek", breadcrumbs, CTA-ny köpeldýän kesgitlenen şlýapa.

10) iGaming/Maliýe UI üçin: AOI we çözgütleriň mysallary

Kesşer: "Goýum/Yzyna almak" bellikleri, usullar, çäkler, komissiýalar, ETA → TTFF barlaýarys we "Tassyklamak" üçin ýol.
Betslip: netijäniň goşulmagy, mukdaryň üýtgemegi, koeffisiýentleriň maslahatlary, töwekgelçilik warningleri → gözüň mikro hereketini azaldýarys.
Durmuş bazarlary/koeff tablisalary: koeffisiýentler sütüniniň ileri tutulmagy, ýelmeýän şlýapa, üýtgeşmeleriň yşyklandyrylyşy.
Slotlaryň lobbisi: üpjün edijiniň kartoçkasy, nyşanlary (jekpot/frispinler), mehanikler üçin süzgüçler → CTA "Oýun" ýitirilmezligi üçin wizual seslerden gaça durýarys.
Jogapkär oýun: ýokary üns zolagynda çäkleri ýerleşdirmek, burgeriň aňyrsynda gizlemezlik.

11) Hasabat şablony (wiki göçüriň)

Kontekst: önüm/wersiýa/enjam

Wezipeler: sanawy, üstünlik ölçegleri

Segmentler: Her biri üçin N

AOI: shema/sanawy

Esasy metrikler: TTFF/dwell/revisits/geçişler

Tapyndylar (Top-5): gysgaça + wizual (heatmap/scanpath)

Teklipler: Tertipli (Impact × Effort)

Synaglar: A/B-meýilnama, garaşylýan täsir, möhlet

Töwekgelçilikler/bellikler: maglumatlaryň/umumylygyň çäklendirilmegi

12) Başlamazdan öň çek-sanawy

• Gözlegiň maksatlary/soraglary düzüldi
• Meseleler hakyky we atomardy (≤ 60 sek/wezipe)
• AOI bellendi, rowaýat ylalaşyldy
• Kalibrlemek barlandy, göçürilende gaýtalanýar
• Interfeýsiň wariantlary ters deňagramly (A/B tertibi)
• Razylyk ýygnamak we gizlinlik syýasaty taýýar
• Derňew meýilnamasy/tablisa şablonlary taýýarlandy
• UX gözegçilik metrleri (üstünlik, wagt, SEQ) birikdirildi

13) Antipatternler we düşündiriş duzaklary

"Has köp düzedişler = has gowudyr". Käwagt bu bulaşyklyk.
Diňe yzygiderlilik (scanpath) bolmazdan heatmap arkaly netije çykarmak.
Dürli ekranlary/çözgütleri bir heatmap bilen garyşdyryň.
Meseläniň mazmunyna we mazmunyna üns bermezlik (banner ýerlikli bolup biler).
Netijeleri ähli ulanyjylara segmentasiýa/enjam bolmazdan geçirmek.
Mukdar gözleginde bolşy ýaly 5 gatnaşyjyda gaty netijä gelmek.

14) Ahlak we gizlinlik

Habarly razylyk: maksatlar, ýazga almak, saklamak, adynyň aýdylmazlygy.
PII-ni azaldyň, çig maglumatlary çäkli saklaň, ID-ni ulanyň.
Duýgur ssenariler üçin (maliýe/oýun) - ýumşak söz, soragy sypdyrmak ukyby, ygtybarly demo maglumatlary.

15) Çalt başlamak (one-pager)

1. Nawigasiýanyň 3-5 esasy wezipesini beýan ediň.
2. Maksatly ekranlarda 10-15 AOI belläň.
3. 8-10 sessiýa geçiriň (hersi 10-12 minut): kalibrlemek → meseleler → gysga debrief.
4. Segmentler/enjamlar boýunça AOI tablisasyny (TTFF, dwell, geçişler, entropy) birleşdiriň.
5. Tapyndylaryň Top-5 we 3-5 A/B gipotezalaryny emele getiriň (pozisiýalar, ululyklar, göçürmeler, görünmek).
6. Şol bir meselede çalt düzedişleri → gözegçilik aýtrekingini açyň.