Eksiksiz Isı Haritaları Kılavuzu: Nasıl Oluşturulur ve Kullanılır

Isı haritaları popüler bir dönüşüm optimizasyon aracıdır ve bunun iyi bir nedeni vardır. Hedef kitlenizi daha iyi anlamanın ve daha fazla değer sunmanın güçlü bir yoludur.

Peki ısı haritaları neye cevap verebilir?

Isı haritası nedir?

Isı haritaları, verilerin görsel temsilleridir. 1990'ların ortalarında Cormac Kinney tarafından tüccarların finansal piyasaları yenmesine izin vermek için geliştirildiler.

Bizim bağlamımızda, insanların fareleri veya izleme dörtgenleri ile yaptıklarını kaydetmemize ve ölçmemize izin veriyorlar, ardından bunu görsel olarak çekici bir şekilde sergiliyorlar.

"Isı haritaları" aslında şunları içerebilen geniş bir kategoridir:

1. Gezinme haritaları (fare hareketi izleme);
2. Haritaları tıklayın;
3. Dikkat haritaları;
4. Kaydırma haritaları.

Yukarıdaki ısı haritası türlerinden herhangi biri için doğru çıkarımlar yapmak için, sonuçlara göre hareket etmeden önce sayfa/ekran başına yeterli örnek boyutunuz olmalıdır. İyi bir kural, tasarım ekranı ve ayrıca cihaz başına 2.000–3.000 sayfa görüntülemedir (yani, mobil ve masaüstüne ayrı bakın). Isı haritası, örneğin 50 kullanıcıyı temel alıyorsa, verilere güvenmeyin.

Bir web sitesi ısı haritası nedir?

Bir web sitesi ısı haritası, web sitenizdeki kategorileri kırmızıyla "en popüler"den maviyle "en az popüler"e kadar bir dizi renkle tasvir ederek kullanıcılarınızın web sitenizle nasıl etkileşim kurduğunun görsel bir gösterimidir.

4 tip ısı haritası

Birkaç farklı ısı haritası türü olduğundan, her birinin ve sundukları değerin üzerinden geçelim.

1. Gezinme haritaları (Fare hareketi izleme)

İnsanlar "ısı haritası" deyince genellikle vurgulu haritayı kastederler. Vurgulu haritalar, insanların fare imleciyle bir sayfanın üzerine geldiği alanları gösterir. Buradaki fikir, insanların üzerine geldikleri yere bakmaları ve böylece kullanıcıların bir web sayfasını nasıl okuduklarını göstermesidir.

Vurgulu haritalar, klasik bir kullanılabilirlik testi tekniğinden modellenmiştir: göz izleme. Göz izleme, bir kullanıcının bir sitede nasıl gezindiğini anlamak için yararlı olsa da, bazı uzatılmış çıkarımlar nedeniyle fare izleme yetersiz kalıyor.

Fare imleci izlemenin doğruluğu sorgulanabilir. İnsanlar, üzerine gelmedikleri şeylere bakıyor olabilir. Ayrıca çok az dikkat çeken şeylerin üzerine gelebilirler - bu nedenle ısı haritası yanlış olur. Belki doğru, belki değil. Nereden biliyorsunuz? bilmiyorsun

2010 yılında, Google'da Kıdemli Kullanıcı Deneyimi Araştırmacısı olan Dr. Anne Aula, fare izlemeyle ilgili bazı hayal kırıklığı yaratan bulgular sundu:

• İnsanların sadece %6'sı fare hareketi ile göz izleme arasında bir miktar dikey ilişki gösterdi.
• İnsanların %19'u fare hareketi ile göz takibi arasında yatay bir ilişki olduğunu gösterdi.
• %10'u bir bağlantının üzerine geldi ve ardından başka şeylere bakarak sayfayı okumaya devam etti.

Bu tür ısı haritalarını genellikle göz ardı ederiz. Şüphelerinizi destekleyip desteklemediğini görmek için ona baksanız bile , çok fazla stok yapmayın. Simple Usability'den Guy Redwood, fare izleme konusunda benzer şekilde şüpheci:

5 yılı aşkın bir süredir göz izleme çalışmaları yürütüyoruz ve dürüstçe söyleyebiliriz ki, kullanıcı deneyimi araştırması açısından, tıklamak üzere olduğunuz yere açıkça bakmanız dışında, göz hareketleri ile fare hareketleri arasında yararlı bir ilişki yoktur.

