Isı Haritaları ve Click Analytics

1) Isı haritalarına neden ihtiyaç duyulur?

Isı haritaları davranışı görselleştirir: kullanıcılar nereye tıklarsa, imleci nasıl hareket ettirirler ve etrafta gezinirler. Bu, hiyerarşi çatışmasını, yanlış "tıklanabilir" bölgeleri, aşırı ısınan afişleri, "ölü" blokları ve hedef eyleme giden yolun dar boyunlarını (kayıt, depozito, oyun başlatma, turnuvaya katılım) tespit etmenin hızlı bir yoludur.

Anahtar etki: daha az tahmin - daha fazla gerçek. Aksanların yerleştirilmesiyle ilgili kararlar gerçek etkileşimler temelinde verilir.

2) Isı haritası türleri

1. Isı Haritası'nı tıklayın - yoğunluğu tıklayın: hangi bölgelerin dikkat çektiğini, etkileşimli olmayan öğeleri nereye tıkladıklarını gösterir.
2. Isı Haritasını Taşı - imleç yörüngeleri: masaüstünde proxy dikkat metriği.
3. Scroll Heatmap - kaydırma derinliği ve "kırışıklık çizgisi": sayfanın her bölümüne ulaşan kullanıcıların oranı.

4. Dikkat/Konfeti - yoğunluk haritası + kaynak/cihaz/A/B vaka dökümü

5. Öfke Tıklamaları - bir noktada hızlı tıklama serisi: hayal kırıklığı göstergesi.
6. Ölü Tıklamalar - sonuçları olmayan tıklamalar (geçiş/olay yok).
7. Hata Tıklamaları - başarısız olan tıklamalar (doğrulama, ağ arızaları).

3) Isı kartlarının özellikle yararlı olduğu yerler (iGaming senaryoları)

Ana/iniş: "kahraman've P1-CTA benzersizliğini kontrol etmek.
Oyun kataloğu: arama/filtrelerin görünürlüğü, rozetlere tıklama, "sahte" kart bölgeleri.
Oyun Sayfası: Yarışma "Şimdi Oyna" vs İkincil Aktiviteler (Demo, Favoriler).
Nakit (para yatırma/çekme): ipuçlarına ölü tıklar, komisyonlara/limitlere odaklanır.
Turnuvalar/promosyonlar: kurallara tıklamalar, zamanlayıcılar, tablo çizgileri, ödüller.
Sorumlu oyun: Limitlere ulaşma ve başarısızlık oranı.

4) Isı haritaları için metrikler ve KPI'lar

TO bölgeleri = bölge tıklamaları/bölge gösterimleri.
Kaydırma Derinliği p50/p90 - medyan ve yüksek derinlik.
Görünüm Süresi - ortalama segment görünürlük süresi.
Rage Click Rate = bir alanda/tüm oturumlarda 1-2 saniyelik ≥3 tıklama ile oturumlar.
Dead Click Share = sonuç olmadan tıklamalar/tüm tıklamalar.
Mis-Click Distance - Tıklama bölgesinden en yakın etkileşimli öğeye olan ortalama mesafe ("yanlış uygun fiyat" işaretçisi).
Shift After Change - focus shift after release/option B seçeneğine tıklayın.
Line-of-Fold Kapsama - kilit CTA'ların katlama çizgisinin üzerine düşen oranı.

İş bağlantısı: Metrikleri FMC, TTV, Başarı Oranı ve gişe dönüşümleriyle ilişkilendirin.

5) Veri kurma ve toplama: uygulama

Cihaza göre segmentasyon: masaüstü/mobil ayrı ayrı (imleç hareketleri mobil cihazlar için geçerli değildir).
Kaynak dilimler: organik, ücretli, yönlendirme, "VIP/yeni".
Senaryolar/sayfalar: ana, katalog, oyun, gişe, promosyonlar.
Örnekleme: Trafiğin %10-30'u sabit bir resim için yeterlidir, nadir senaryolar için daha fazladır.
Фрейм событий (veri katmanı): фиксируйте 'click _ target', 'component _ id', 'is _ interactive', 'click _ outcome' (success/fail/none), 'ui _ state' (hover/focus/disabled), 'variant' (A/B), 'segment' (new/returning/VIP).
Engelleme botları: kullanıcı ajan filtreleri + davranışsal sezgisel (süper hızlı kaydırma, insanlık dışı kalıplar).
Bölge oluşturma: anlamsal seçicilere dayanır ('data-heatmap =' hero-cta '') - CSS sınıflarından daha kararlıdır.
Görünürlük durumları: Yapışkan kapaklar/yüzen CTA'lar (aksi takdirde bozulmalar) düşünün.

6) Gizlilik ve uyumluluk

Kişisel verileri kaydetmiyoruz (girilen değerler, haritalar, belgeler).
Form alanlarını, sohbetleri, cüzdanları maskeliyoruz.
Çerezler ve izleme için opt-in/opt-out seçenekleri; DNT ve yerel kurallara saygı.
IP/ID'nin anonimleştirilmesi ve oturum depolamanın kısıtlanması.
Erişim günlükleri: oturum kayıtlarını kim izler ve neden.

7) Yorum: Nasıl hata yapılmaz

İlgi ≠ tıklayın. Tıklama karışıklığın bir sonucu olabilir (ölü/öfke) - sonucu kontrol edin.
Afişin sıcak bölgesi her zaman iyi değildir: belki de P1'in dikkatini "yiyor".
Soğuk bloklar mutlaka kötü değildir: belki de bu referans/SEO içeriği P4'tür.
Mutlak ısı haritalarını değil, önce/sonra ve A/B'yi karşılaştırın.
Yörüngeye bakın: ilk tıklama nerede, P1'e ne kadar çabuk ulaşıyorlar (zaman-P1).

