IHS Strategic
Tüm Blog Yazıları
HowTo09 Eylül 2026•2 dk okuma

UX Araştırmalarında Isı Haritası (Heatmap) Analiz Rehberi

Modern web projelerinde ısı haritası kurulumu, veri okuma ve UX optimizasyon adımları. Dijital ajans ekipleri için pratik analiz rehberi.

S

Sistem Yöneticisi

Kıdemli Yazılım Mimarı

Isı Haritası (Heatmap) Analizi Nedir?

Isı haritası, kullanıcıların web sayfalarındaki etkileşimlerini renk skalasıyla görselleştiren veri analiz yöntemidir. Kırmızı alanlar yoğun etkileşimi, mavi alanlar düşük ilgiyi gösterir. Modern web projelerinde tahmin yerine gerçek kullanıcı davranışını ölçmek için kullanılır.

Temel Isı Haritası Türleri

  • Tıklama Haritaları (Click Maps): Tıklanan veya dokunulan noktaları gösterir. Ölü tıklamaları (dead clicks) ve öfke tıklamalarını (rage clicks) tespit eder.
  • Kaydırma Haritaları (Scroll Maps): Kullanıcıların sayfanın ne kadarlık kısmını kaydırdığını gösterir. İçerik ve CTA yerleşimi için kritik sınırları belirler.
  • Hareket Haritaları (Move Maps): Masaüstünde fare imlecinin gezindiği alanları takip eder. Okuma paternleri ve odak noktalarını anlamayı sağlar.

Adım Adım Isı Haritası Analizi

Adım 1: Araç Seçimi ve Kurulum

Hotjar veya Microsoft Clarity gibi modern araçlar seçilir. İzleme kodu etiket yöneticisi (GTM) veya doğrudan <head> bloğuna eklenir. Tek satır kod yeterlidir.

Önemli: Dinamik arayüzler (SPA) ve çerez onay bildirimleri (Consent Mode) düzgün yapılandırılmalıdır. Veri kaybı engellenir.

Adım 2: Hedef Sayfaları ve Segmentleri Belirleme

Tüm site yerine dönüşüm hunisindeki kritik sayfalar hedeflenir:

  • Açılış sayfaları (Landing pages)
  • Fiyatlandırma / Sepet adımları
  • Yüksek hemen çıkma oranına sahip sayfalar

Adım 3: Yeterli Veri Hacmi Toplama

Veri gürültüsünü önlemek için sayfa başına minimum 1.000 - 2.000 tekil oturum beklenir. Düşük trafikli testler yanıltıcı kararlara yol açar.

Adım 4: Tıklama ve Kaydırma Anomalilerini İnceleme

Analiz sırasında odaklanılacak noktalar:

  • Tıklanamayan Görseller: Kullanıcı görseli buton sanıp tıklıyorsa, tasarımda hiyerarşi hatası vardır. Tıklanabilir yapılmalı veya stil değiştirilmelidir.
  • Katlanma Çizgisi (Fold Line) Kaybı: Kullanıcıların %50'den fazlası sayfanın ilk 1000 pikselinden sonra kaydırmayı bırakıyorsa, kritik CTA yukarı taşınmalıdır.
  • Yanlış Odak Alanları: İkincil öğeler ana butondan daha fazla dikkat çekiyorsa görsel vurgu sadeleştirilmelidir.

Adım 5: Masaüstü ve Mobil Ayrımı Yapma

Mobil ve masaüstü verileri asla birleştirilmez. Mobilde dokunma hedefleri (tap targets), parmak erişim alanları (thumb zone) ve dikey kaydırma alışkanlıkları tamamen ayrı analiz edilir.

Dijital Ajans Ekipleri İçin Modern Web Trendleri

Modern web tasarımında ısı haritaları A/B testleriyle entegre çalıştırılır. Yeni trendler:

  • Dinamik Durum İzleme: Açılır menüler, modal pencereler ve filtreleme alanlarının ayrı ayrı haritalanması.
  • Gizlilik Odaklı Analiz: GDPR ve KVKK uyumlu, kişisel verileri (PII) otomatik maskeleyen izleme altyapıları.

Kaçınılması Gereken Hatalar

  • Analizi tek başına kullanmak (Nicel analitik ve kullanıcı görüşmeleriyle desteklenmelidir).
  • Dönemsel trafik patlamalarını (kampanya günleri vb.) standart kullanıcı davranışı saymak.
  • Tek bir kullanıcının kaydına bakarak tüm arayüzü değiştirmek.