Bir korelasyon olsaydı, göz izleme ekipmanına para harcamayı hemen durdurabilir ve web sitelerinden ve kullanılabilirlik oturumlarından fare izleme verilerimizi kullanabilirdik.

Peep'in bu haritaları "fakir bir adamın göz izleme aracı" olarak adlandırmasının nedeni budur.

Bu haritaların gösterdikleri ile kullanıcıların yaptıkları arasında çok fazla örtüşme olmadığı için herhangi bir gerçek içgörüye varmak zordur. Görüntüleri açıklamak için gerçek gerçeklerden daha fazla hikaye anlatırsınız. Futbol oyuncularının hareketleri için ısı haritalarını eleştiren bu blog yazısı bunu iyi ifade ediyor:

“Isı haritaları ne işe yarar? Bir oyuncunun maç sırasında nereye gittiğine dair belirsiz bir izlenim veriyorlar. Maçı bir gazetenin tepesinden izleyerek bir oyuncunun maç sırasında nereye gittiğine dair belirsiz bir izlenim edinebilirim.

Bazı çalışmalar bakış ve imleç konumu arasında daha yüksek korelasyonlar olduğunu gösterse de, olası içgörülerin yanıltıcı veri riskine veya analizde doğrulama yanlılığını teşvik etmeye değip değmeyeceğini kendinize sorun.

Peki ya algoritma tarafından oluşturulan ısı haritaları?

Benzer şekilde, kullanıcı arayüzünüzü analiz etmek ve sonuç olarak bir görsel oluşturmak için bir algoritma kullanan ısı haritası araçları vardır. Çeşitli nitelikleri hesaba katarlar: renkler, kontrast, görsel hiyerarşi, boyut vb. Güvenilirler mi? Belki. İşte Aura.org'un nasıl ifade ettiği:

Bilgisayar yazılımının görüntüdeki farklı öğelerin görünürlüğünü "hesapladığı" Görsel Dikkat algoritmaları genellikle daha ucuz bir alternatif olarak satılır. Ancak PRS tarafından yapılan aynı çalışma, algoritmaların tasarımlar arasındaki farkları tespit edecek kadar hassas olmadığını ve paket üzerindeki iddiaların ve mesajlaşmanın görünürlük düzeylerini tahmin etmede özellikle zayıf olduğunu gösterdi.

(Not: Yukarıda belirtilen diğer çalışma olan PRS , göz izleme araştırma hizmetleri satmaktadır.)

Algoritmik olarak oluşturulmuş haritalara tam olarak güvenmemeniz gerekse de, bunlar, vurgulu haritalardan daha az güvenilir değildir.

Ve daha düşük trafiğiniz varsa, algoritmik araçlar size kullanılabilirlik araştırması için anlık sonuçlar da dahil olmak üzere bazı görsel veriler verebilir ki bu harikadır. Kontrol edilecek bazı araçlar:

• Dikkat İçgörüsü;
• EyeQuant;
• Feng GUI'si.

"Anlık" olması sihirli olduğu anlamına gelmez. Bu, gerçek kullanıcı davranışına değil, bir algoritmaya dayalı bir resimdir.

2. Haritalar'a tıklayın

Tıklama haritaları, size birleştirilmiş tıklama verilerinden oluşan bir ısı haritası gösterir. Mavi, daha az tıklama anlamına gelir; daha sıcak kırmızılar daha fazla tıklamayı gösterir; ve çoğu tıklama parlak beyaz ve sarı noktalardır.

Bu haritalarda çok fazla iletişimsel değer var. Optimizasyonun önemini (özellikle optimize etmeyenler için) ve neyin işe yarayıp yaramadığını göstermeye yardımcı olurlar.

Büyük bir fotoğraf çok sayıda tıklama alır, ancak bağlantı olmaz mı? İki seçeneğiniz var:

1. Bir bağlantı haline getirin.
2. Bir bağlantı gibi görünmesini sağlamayın.

Toplu tıklama verilerini hızlı bir şekilde almak ve geniş eğilimleri görmek de kolaydır. Sadece uygun hikaye anlatımından kaçınmaya dikkat edin.

Ancak genelde tercih edilen bir durum olan Google Analytics'te insanların nereye tıkladığını da görebilirsiniz. Gelişmiş bağlantı ilişkilendirmesini ayarladıysanız, Google Analytics yer paylaşımı harikadır. (Bazı insanlar hala görsel bir tıklama haritası görmeyi tercih ediyor).