8) Ortak sorunların teşhisi

Oyun kartında Yüksek Öfke Tıklama Oranı - tıklamanın işlenmediği alana bir tıklama bekliyor - isabet alanını genişletin, tüm kartı tıklanabilir hale getirin veya etkileşimli olmayan alanları görsel olarak ayırın.
Dead Simgelere/rozetlere tıklar - eylem ekleyin veya "tıklanabilir" stili kaldırın.
Kaydırma Derinliği CTA'ya daldırın - CTA'yı daha yükseğe taşıyın, çapa/yapışkan blok ekleyin.
Tıklamaların afişlere kaydırılması - görsel ağırlığı azaltır, animasyonları sınırlar ve öncelikleri netleştirir.
Aramada yüksek tıklama ile filtrelerin düşük TO'su - filtrelerin sırasını/parlaklığını değiştirin, hızlı ön ayarlar verin.

9) A/B ve huni ile entegrasyon

• "Kartın isabet alanını 160 × 200'den tam karta yükseltir ve görsel uygunluk eklerseniz, Dead Click Share %30 azalacak ve oyunun lansmanındaki FMC %8-12 oranında artacaktır".
• Her hipotez için, hedef UX metriklerini (Rage/Dead/Scroll) ve iş metriklerini (FMC, TTV, depozito dönüşümü) bağlayın.
• Her iki dalda da zorunlu bir ısı haritası ile A/B çalıştırın: Click Shift ve dikkat "sızıntı" oranı.

10) UX Takım Panosu

• Isı Haritasına Genel Bakış: Üst ekranlar, son 7/28 gün, cihaza göre bölünmüş.
• Dikkat vs Sonuç: Yüksek Tıklama ve Düşük Sonuç Bölgeleri.
• Rage/Dead Trend: Dynamics by Page Type (İngilizce).
• Kaydırma Derinliği Hunisi: Anahtar Blok Başarı Paylaşımları.
• Serbest Bırakıldıktan Sonra Shift: Anahtar bölgeler arasında karşılaştırmadan önce/sonra seçeneğini tıklatın.
• VIP vs Yeni Kullanıcılar: Dikkat desen farklılıkları.

11) Teknik detaylar (uygulama önerileri)

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

• 'ui _ click: {zone, component_id, is_interactive, result, variant, device, page, ts}'
• Analitikle ilişkilendirin: A/B platformundan (PII olmadan) 'session _ id'/' user _ bucket'ı geçin.
• Bölge kararlılığı: Alt düğümlerdeki ısı haritası etiketlerini, tıklamaları "bulanıklaştırmamak" için miras almayın.

12) Isı kartları için denetim kontrol listesi

1. Anahtar ekranların kırışıklık çizgisinin üzerinde tek bir P1 var mı?
2. Rage Click Rate <hedef eşiği (örn. 1. 5%)?
3. Kartlarda Dead Clicks payı <X % (hedef koridoru ayarlayın)?
4. Kaydırma Derinliği p50 teklif/CTA ile bloğa ulaşır mı?
5. Click-Outcome Matrix (tıkla - git/olay/hata/hiçbir şey) var mı?
6. Mobil/masaüstü ve trafik kaynakları arasındaki farkları düşündünüz mü?
7. Tüm alanlar ve hassas alanlar maskeleniyor mu?
8. Son sürümler ve A/B için'önce/sonra "oluşturuldu mu?
9. P1, sıcak afişler için test edilmiş TO'yu önledi mi?
10. Düzeltici eylemler öncelikli P1-P3 formüle edilmiş ve tesis edilmiş midir?

13) Anti-desenler

Dönüşüm bağlamı olmadan tek bir ısı haritasında bir sayfayı derecelendirin.
Mobil ve masaüstü verilerini karıştırın.
Karmaşık ekranlarda <200 oturumda sonuç çıkarın.
Ölü/öfkeyi görmezden gelin, sadece "güzel" haritaya bakın.
Isı haritasını eski DOM'un üzerine yerleştirin (yeniden tasarımdan sonra seçiciler taşındı).

14) Görevlerin önceliklendirilmesi ve tasarımı

• Sorun: "Oyun kartı rozetlerinde High Dead Click Share (%18)".
• Sebep (hipotez): "Rozet bir düğme olarak stilize edilmiştir; eylem yok"
• Çözüm: "Rozetleri görsel olarak etkileşimsiz yapın veya "filtreyi etikete göre bağlayın" eylemi".
• Beklenen etki: "− %50 ölü tıklama, oyun lansmanında + %5 FMC".
• Kabul kriterleri: Gösterge tablosunda ölçülen metriklerin eşikleri.

15) Sık sorulan sorular

Isı kartlarını her zaman açmam gerekiyor mu? - Anahtar raylarda evet; hizmette - örnekle.
Kartlara güvenilebilir mi? - Sadece dolaylı bir sinyal olarak (yalnızca masaüstü).
Hangisi daha önemli: tıklama mı yoksa kaydırma mı? - Ekrana bağlı; İniş için, eğilme çizgisi önemlidir, nakit için - tıklama sonuçları.

16) TL; DR

Isı haritaları, arayüzün hızlı bir görsel röntgenidir. Sadece "nerede sıcak olduğunu'değil, aynı zamanda nasıl bittiğini de görün: ölü/öfke/hatalar. Segment, A/B ve iş metriklerine bağlantı, düzeltici eylemleri yakalayın. Ana şey daha az gürültü, dönüşümleri artırmak için daha fazla sinyal.