@ideefixe
· 12 gün önce
kullanıcıların bir sayfada nereye tıkladığını, fareyi nerede gezdirdiğini ve ne kadar aşağı kaydırdığını renklerle gösteren görselleştirme; ingilizcesi heatmap. kırmızı yoğun, mavi seyrek. üç tür: tıklama haritası (tıklanamayan öğelere tıklanıyorsa tasarım yanıltıyor demektir), hareket haritası (dikkatin kabaca izi), kaydırma haritası (sayfanın yüzde kaçına kadar inildiği; harekete geçirici mesaj görülmeyen bölgedeyse sorun burada).
araç olarak hotjar, microsoft clarity (ücretsiz), contentsquare, mouseflow, crazy egg; çoğu oturum kaydı ile birlikte gelir. cihaz bazında ayrı bakılır; mobil ve masaüstü haritaları çoğu zaman farklı hikaye anlatır. yeterli örneklem gerekir (birkaç yüz oturum), yoksa renkler tesadüf.
pratikte açılış sayfası optimizasyonu ve ürün sayfası optimizasyonu için hipotez üretme (insanlar galeriye tıklıyor ama büyümüyor, fiyat kaydırmanın altında kalıyor, menüde kimsenin kullanmadığı bağlantılar var), a/b testi öncesi keşif, huni analizinde düşüşün sebebini görme. ısı haritası 'ne' olduğunu gösterir, 'neden'i söylemez; kullanıcı görüşmesi ve anketle tamamlanır. yapay zeka destekli araçlar artık haritayı yorumlayıp öneri de üretiyor.
araç olarak hotjar, microsoft clarity (ücretsiz), contentsquare, mouseflow, crazy egg; çoğu oturum kaydı ile birlikte gelir. cihaz bazında ayrı bakılır; mobil ve masaüstü haritaları çoğu zaman farklı hikaye anlatır. yeterli örneklem gerekir (birkaç yüz oturum), yoksa renkler tesadüf.
pratikte açılış sayfası optimizasyonu ve ürün sayfası optimizasyonu için hipotez üretme (insanlar galeriye tıklıyor ama büyümüyor, fiyat kaydırmanın altında kalıyor, menüde kimsenin kullanmadığı bağlantılar var), a/b testi öncesi keşif, huni analizinde düşüşün sebebini görme. ısı haritası 'ne' olduğunu gösterir, 'neden'i söylemez; kullanıcı görüşmesi ve anketle tamamlanır. yapay zeka destekli araçlar artık haritayı yorumlayıp öneri de üretiyor.