Ayrıca, Davranış > Site İçeriği > Tüm sayfalar'a gidip bir URL'ye tıklarsanız, herhangi bir URL'nin ( insanların nereden geldiği ve daha sonra nereye gittikleri) Gezinme Özetini açabilirsiniz. Çok faydalı şeyler.

3. Dikkat haritaları

Dikkat haritası, kullanıcının tarayıcısı tarafından sayfanın en çok hangi alanlarının görüntülendiğini gösteren bir ısı haritasıdır ve yatay ve dikey kaydırma etkinliği tamamen dikkate alınır.

Kullanıcıların sayfada ne kadar ilerlediklerini ve sayfada ne kadar zaman geçirdiklerini hesaba katarak sayfanın en çok hangi alanlarının görüntülendiğini gösterirler.

Peep, dikkat haritalarını diğer fare hareketi veya tıklama tabanlı ısı haritalarından daha kullanışlı olarak görür. Neden? Niye? Çünkü önemli bilgi parçalarının (metin ve görseller) neredeyse tüm kullanıcılar tarafından görülüp görülmediğini görebilirsiniz. Bu, kullanıcıyı düşünerek sayfaları tasarlamayı kolaylaştırır.

İşte Peep'in nasıl ifade ettiği:

Peep Laja:

“Bunu faydalı kılan şey, farklı ekran boyutlarını ve çözünürlüklerini hesaba katması ve kullanıcının tarayıcısında sayfanın en çok hangi bölümünün görüntülendiğini göstermesidir. Dikkati anlamak, sayfa tasarımının etkinliğini, özellikle katlanan alanın yukarısını değerlendirmenize yardımcı olabilir.”

4. Kaydırma Haritaları

Kaydırma haritaları, insanların bir sayfada ne kadar aşağı kaydırdıklarını gösteren ısı haritalarıdır. Kullanıcıların nerelerde ayrılma eğiliminde olduklarını size gösterebilirler.

Kaydırma haritaları her uzunluktaki sayfada işe yarasa da, özellikle uzun biçimli satış sayfaları veya daha uzun açılış sayfaları tasarlarken uygundur.

Genel olarak, sayfa ne kadar uzunsa, o kadar az insan en alta kadar ulaşır. Bu normaldir ve içeriğe öncelik vermenize yardımcı olur: Olması gerekenler nelerdir? Neye sahip olmak güzel? İnsanların dikkat etmesini istediğiniz şeylere öncelik verin ve onu daha yükseğe koyun.

Kaydırma haritaları, tasarımınızda ince ayarlar yapmanıza da yardımcı olabilir. Kaydırma haritası ani renk değişiklikleri gösteriyorsa, insanlar sayfanızın iki öğesi arasında bir bağlantı ("mantıksal uçlar") algılayamayabilir. Bu keskin düşüş noktalarını Google Analytics'te görmek zordur.

Daha uzun açılış sayfalarında, kaydırmanın durduğu yere gezinme ipuçları (örn. aşağı ok) eklemeniz gerekebilir.

Bonus: Kullanıcı oturumu tekrarları

Oturum tekrarları kendi başına bir tür ısı haritası değildir, ancak ısı haritalama araçlarının sunduğu en değerli parçalardan biridir.

Kullanıcı oturumu tekrarları, sitenizden geçen kişilerin video oturumlarını kaydetmenize olanak tanır. Kullanıcı testi gibi ama komut dosyası veya ses yok. Ayrıca, kullanıcı testinden farklı olarak - olumlu bir şekilde - insanların gerçek parayı riske atması, dolayısıyla daha anlayışlı olabilmesidir.

Isı haritalarının aksine, bu nitel verilerdir. Darboğazları ve kullanılabilirlik sorunlarını tespit etmeye çalışıyorsunuz. İnsanlar eylemleri nerede tamamlayamaz? Nereden vazgeçiyorlar?

Oturum tekrarlarının en iyi kullanım örneklerinden biri, insanların formları nasıl doldurduğunu izlemektir. Google Analytics için Etkinlik izlemeyi yapılandırabilseniz de, kullanıcı oturumu tekrarlarındaki kadar bilgi sağlamaz.

Ayrıca, kötü performans gösteren bir sayfanız varsa ve nedenini bilmiyorsanız, kullanıcı oturumu tekrarları sorunları belirleyebilir. Kullanıcıların ne kadar hızlı okuduklarını, kaydırdıklarını vb. de görebilirsiniz.

