Termal xaritalar va kliplar tahlili

1) Issiqlik kartalari nima uchun kerak?

Issiqlik xaritalari (heatmaps) xatti-harakatlarni vizuallashtiradi: foydalanuvchilar kursorni qanday harakatga keltirishi va to’g’ridan-to’g’ri siljishi uchun bosishadi. Bu ierarxiya to’qnashuvi, soxta «bosish» zonalari, bannerlarning haddan tashqari qizib ketishi, «o’lik» bloklar va maqsadli harakat yo’lining tor bo’yinlarini (ro’yxatdan o’tish, depozit, o’yinni boshlash, turnirda ishtirok etish) aniqlashning tezkor usuli.

Asosiy ta’sir: kamroq taxmin qilish - ko’proq faktlar. Aksentlarni joylashtirish bo’yicha qarorlar haqiqiy o’zaro hamkorlik asosida qabul qilinadi.

2) Issiqlik kartalari turlari

1. Click Heatmap - tugmalar zichligi: qaysi zonalar diqqatni jalb qilishini, qaysi joylar aktiv boʻlmagan elementlarni bosishini koʻrsatadi.
2. Move Heatmap - kursor traektoriyasi: ish stoli diqqat proksi metrikasi.
3. Scroll Heatmap - skroll chuqurligi va «bukilish chizigʻi»: sahifaning har bir segmentiga yetib borgan foydalanuvchilar ulushi.

4. Attention/Confetti - intensivlik xaritasi + manbalar/qurilmalar/A/B variantlari bo’yicha bo’linish

5. Rage Clicks - bir nuqtada tez bosish seriyasi: fustratsiya indikatori.
6. Dead Clicks - oqibatsiz tugmalar (oʻtish/hodisa yoʻq).
7. Error Clicks - xato bilan tugaydigan tugmalar (validatsiya, tarmoq nosozliklari).

3) Issiqlik kartalari ayniqsa foydali bo’lgan joyda (iGaming-stsenariylar)

Bosh qoshiq: «qahramon» va P1-CTA yagonaligini tekshirish.
O’yinlar katalogi: qidirish/filtr ko’rinishi, nishonchalarni bosish, «soxta» kartochka zonalari.
O’yin sahifasi: raqobat «Hozir o’ynash» vs ikkilamchi harakatlar (demo, tanlangan).
Kassa (depozit/chiqarish): maslahatlar bo’yicha dead-klik, komissiya/limitlarga e’tibor qaratish.
Turnirlar/aksiyalar: qoidalar, taymerlar, jadval satrlari, sovrinlar bo’yicha bosishlar.
Mas’uliyatli o’yin: limitlarga erishish va rad etish chastotasi.

4) Issiqlik kartalari uchun metrika va KPI

Click Shift After Change - disk/B variantidan keyin fokusning siljishi

CTR zonasi = zonadagi/zonaning ko’rsatkichlaridagi bosishlar.
Scroll Depth p50/p90 - median va yuqori chuqurlik.
Time in View - segmentning oʻrtacha koʻrinish vaqti.
Rage Click Rate = bir sohada ≥ sekundlik 3 1-2 bosilgan sessiyalar/barcha sessiyalar.
Dead Click Share = tugmalar/barcha tugmalar.
Mis-Click Distance - bosish zonasidan eng yaqin interaktiv elementgacha bo’lgan o’rtacha masofa («soxta affordance» ko’rsatkichi).
Line-of-Fold Coverage - burilish chizig’idan yuqori bo’lgan asosiy CTA ulushi.

Biznes aloqasi: FMC, TTV, Success Rate va kassadagi konversiyalar bilan muvofiqlashtiring.

5) Ma’lumotlarni sozlash va to’plash: amaliyot

