Isı Haritası (Heatmap): Ziyaretçi Davranışını Renklerle Okumak

Isı haritası nedir?

Isı haritası (heatmap), bir web sayfası ya da uygulama ekranı üzerinde kullanıcı davranışının yoğunluğunu renklerle gösteren görselleştirmedir. Sıcak renkler (kırmızı, turuncu) en çok etkileşim alan bölgeleri, soğuk renkler (mavi, yeşil) az etkileşim alan ya da hiç dokunulmayan bölgeleri işaret eder.

Veri tablosundaki tıklama sayısını okumak yerine, aynı bilgiyi sayfanın kendi görüntüsü üzerinde görürsünüz. Bu, ekip içinde hızlı bir ortak anlayış kurar: tasarımcı da pazarlamacı da geliştirici de "ziyaretçiler şu butona hiç basmıyor" bulgusunu aynı ekranda görür. Isı haritası terimi başka alanlarda da (korelasyon matrisi, coğrafi yoğunluk haritası) kullanılır; web ve ürün analizinde ise ziyaretçi davranışını gösteren yöntemi ifade eder.

Isı haritası türleri nelerdir?

Web sitesi analizinde en sık kullanılan türler şunlardır:

• Tıklama haritası: Ziyaretçilerin sayfanın hangi noktalarına tıkladığını ya da mobilde dokunduğunu gösterir. Köprü olmayan ama tıklanan alanları da yakalar.
• Fare hareketi (hover) haritası: İmlecin sayfada nerede dolaştığını gösterir; dikkatin nereye gittiğine dair bir ipucu verir, ancak göz takibinin yerini tutmaz.
• Kaydırma (scroll) haritası: Sayfanın hangi bölümüne kadar inildiğini ve hangi noktada ziyaretçilerin ayrıldığını gösterir.
• Dikkat haritası: Bölümlerin ekranda ne kadar süre görünür kaldığını gösterir.

Türler farklı sorulara cevap verir: tıklama haritası "ne işe yaradı", kaydırma haritası "içerik nereye kadar okundu" sorusunu aydınlatır.

Nasıl çalışır?

Isı haritası araçları sayfaya yerleştirilen küçük bir izleme kodu (script) aracılığıyla ziyaretçilerin tıklama, kaydırma ve fare hareketi olaylarını toplar. Toplanan olaylar sayfanın bir görüntüsü üzerine yoğunluklarına göre renklendirilerek aktarılır. Birçok ziyaretçinin verisi birleştirildiği için tek bir kişinin davranışı değil, genel eğilim görünür.

Veri çoğu zaman cihaz türüne göre ayrılabilir; masaüstü, tablet ve mobil görünümleri farklı raporlanır. Çünkü aynı sayfa küçük ekranda başka düzenle gösterilir ve dokunma noktaları masaüstü tıklamalarından farklıdır. Kişisel verilerin korunması açısından formlardaki alanlara girilen metinlerin kaydedilmemesi ve çerezle ilgili onay kurallarına uyulması gerekir.

Bir ısı haritası nasıl okunur? Küçük bir örnek

Örneğin bir ürün sayfasında "Sepete ekle" butonunun çok az tıklama aldığını, ürün görselinin ise yoğun tıklandığını görelim. Bu, ziyaretçilerin görseli büyütmeye çalıştığını ama butona ulaşmadığını düşündürür. Sayfa mobilde açıldığında buton katlama çizgisinin altında kalıyorsa, kaydırma haritası da bunu doğrular: ziyaretçilerin önemli kısmı butona gelmeden sayfadan ayrılıyordur.

Bu bulgu doğrudan çözüm değil, bir hipotezdir: butonu yukarı taşımak, görseli tıklanabilir yapmak ya da görselin yanına bilgi eklemek olabilecek çözümlerdir. Hipotez, değişiklik yapıldıktan sonra A/B testi ile sınanır. Isı haritası "nerede" sorusunu cevaplar; "neden" sorusu için kullanıcı kayıtları, anket ya da kullanıcı görüşmesi gerekir.

Isı haritası, oturum kaydı ve web analitiği ile farkı

Bu yöntemler birbirinin yerine değil, birbirini tamamlamak için kullanılır:

• Web analitiği: Ne kadar ziyaret, hangi kaynaktan, hangi sayfada çıkış gibi sayısal özetleri verir; sayfanın içinde ne olduğunu göstermez.
• Isı haritası: Tek bir sayfanın içindeki toplu davranışı gösterir.
• Oturum kaydı: Tek bir ziyaretçinin ekranda ne yaptığını videoya benzer biçimde izletir; bireysel hatayı ve takılma noktalarını yakalar.

Önce analitikle sorunlu sayfayı bulmak, sonra ısı haritasıyla sayfa içi örüntüyü görmek, en son oturum kayıtlarıyla somut örnekleri izlemek verimli bir sıradır.

Sık yapılan hatalar

• Az trafikle sonuç çıkarmak: Az sayıda ziyaretçiden gelen veri rastlantısal olabilir. Yorum yapmadan önce yeterli ziyaretçi birikmesi beklenmelidir.
• Mobil ve masaüstünü karıştırmak: Her ortamın ısı haritası ayrı okunmalı, tek bir görüntüden genelleme yapılmamalıdır.
• Dinamik öğeleri dikkate almamak: Açılır menü, kayan banner ya da farklı içerik gösteren sayfalarda ısı haritası kayabilir; veri hangi sayfa sürümüne aitse o sürüm esas alınmalıdır.
• Tek başına karar vermek: Bir bölgenin soğuk olması o bölgenin gereksiz olduğunu göstermez; bilgi veren bir alan tıklanmadan okunabilir.
• Öfkeli tıklamayı atlamak: Aynı noktaya art arda tıklama (rage click) ve hiçbir yere gitmeyen tıklama (dead click), kullanıcının takıldığı yerlerin en açık işaretidir.

Hangi ekip ve roller için işe yarar?

Isı haritası; UX tasarımcıları, dönüşüm optimizasyonu uzmanları, dijital pazarlama ve e-ticaret ekipleri için günlük çalışma aracıdır. Mindset'in Heatmap ve Kullanıcı Davranış Analizi eğitimi tıklanma ve hover haritası analizini, scroll davranışını, oturum kaydını ve bulgudan eyleme geçiş yapısını ayrı modüller olarak işler; bulguyu test hipotezine çevirmek isteyen ekipler için uygundur.

UX/UI Bootcamp ve Kullanıcı Araştırması eğitimleri ise ısı haritasını daha geniş bir araştırma bağlamında, kullanılabilirlik testi ve nitel yöntemlerle birlikte ele alır; kurumsal ekipler için bu birleşim, nicel davranış verisini kullanıcı görüşmeleriyle doğrulamak anlamına gelir.