Bunları analiz etmenin elbette zamanı var. Yarım günümüzü yeni bir müşteri sitesi için videolar izleyerek geçiriyoruz. Ve yüzlerce (binlerce?) ısı haritasına baktıktan ve diğer çalışmaları gözden geçirdikten sonra, her türden ısı haritasından yinelenen bazı çıkarımlar belirledik.

Isı haritalamaya başlamak istiyorsanız, göz önünde bulundurmanız gereken bazı araçları burada bulabilirsiniz.

2022'de ısı haritaları oluşturmak için en iyi 6 araç

Pek çok şirket, bir dizi ücretsiz deneme, ücretsiz, ücretli ve tamamen ücretsiz seçeneklerle mükemmel ısı haritalama araçları sunar.

Ücretli ısı haritalama araçları

Crazyegg, fare izleme testleri için harika bir araçtır. Bir tıklama ısı haritası, kaydırma haritası, belirli öğelerin tıklama sayısı için yer paylaşımı ve yönlendirme kaynaklarına göre tıklamaları ayırt etmek için kullanabileceğiniz konfeti içerir. Göz izleme testleriyle karşılaştırıldığında %88'e varan izleme doğruluğuna sahip olduklarını iddia ediyorlar. Tüm planlar 30 gün boyunca ücretsizdir; ücretli planlar ayda 24 dolardan başlar.

Mouseflow, fare takibi için başka bir iyi araçtır. Oynatmaya çok önem verirler ve tıklamalar, kaydırma olayları, tuş vuruşları ve form etkileşimleri gibi tüm fare hareketlerini kaydederler. Formları doldururken ziyaretçilerin tuş vuruşlarını bile kaydedebilirsiniz. E-ticaret takibi için ayrı seçenekleri var. Fiyatlandırma ayda 30 ABD dolarından başlıyor ve ayrıca küçük bir ücretsiz planları var.

Clicktale, kurumsal düzeyde fare izleme yazılımıdır. Yazılım, ısı eşleme, oturum tekrarları, dönüşüm analitiği ve diğer gelişmiş analitiği içerir. Fiyat için onlarla iletişime geçmeniz gerekiyor.

Luckyorange, fare hareketi kaydı ve gerçek zamanlı ziyaretçi haritaları, ziyaretçi anketleri ve canlı sohbet yazılımı gibi araçlar sunar. Ayda 10 dolardan başlayan ücretli planlarla ücretsiz bir deneme sürümü var.

Ücretsiz ısı haritalama araçları

Clickheat, sitenizdeki fare tıklamalarından bir ısı haritası oluşturmanıza olanak tanıyan açık kaynaklı bir alternatiftir.

Corunet, geliştirme desteği gerektirir. Clickheat'e benzer şekilde Corunet, sayfalarınızdaki tıklama verilerinden bir ısı haritası oluşturmanıza olanak tanır.

Isı haritası testlerinden öğrendiğimiz 19 şey

Yıllar boyunca pek çok ısı haritasına baktık. Diğer araştırmacılar da öyle. Ve her site farklı olsa da (sürekli uyarımız), bazı genel çıkarımlar var.

Bu öğrendiklerinizin geçerliliğini sitenizde test etmelisiniz, ancak en azından bu genelleştirilmiş "gerçekler" size bir ısı haritasından ne öğrenmeyi bekleyebileceğiniz konusunda bir fikir vermelidir.

1. Ziyaretçilerinizin hedefleri için en önemli olan içerik, sayfanın üst kısmında olmalıdır.

İnsanlar kaydırır ama dikkat süreleri kısadır. Bu çalışma, bir ziyaretçinin sayfayı görüntüleme süresinin ekranın alt kısmına indiğinde keskin bir şekilde azaldığını buldu. Kullanıcı görüntüleme süresi aşağıdaki gibi dağıtıldı:

Ekranın üst kısmı: %80,3
Ekranın altı: %19,7

İş hedefleriniz için en önemli olan malzeme ekranın üst kısmında olmalıdır.

Aynı çalışmada, web sayfasının en alt kısmında görüntüleme süresi önemli ölçüde arttı, bu da bir ziyaretçinin dikkatinin sayfanın alt kısmında yeniden arttığı anlamına geliyor. Oraya iyi bir harekete geçirici mesaj eklemek, dönüşümleri artırabilir.

Bir kişinin gördüğü son şeyin akıllarında daha uzun süre kalacağını belirten yenilik etkisini de unutmamalısınız. Sayfalarınızın sonunu dikkatlice oluşturun.

2. Aceleniz olduğunda, öne çıkanlar seçilir.