Qurilmalar bo’yicha segmentatsiya: desktop/mobile alohida (kursor harakatlari mobil harakatlarga tatbiq etilmaydi).
Manbalar kesimlari: organika, paid, referal, «VIP/yangi».
Stsenariylar/sahifalar: bosh, katalog, o’yin, kassa, aksiyalar.
Sampling: 10-30% trafik barqaror rasm uchun, ko’proq - kamdan-kam stsenariylar uchun etarli.
Фрейм событий (data layer): фиксируйте `click_target`, `component_id`, `is_interactive`, `click_outcome` (success/fail/none), `ui_state` (hover/focus/disabled), `variant` (A/B), `segment` (new/returning/VIP).
Botlarni blokirovka qilish: user-agent filtrlari + xulq-atvor evristikasi (o’ta tez skroll, noinsoniy patternlar).
Zonalar generatsiyasi: semantik selektorlar asosida (’data-heatmap = "hero-cta’’) - CSS sinflariga qaraganda ancha barqaror.
Koʻrinish holatlari: sticky-shapkalar/suzuvchi CTAlarni hisobga oling (aks holda buzilishlar).

6) Maxfiylik va komplayens

Shaxsiy ma’lumotlarni (kiritiladigan qiymatlar, xaritalar, hujjatlar) qayd etmaymiz.
Shakllar, suhbatlar va hamyonlarni yashiring.
Cookie va treking opt-in/opt-out variantlari; DNT va mahalliy qoidalarga hurmat.
IP/ID’ni anonimlashtirish va sessiyalarni saqlashni cheklash.
Kirish daftarlari: sessiya yozuvlarini kim va nima uchun tomosha qiladi.

7) Talqin: qanday xato qilmaslik kerak

Klik qiziqish ≠. Bosish chalkashlik (dead/rage) oqibati bo’lishi mumkin - outcome’ni tekshiring.
Bannerning issiq zonasi har doim ham yaxshi emas: ehtimol u P1 e’tiborini «yeydi».
Sovuq bloklar yomon bo’lishi shart emas: ehtimol bu P4 referans/SEO kontenti.
Mutlaq issiqlik kartalarini emas, balki «oldin/keyin» va «A/B» ni solishtiring.
Traektoriyaga qarang: birinchi bosilgan joy, P1 (time-to-P1) ga qanchalik tez etib boradi.

8) Tipik muammolarga tashxis qo’yish

O’yin kartasidagi baland Rage Click Rate → bosish mumkin bo’lmagan maydonda bosishni kutish → hit-area’ni kengaytirish, butun kartani bosish yoki faol bo’lmagan qismlarni vizual ravishda ajratish.
Nishonchalarda/nishonchalarda Dead Clicks → harakatni qoʻshish yoki «bosish» uslubini olib tashlash.
Scroll Depth muvaffaqiyatsizlikka uchradi CTA → ni yuqoriga ko’chirish, langar/yopishqoq blok qo’shish.
Bannerlarga bosish → vizual vaznni kamaytirish, animatsiyalarni cheklash, ustuvorliklarni aniqlashtirish.
Qidirish uchun yuqori bosilganda past CTR filtrlari → filtrlar tartibini/yorqinligini oʻzgartirish, tez presetalar berish.

9) A/B va huni bilan integratsiya qilish

• «Agar hit-area kartochkalarini 160 × 200 dan full-kartaga ko’paytirib, vizual affordance qo’shsangiz, Dead Click Share 30% ga, o’yinni ishga tushirishda FMC 8-12% ga kamayadi.»
• Har bir faraz uchun maqsadli UX-metrika (Rage/Dead/Scroll) va biznes-metrika (FMC, TTV, depozit konvertatsiyasi) ni bog’lang.
• Ikkala filialda ham majburiy issiqlik kartasi bilan A/B ni ishga tushiring: Click Shift va diqqat «sizib chiqishi».

10) UX jamoasi dashbordi