Bir Caltech nörobilim araştırması, "hızlı karar hızlarında" (acele halindeyken veya dikkati dağıldığında), görsel etkinin seçimleri tüketici tercihlerinden daha fazla etkilediğini gösterdi.

Ziyaretçiler acele ettiklerinde tercihleri ​​hakkında daha az düşünürler ve en çok neyi fark ettiklerine göre seçim yaparlar. Bu önyargı, bir kişinin dikkati ne kadar dağılırsa o kadar güçlenir ve özellikle kişinin başlangıçta güçlü bir tercihi olmadığında daha güçlüdür.

Bir ürünün görsel etkisi, özellikle çevrimiçi alışveriş gibi zamana duyarlı ve dikkat dağıtıcı bir ortamda tüketici tercihlerinin önüne geçebiliyorsa, bir web sitesinin tasarımındaki stratejik değişiklikler ziyaretçilerin dikkatini ciddi şekilde değiştirebilir.

3. İnsanlar sayfanızın sol tarafına bakarak daha fazla zaman harcıyor.

Çeşitli araştırmalar, web sitesinin sol tarafının ziyaretçilerinizin dikkatinin daha büyük bir bölümünü çektiğini bulmuştur. Önce sol tarafa da bakılır. Her zaman istisnalar vardır, ancak önce sol tarafı akılda tutmak iyi bir başlangıç ​​noktasıdır. Değer teklifiniz gibi en önemli bilgilerinizi orada görüntüleyin.

Bu çalışma, web sitesinin sol tarafının görüntüleme süresinin %69'unu aldığını ortaya çıkardı—İnsanlar sayfanın sol tarafına, sağ tarafına kıyasla iki kattan fazla zaman harcadı.

4. İnsanlar içeriğinizi F şeklinde okur.

Bu çalışma, insanların metin içeriğini F şeklinde bir düzende okuma eğiliminde olduklarını buldu. Bu ne anlama geliyor? Bu, insanların göz gezdirdiği ve asıl dikkatlerinin metnin başına gittiği anlamına gelir. En önemli başlıkları ve alt başlıkları okurlar, ancak metnin geri kalanını seçerek okurlar.

İlk iki paragrafınız en önemli bilgileri belirtmelidir. İçeriğinizin geri kalanını daha okunaklı hale getirmek için alt başlıklar, madde işaretleri ve paragraflar kullanın.

Bu çalışmada da görüldüğü gibi, resim tabanlı bir web sayfasında gezinirken F modeli stilinin geçerli olmadığına dikkat edin. İnsanlar görüntü tabanlı web sayfalarını yatay olarak tarama eğilimindedir.

5. Afiş körlüğü nedeniyle para kaybetmeyin.

Banner körlüğü, ziyaretçiniz web sayfanızın bir bölümünü reklam gibi göründüğü için bilinçsizce veya bilinçli olarak görmezden geldiğinde gerçekleşir. Ziyaretçiler, reklam gibi görünen hiçbir şeye neredeyse hiç dikkat etmezler.

Bu çalışma, reklamlarda herhangi bir saplantı bulmadı. İnsanların bilgiye hızlı bir şekilde ulaşmaları gerekiyorsa, reklamları görmezden gelirler ve bunun tersi de geçerlidir. Tamamen bir hikayeye odaklanmışlarsa, içerikten uzaklaşmazlar.

Web sitenizde banner körlüğü oluşturmaktan kaçınmanın birkaç yolu vardır. Çevrimiçi pazarlama konusunda deneyimli bir web tasarım şirketi kullanılarak sorunların çoğu önlenebilir.

6. Bir kişinin resmini kullanırken nereye baktığı önemlidir.

Tasarımınızda insanları kullanmak mantıklıdır; dikkat çeken bir tasarım öğesidir. Ama aynı zamanda gözlerinin nereye baktığı da önemlidir.

Birkaç ısı haritası çalışması, insanların bir modelin gözlerinin yönünü takip ettiğini göstermiştir. İnsanların sadece güzel kadına değil, yanındaki içeriğe de odaklanmasını sağlamanız gerekiyorsa, onun da o içeriğe baktığından emin olun.

Duyguları iletmek de önemlidir . Bir kişinin duygularını iletmesi, dönüşüm oranları üzerinde büyük bir etkiye sahip olabilir. Bu çalışma, duygu aktaran bir kişinin, harekete geçirici mesaja bakan sakin bir kişiye göre dönüşümler üzerinde daha büyük bir etkiye sahip olabileceğini buldu.

En iyi seçeneğiniz, bu iki yaklaşımı birleştirmek olabilir; aynı zamanda sayfada istenen noktaya bakan, duyguları ileten bir kişi kullanın.

7. Erkekler görseldir; kadınlar bilgi arar.

Bir tanışma sitesindeki kişilerin profillerini görüntülemeniz istendiğinde, bu çalışma erkekler ve kadınlar arasında net bir fark buldu. Erkekler, bir kişinin profiline bakarken görsellere odaklanarak daha görseldi; kadınlar sağlanan bilgileri daha fazla okuma eğilimindeydi.

Başka bir çalışmada, erkekler kadınların göğsüne %37 daha fazla bakarken, kadınlar yüzük parmağına %27 daha fazla baktı. Çalışma, "erkekler sapık, kadınlar altın avcısı" sonucuna vardı.

8. Daha iyi tıklama oranları için otomatik resim döngülerini ve afişleri bırakın.

Bu çalışma, kullanıcıların akıllarında belirli bir görev olduğu iki sitede, animasyonlu versiyon da dahil olmak üzere ana banner'ların tamamen göz ardı edildiği sonucuna varmıştır. Otomatik resim döngüleri ve afişler genellikle iyi bir fikir değildir. Afiş körlüğü oluştururlar ve çok fazla alan harcarlar.

Aynı çalışma, sitelerde bu kuralın bir istisnasını buldu - ASOS'un ana sayfasında, katılımcıların dikkatini diğer sitelerden daha iyi çeken bir afiş. Nasıl farklıydı? Daha az afiş gibi görünüyordu ve sayfaya daha iyi entegre edildi.

9. Ziyaretçilerinizi yönlendirmek için kontrastı akıllıca kullanın.

Bir açılış sayfasını ısı haritalarıyla test ettikten sonra TechWyse, renk kontrastının ne kadar önemli olduğunu anladı. Ana sayfadaki fiyatlandırma hakkında tıklanamayan bilgilendirici bir öğe, çevreleyen alanla renk kontrastı nedeniyle en çok dikkati çekti.

Küçük bir yeniden tasarımın ardından, ziyaretçilerin tarama kalıpları şirketin ihtiyaç duyduğu şeyle aynı hizaya geldi.

10. 60 yaşındakiler, 20 yaşındakilere göre iki kat daha fazla hata yapıyor.

Hedef kitleniz yaşlı olduğunda, web sitenizi mümkün olduğunca kullanımı kolay ve düzenli hale getirin. Bir uzak kullanıcı testinde 257 kişi test edilirken, görevler için başarısızlık oranı, 25 yaşın altındakilere kıyasla 55 yaş üstü kişiler için 1,9 kat daha fazlaydı. Neredeyse iki kat daha fazla yaşlı insan verilen görevde başarısız oldu veya görevi bıraktı.

Daha yaşlı insanlar da çevrimiçi olarak daha yavaştır . En genç katılımcılarla karşılaştırıldığında, en yaşlıların bir görevi tamamlaması %40 daha fazla zaman aldı.

Web sitenizdeki rastgele bir görev size kolay gelse bile, daha yaşlı kullanıcılar için zor olabilir. Hedef kitleniz ortalamadan daha eskiyse, düzeninizi onlar üzerinde test ettiğinizden emin olun.

11. Ziyaretçilerinizin dikkatini çekmek için fotoğrafları kullanın.

İnsanlar görseldir. Siteler, internetin doğuşundan bu yana dönüşüm oranlarını artırmak için iyi seçilmiş görseller kullanıyor ve bunun iyi bir nedeni var. İyi seçilmiş bir resim eklemek neredeyse her zaman iyi bir fikirdir.

Gerçek kişilerin fotoğraflarını kullanın . İnsanlar, gerçek insanların görüntülerine iyi tepki verir. Bu çalışmada denek, sayfanın büyük bölümünü oluşturan metin içeriğini okumaya kıyasla çalışanların fotoğraflarına bakmak için %10 daha fazla zaman harcadı.

Buna karşılık, ziyaretçiler "gerçek" insanların stok fotoğraflarını tamamen görmezden gelirler. Her nasılsa, gerçek insanların fotoğraflarından "fotobank insanları"nı tanımayı öğrendik. Bu blog gönderisi, stok fotoğraf kullanırken neler olabileceğinin mükemmel bir örneğidir. Bu, stok fotoğraflar gibi görünebilecek gerçek fotoğraflar için de geçerlidir, bu nedenle fotoğraflarınızı fazla düzenlemeyin.