• Heatmap Overview: top-ekranlar, oxirgi 7/28 kun, qurilmalar bo’yicha split.
• Attention vs Outcome: yuqori bosilgan va past bosilgan joylar.
• Rage/Dead Trend: sahifalar turi boʻyicha dinamika.
• Scroll Depth Funnel: asosiy bloklar yutuqlari ulushi.
• Click Shift After Release: asosiy zonalar boʻyicha «oldin/keyin» taqqoslash.
• VIP vs New Users: diqqat namunalarining farqlari.

11) Texnik tafsilotlar (joriy etish bo’yicha tavsiyalar)

• `data-heatmap-zone="hero-cta"`, `data-heatmap-zone="game-card"`, `data-heatmap-zone="cashier-primary"`.

• `ui_click: { zone, component_id, is_interactive, outcome, variant, device, page, ts }`
• Tahlil bilan bog’lanish:’session _ id ’/’ user _ bucket’ni A/B platformasidan (PIIsiz) uzating.
• Zonalarning barqarorligi: Bosmalarni «yuvmaslik» uchun, qizingizga heatmap belgilarini meros qilib olishni taqiqlang.

12) Issiqlik kartalari bo’yicha audit chek-varaqasi

1. Asosiy ekranlarda burilish chizigʻidan yuqorida bitta P1 bormi?
2. Rage Click Rate <maqsadli chegara (masalan, 1,5%)?
3. <X% kartochkalari boʻyicha Dead Clicks ulushi (maqsadli yoʻlakni belgilang)?
4. Scroll Depth p50 offer/STA blokiga yetyaptimi?
5. Click-Outcome Matrix (tugma → oʻtish/hodisa/xato/hech narsa) bormi?
6. Mobile/desktop va trafik manbalaridagi farqlar koʻrib chiqilganmi?
7. Barcha dalalar va sezgir zonalar yashirilganmi?
8. So’nggi relizlar va A/B uchun «oldin/keyin» qurilgan?
9. Issiq bannerlar uchun siqilgan CTR P1 tekshirilganmi?
10. P1-P3 ustuvorligi bilan tuzatish harakatlari shakllantirilganmi?

13) Anti-patternlar

Sahifani konversiya kontekstisiz bitta issiqlik kartasi bilan baholash.
Mobil va ish stoli maʼlumotlarini aralashtirish.
Murakkab ekranlarda <200 sessiya boʻyicha xulosalar chiqarish.
dead/rage’ga e’tibor bermaslik, faqat «chiroyli» xaritani ko’rish.
Eskirgan DOM ustiga issiqlik kartasini qo’yish (redizayndan keyin selektorlar ko’chib o’tdi).

14) Vazifalarni ustuvorlashtirish va rasmiylashtirish

• Muammo: «O’yin kartochkalari nishonlarida yuqori Dead Click Share (18%)».
• Sababi (faraz): "Nishon tugma sifatida stilize qilingan; amal qilmaydi".
• Yechim: «Nishonchalarni vizual ravishda interaktiv bo’lmasin yoki «belgilar bo’yicha filtrlash» harakatini bog’lab qo’ying».
• Kutilayotgan effekt: «O’yinni ishga tushirishda 50% dead-klik, + 5% FMC −».
• Qabul qilish mezonlari: dashbordda o’lchanadigan metrik chegaralar.

15) Tez-tez savollar

Har doim issiqlik kartalarini yoqish kerakmi? - Asosiy yo’llarda ha; xizmat joylarida - sampl bo’yicha.
Move-kartalarga ishonish mumkinmi? - Faqat bilvosita signal sifatida (faqat desktop).
Nima muhimroq: klik yoki skroll? - Ekranga bog’liq; lending uchun bukilish chizig’i, kassa uchun esa bosish natijalari muhimdir.

16) TL; DR

Issiqlik xaritalari - tezkor vizual «rentgen» interfeysi. Nafaqat «qayerda issiq», balki nima bilan tugashiga ham qarang: dead/rage/xatolar. Segmentlash, A/B va biznes metriklarga bog’lash, tuzatish harakatlarini qayd etish. Asosiysi, shovqin kamroq, konversiyani oshirish uchun ko’proq signal.