Bu çalışma, fotoğrafınızın LinkedIn profilinizdeki en önemli öğe olduğunu kanıtladı ve bu çalışma aynı korelasyonu Facebook'ta buldu.

İyi kullanıldığında, büyük ürün fotoğrafları da dikkat çekmenin garantili bir yoludur.

12. Özetler, blog ana sayfalarındaki tam makalelerden daha iyidir.

Bu çalışma, blog ana sayfanızda tam makaleler yerine makale özetlerini kullanmanın ziyaretçilerin daha fazla içerik okumasını sağlayacağını buldu.

Ana sayfasında tam makaleler bulunan bir blogunuz varsa, ilk makalenizi ilginç bulmayan ziyaretçileri kaybetme riskiyle karşı karşıya kalırsınız. İlk makaleyi okuyarak tüm ilgilerini “tüketecekler”.

Özetler, ziyaretçilerinize geniş bir konu yelpazesi göstermenize olanak tanır, bu da ziyaretçinizin ilgi çekici bir şey bulma olasılığını artırır.

13. İnsanlar e-postanıza bir dakikadan az zaman harcıyor.

Bu çalışma, kullanıcıların %67'sinin haber bülteni tanıtımlarında herhangi bir saplantıya sahip olmadığını ortaya koydu. İnsanlar giriş paragraflarını atlama ve içeriğin geri kalanını tarama eğilimindeydi.

Bir haber bültenine ayrılan ortalama süre 51 saniyeydi; insanlar haber bültenlerinin yalnızca %19'unu tamamen okuyor. Çoğunlukla taradılar, bu nedenle bültenlerinizi net bir harekete geçirici mesajla kısa ve öz tutun.

14. Daha fazla etkinlik için A/B testini tıklama haritalarıyla birleştirin.

VWO'daki insanlar, ana sayfa trafiğinin yaklaşık %25'inin üst menüdeki küçük bir "fiyatlandırma" bağlantısına gittiğini, ana harekete geçirici mesaj düğmesinin ise toplam tıklamaların yalnızca %5'ini topladığını öğrendi.

Değiştirilen bir ana sayfanın hangi sürümünün daha iyi çalışacağını bulmak için tıklama haritası bilgisini A/B testiyle birleştirdiler.

Tıklama haritalarından edindiğiniz bilgileri A/B testiyle birleştirdiğinizde, tıklama haritalarınızın etkinliğini kat kat artırabilirsiniz. CareLogger, harekete geçirici mesaj düğmesinin rengini değiştirerek dönüşümlerde %34 artış elde etti.

15. İndirimli fiyatın orijinal fiyatın yanında gösterilmesi memnuniyeti artıracaktır.

Dan Ariely'nin Predictably Irrational kitabından ilham alan Robert Stevens, göreliliğin günlük karar verme sürecini nasıl etkilediğini görmek için rastgele 60 kişiyle bir test yaptı.

İnsanlar smoothies için iki farklı raf düzeniyle test edildi. İlk versiyonda yalnızca indirimli "Masum" smoothie'ler görülebiliyordu ve aynı markanın smoothie'lerinin hiçbiri tam fiyattan görünmüyordu. İkinci versiyon ayrıca normal fiyatlarla bir dizi smoothie içeriyordu.

İndirimli smoothie'lerin fiyatı değişmezken, insanlar orijinal fiyatı da bildiklerinde satın aldıkları üründen daha fazla memnun kaldılar.

16–19. Haber portallarında Eyetrack III araştırması

Eyetrack III araştırmasında, ziyaret etmeleri için sahte haber siteleri ve gerçek multimedya içeriği verildiği için birkaç düzine insan bir saat boyunca gözlemlendi.

16. İnsanların gözleri önce sayfanın sol üst kısmına sabitlendi , ardından sağdaki bir alanda gezindi. Ancak bir süre sonra insanlar sayfanın daha aşağısını keşfetmeye başladı.
17. İnsanlar, özellikle sol üst köşede olduklarında, baskın manşetleri ilk olarak görürler.
18. Odaklanmış okuma için daha küçük yazı tipi kullanın. Daha büyük yazı tipi, sayfanın daha fazla taranmasına neden oldu çünkü insanlar dikkatlerini çeken kelime veya kelime öbeklerini aradılar.
19. Başlığınızın ilk kelimeleri önemlidir . İlk kelimeler ziyaretçilerinizin ilgisini çekiyorsa muhtemelen okumaya devam edeceklerdir. Dikkatlerini çekmek için bir saniyeden az zamanınız var.

Yapabilecekleri çok şey varken şunu hatırlamakta fayda var: Isı haritaları her şey için iyi değildir.

Isı haritalarının nesi var?

Isı haritalarının sorunları, sarhoşlar ve ışık direği hakkındaki eski atasözünü hatırlatıyor; insanlar bunu aydınlatma yerine destek için kullanıyor.

Yukarıda tartışılan bazı veri yanlışlıklarını göz ardı etmek, özellikle ısı haritaları dönüşüm araştırmanızın birincil parçasıysa, sizi potansiyel bir önyargı dünyasına açar.

Malwarebytes'in optimizasyon başkanı Andrew Anderson bunu çok iyi ifade ediyor:

Andrew Anderson:

Hiçbir şey, oran ve değer anlayışındaki eksikliği, insanların tıkladıkları yere aşırı derecede kapılmalarından daha fazla gösteremez.

Az ya da çok insan bir şeye iyi mi kötü mü tıklıyor? En çok tıklanan şey en önemli şey mi? En etkili? Bu tek şeye iki kat daha fazla insan tıklarsa ne olur? Bir şeyin etki sahibi olması için çok fazla tıklanması mı gerekiyor? Hiç tıklanması gerekmiyor mu?

Isı haritaları, sonunda, tek bir soruyu anlamlı bir şekilde yanıtlama yeteneği olmadan, binlerce soru daha sağlar.

Bildiğimiz şey, çoğu insanın önyargılarını öğelerin değerini belirlemek için kullanacağı ve bunu gelen tüm bilgileri filtrelemek için kullanacağıdır. En aktif olanı en değerli olanla karıştıracaklar. Varsayılan olarak, modelin en az temsili türü olan bir doğrusal oran modeline geçeceklerdir. Bu değişikliğin göreli değeri veya verimliliği hakkında gerçek bir içgörü olmadan, sayfadaki bir adıma veya öğeye daha fazla insanı çekmeye çalışacaklar.

Daha da kötüsü, hikaye anlatımlarına devam etmenin ve olmasını umdukları şeyle site veya sayfa için en iyi olan şeyi karıştırmaya devam etmenin bir yolu olarak bir ısı haritası veya herhangi bir tıklamaya dayalı ölçüm kullanacaklar.

Isı haritaları, yüksek düzeyde ve bir kuruluştaki analitik açıdan daha az anlayışlı insanlara sorunlu alanları iletmenin bir yolu olarak yardımcı olabilir. Ayrıca dönüşüm araştırması ve analizi için iyi bir başlangıç ​​noktası olabilirler.

Ancak getirdikleri içgörülerin neredeyse tamamı, farklı analiz araçlarından toplanabilir ve Google Analytics, yorumlama, hikaye anlatma ve önyargı için daha az hareket alanı sunma eğilimindedir.

Başka bir deyişle, ısı haritaları, optimize edicinin cephaneliğindeki harika araçlardır, ancak proje ve test planlaması için her şeyin sonu olmamalıdır.

Çözüm

Isı haritaları oldukça havalı görünüyor. Ve doğru kullanılırsa önemli bir değer sunabilirler):

İşte ısı haritalarının pazarlamanızı geliştirmek için kullanılabileceği bazı yollar.

• Algoritmik ısı haritaları, düşük trafikli sitelere, insanların sitelerini nasıl kullandıklarına dair bir fikir verebilir.
• Tıklama haritaları, insanların nereleri tıklayıp nereleri tıklamadıkları konusunda üst düzey görseller sağlayabilir.
• Dikkat haritaları, bir web sitesinin hangi bölümlerinin tüm kullanıcılar tarafından tüm tarayıcılarda ve cihazlarda en görünür olduğunu görmenize yardımcı olur. Değerinizi ve diğer önemli öğeleri nereye koyacağınıza karar vermenize yardımcı olurlar.
• Kaydırma haritaları, daha uzun açılış sayfaları tasarlamanıza ve insanların sayfada ilerlemesini sağlamanıza yardımcı olabilir (içeriğin konumuna öncelik vererek).
• Kullanıcı oturumu tekrarları, cephaneliğinizdeki yeri doldurulamaz araçlardır.

Ancak dönüşüm araştırması için asla yalnızca ısı haritalarına güvenmemelisiniz. Sonuçlar en iyi ihtimalle sınırlıdır ve en kötü ihtimalle yanıltıcıdır, önyargıyı birleştirir ve yanıltıcı içgörüler sunar.