Isı Haritaları Aslında Nasıl Çalışır (Ve Bugün Nasıl Kurulur)

Yayınlanan: 2021-06-17

Not: Bu blog gönderisinde atıfta bulunulan Sumo uygulaması artık kullanımdan kaldırıldı.

Sumo'nun işinizi büyütmeye yönelik yeni uygulamaları hakkında bilgi edinmek için Sumo ana sayfasını ziyaret etmek için burayı tıklayın.

Arabanız hareket ediyor olsaydı, kaputu körü körüne açıp bir şeylerle uğraşmaya başlar mıydınız?

Umarım değildir. Sonunda iyiden daha fazla zarar verebilirsiniz.

Ama ya arabanız çalışmıyorsa ? Yine de kolları sıvayıp bazı bujileri söker miydiniz?

Kesinlikle hayır.

Bunu yaparsan zavallı Prius'unu yok edersin. Bu felaket için bir reçete.

Bu nedenle, pazarlamacıların neyi değiştirmeleri gerektiğini bilmeden web sayfalarında sık sık bir şeyler değiştirmeleri çılgıncadır .

Anladım. İnsanlar LinkedIn'de birkaç makale okuyor ve düğmelerdeki metni değiştirerek veya sayfalarında bir şeyleri hareket ettirerek biraz toprak yakmaları gerektiğini düşünüyor.

cta düğmesi metin seçenekleri

Bunların hepsini sayfama koyacağım ve hangisinin en iyi sonucu verdiğini göreceğim.


Ama tahmin et ne oldu? Tıpkı bir arabayı tamir etmek gibi, bir web sayfasındaki şeyleri körü körüne değiştirmek de ciddi zararlar verebilir. Şunun gibi hasar:

  • Azalan dönüşümler
  • Satışlardaki kayıp
  • Bir şeyleri değiştirmek için harcadığınız zaman ve paranın batık maliyetleri

Her hedef kitle farklıdır ve her sayfa tasarımı benzersizdir. Farklı bir resim kullanılarak Joe için dönüşümlerin arttığını diye Biri her şeyi bırakıp görüntüleri değiştirmek gerektiği anlamına gelmez.

Ziyaretçileriniz neleri değiştirmeniz gerektiğini eylemleriyle size söyleyecektir .

Peki ziyaretçilerinizin ne istediğini nasıl dinlersiniz?

Kolay. Isı haritaları ile dinlersiniz .

ısı haritaları

Isı haritaları: Nedir, Nasıl Çalışır ve Neden Onlara İhtiyacınız Var?

Bu yazının tamamını oldukça kısa tutabilirim ve iyi arkadaşım Louis CK'nin neden ısı haritalarına ihtiyacınız olduğunu açıklamasına izin verebilirim:

Ama bu yardımcı olmaz. Öyleyse buradan başlayalım:

Isı haritaları, ziyaretçinizin en güçlü motivasyonlarının ve arzularının görsel temsilidir . Ziyaretçilerinizin zihnine açılan pencere gibidirler.

Bu teknik görünebilir, bu yüzden daha iyi, daha somut bir anlayış elde etmek için bu kelimenin arkasındaki anlamı çözelim (Latince derecesi gerekli değildir):

  • Isı : Isı haritasındaki "ısı" sadece bir sayfanın belirli bir alanındaki hareket miktarını ifade eder. Renk ne kadar sıcaksa (kırmızı, sarı, beyaz) o kadar çok hareket olur. Renk ne kadar soğuksa (mor, mavi, yeşil) o kadar az hareket olur.
  • Harita : Haritanın ne olduğunu bilirsiniz.

Yani ısı haritaları, sıradan bir tabirle , ziyaretçinizin alışkanlıklarını ortaya çıkaran görsel kılavuzlardır .

eylem appsumo sumo ısı haritası

Hareket halindeki bir ısı haritası. Parlak “aksiyon” renklerine dikkat edin.


Belirli bir sayfadaki eylemi yakalayıp analiz ederek, daha yüksek dönüşüm elde etmek için bir web sayfasında neleri değiştirmeniz gerektiğini öğrenebilirsiniz.

Biraz hile yapmak gibi geliyor, itiraf etmeliyim. Kelimenin tam anlamıyla ziyaretçinin size neyi test etmeniz veya optimize etmeniz gerektiğini söylemesine izin veriyorsunuz (açıkça söylemek zorunda kalmadan).

Ancak yine de bu ısı haritalarını okurken nelere dikkat etmeniz gerektiğini bilmeniz gerekiyor .

Bir web sayfası oluşturduğunuzda, ziyaretçi için aklınızda bir son hedefiniz olur. Bir e-ticaret siteniz varsa, insanların ürünlerinizi satın almasını isteyebilirsiniz. Ana sayfanızı izliyorsanız, insanların belirli bir gezinme parçasını tıklamasını isteyebilirsiniz.

Heck, uzun bir makaleniz olabilir ve insanların sonuna kadar okuyup okumadığını merak ediyor olabilirsiniz (cevap: değiller)….

Ben, şimdi.


Her iki durumda da, bu hedefler ne tür bir ısı haritası kullandığınızı tanımlar. Basitleştirmek için, iki ana şeyi ölçerek bir sayfanın ne kadar etkili olduğuna karar verebilirsiniz:

  • Bilgi Katılımı : İnsanlar yazdıklarınızı okuyor mu? Ziyaretçilerin %10'u harekete geçirici mesajınıza bile ulaşamıyorsa, bu bir sorundur. Isı haritaları, sayfada ne kadar ileri gittiklerini görmenize yardımcı olur.
  • Yapılan İşlem(ler) : Ziyaretçiler nereye tıklıyor? Yanlış şeye mi tıklıyorlar? Isı haritaları, insanların istediğiniz eylemi tamamlayıp tamamlamadığını ve bunu yapmalarını engelleyen herhangi bir engel olup olmadığını görmenize yardımcı olur.

Bu verileri yakalayabilir ve yorumlayabilirseniz, bölünmüş test yapmaya ve deli gibi dönüşen web sayfaları oluşturmaya başlayabilirsiniz.

Peki bu içgörüleri nasıl elde edeceksiniz?

Neyse ki, her tür içgörü için bir ısı haritası var. Ve yorumlamaları inanılmaz derecede basit.

Sana göstereyim .

NOT : Bu elektronik tabloyu hızlıca indirin. Isı haritalarını yüklemeniz gereken beş sayfa. Bu elektronik tablo açıkken gönderiyi okumak, daha sonra sitenize ısı haritaları yüklediğinizde size yardımcı olacaktır.

Sitenizde İhtiyacınız Olan İki Tür Isı Haritası

Isı Haritası #1: Kaydırmalı Isı Haritaları (diğer adıyla İçerik Analitiği)

içerik analitiği ısı haritaları toplamı

Insight it Tracks : Bilgi etkileşimi.

Nasıl Çalışır : Şunu hayal edin: Bir sunum yapmak için sahneye çıkıyorsunuz. Sahneye adımınızı attığınız anda, seyircilerin bir kısmı ayrılıyor.

Rezil. Bunu neden yaptılar? Her neyse. Siz sunuma devam edin.

Ama ilk cümlenizden sonra seyircilerin yarısı ayrılıyor.

Bu tür bir toplu göç kesinlikle size duraklamanız için bir neden verecektir. Belki de söylediğin bir şeydi?

Siz sunumda daha derine indikçe, giderek daha fazla insan, seyircilerin 1/10'u ile kalıncaya kadar (ve zaten sadece telefonlarında oynuyorlar) ayrılana kadar gidiyor.

Sununuza geri dönüp tam olarak insanların ne zaman ayrıldığını görebilseydiniz, olur mu?

Haklısın.

İşte Content Analytics bunu ölçer: web sayfanızda mesajlaşmanın ne kadar ilgi çekici olduğu .

Bu anlamda mesajlaşma, üç şeyin toplamıdır:

  • Copy : Başlık dikkat çekici mi? İçeriğiniz ilgi çekici mi? İnsanları harekete geçirmek istiyor mu?
  • Görüntü : Görüntüleriniz kopyanızı tamamlıyor mu? İyi tasarlanmışlar mı? Bir amaca hizmet ediyorlar mı?
  • Sayfa Düzeni : Ziyaretçiler en önemli şeylere mi odaklanıyor? İstedikleri yere kolayca ulaşabilirler mi?

İnsanları meşgul etmek için bu üçünün bir kombinasyonu gerekir ve bu ısı haritası bu üçlünün ne kadar etkili olduğunu ölçer.

Doğal olarak, mesajınız ilgi çekiciyse, sayfanızın en altına daha fazla kişi ulaşacaktır. Mesajınız senkronize değilse, daha az kişi sayfanızda her şeyi tamamlayacaktır.

Herhangi bir metin yazarına veya tasarımcıya, insanların yarısında vazgeçtiği bir iş yaratmaya başlayıp başlamadıklarını sorun ve büyük olasılıkla şu görünümü elde edeceksiniz:

Hiç kimse ilgisiz bir iş yaratmak için yola çıkmaz, ancak gerçek şu ki, sürekli odaklanmayı yakalamak için yokuş yukarı bir savaş. Bunun hakkında düşün:

Ziyaretçilerin %55'i sayfanızda 15 saniye veya daha az zaman harcar.

Yaptığımız bir araştırmada, ortalama olarak ziyaretçilerin %80'inin bir makalenin sonuna gelmediğini bulduk .

Halihazırda bu tür bir savaştayken, insanların sayfanızı nerede terk ettiğini ve bunu neden yaptığını ölçmek çok önemlidir.

İşte burada İçerik Analizi devreye girer.

İçerik Analizi Nasıl Yorumlanır : İçerik Analizi anlaşılması basit bir ısı haritasıdır çünkü insanların sayfayı nereye bıraktığını görmek için haritayı kaydırmanız gerekir.

ısı haritaları sumo

Bu ısı haritasında bazı yatay renk çubukları görebilirsiniz ve bunlar altlarındaki diğer renklerle karışır. Bu, sayfanızdaki ziyaretçilerdeki kademeli düşüşü temsil eder.

Bazen bu çubuklar, sayfadan ayrılan kişilerin ciddiyetine bağlı olarak daha geniş veya daha dar olabilir. Ancak bu renklere baktığınızda şu anahtarı aklınızda bulundurun:

ısı haritalarındaki ısı sumo

Bunu kolaylaştırmak (ve varsayımları ortadan kaldırmak) için Content Analytics ile yaptığımız şeylerden biri, siz ısı haritasında gezinirken gerçek okuyucu yüzdesini görüntülemektir:

Bu örnekte, okuyucuların %96'sı sayfanın %10'unu aşağıya indiriyor. %10'luk aralıklarla okuyucularınızın ne kadar ilgili olduğunu kolayca göreceksiniz.

Yani gerçekten, iki şey arıyorsunuz:

  1. Daha Geniş “Sıcak” Renkler : Kırmızı, turuncu ve sarı renklerden oluşan geniş bölümleriniz varsa, bu, mesajlaşmanızın harika olduğu anlamına gelir. İnsanlar sayfanızdan ayrılmıyor ve mesajın tamamını istediğiniz gibi görüyorlar. Bu, oluşturduğunuz herhangi bir sayfanın nihai hedefidir. Sana tesekkurler dostum.
  2. Renkte Ani Değişiklikler : Renkte ani bir değişiklik görürseniz, sayfanızın o bölümünde insanların ayrılmak istediği bir şey olduğu anlamına gelir. Bu alanları hedefleyerek, mesajlarınızı nerede değiştirmeniz gerektiğini, belki de bölümleri yeniden düzenleyerek veya içeriği değiştirerek tam olarak belirleyebilirsiniz.

Anladım? İyi. Size gerçek hayattan bir İçerik Analizi örneğini iş başında göstereyim.

İçerik Analizi İş Başında

İster inanın ister inanmayın, harekete geçirici mesajınızı sayfanızın herhangi bir yerine atıp insanların harekete geçmesini bekleyemezsiniz.

Biliyorum. Şok edici, değil mi? Bu nedenle, harekete geçirici mesajınıza vurgu yapan sayfalar oluşturmak için tasarımcılara büyük paralar ödenir.

Ama en iyi tasarımcı bile izleyicilerini dinlemezlerse karanlıkta çekim yapıyor. Konuşma konusu olan mesele…

ağustos külü ısı haritaları

Bu August Ash'in ana sayfası. Şey…. OLDU. Çünkü bu teste baktıktan sonra hemen değiştirmeleri gereken bir şey gördüler.

Ne olduğunu söyleyebilir misin?

Endişelenme. Gözlerini kısıp yunus falan gördüğüne dair yalan söylemek zorunda kaldığın o tuhaf görüntüler gibi değil. Sadece bir göz atın ve sayfada neyle ilgili olabileceğini görün.

Vazgeçmek? İşte bir ipucu: harekete geçirici mesaj düğmesine bir göz atın. Bu büyük. Cesur. O kırmızı. Hatta net bir "İşimizi Görüntüle" mesajı var. Bunlar, uzmanların size yapmanızı söyleyeceği şeylerdir.

Ama o bölümdeki renge bakın:

Bu, kırmızıdan yeşile hızlı bir karışımdır; bu, anahtara göre, ziyaretçilerin yalnızca %45-60'ının harekete geçirici mesajı bile gördüğü anlamına gelir.

Vay canına. Yani bana ziyaretçilerinin neredeyse yarısının web sayfalarının en önemli kısmına bile ulaşmadığını mı söylüyorsunuz?

Bu iyi değil. Bu bilgiler elinizin altındayken, test etmek için iki hızlı düzeltmeye bakabilirsiniz:

1. Harekete Geçirici Mesajı İlk Ekrana Taşıyın : Ziyaretçilerinizin %100'ü ilk ekranı görüyor, bu nedenle CTA'yı oraya taşımayı deneyin. İnsanlar orada bir CTA görmeye şartlandırılıyor ve Dropbox, Evernote, Sumo ve Spotify gibi şirketler bu taktiği kullanıyor.

kıvrımın üstünde, kıvrımın altında ısı haritaları sumo

2. Harekete Geçirici Mesajı çoğaltın : Daha da iyisi, harekete geçirici mesajı olduğu yerde tutun VE ilk kata bir tane ekleyin. Çok fazla CTA dikkati dağıtabilirken, önceki bölümde olduğu gibi ilk bölümde de bir CTA olması test etmeye değer bir şeydir.

Ancak bunu İçerik Analizi olmadan bilemezsiniz. Ziyaretçi davranışının gizli tarafını, nasıl hareket ettiklerini görmenize yardımcı olurlar.

İÇERİK ANALİZLERİNİ ŞİMDİ ÜCRETSİZ İNDİRİN!

Isı Haritası #2: Isı Haritalarına tıklayın (diğer adıyla Isı Haritaları)

ısı haritaları

Insight It Tracks : Yapılan işlem(ler)

Nasıl Çalışır : Film yönetmenleri “Işıklar, kamera, BİRAZ DAHA DÜŞÜN!” diye bağırmazlar. "Işıklar, kamera, EYLEM" olmasının bir nedeni var -- konu söz konusu olduğunda, web sayfanızda en önemli şey eylemdir.

Tıklama ısı haritaları (diğer adıyla Isı Haritaları), belirli bir web sayfasında gerçekleştirilen eylemleri ölçer .

Eylemler, indirmeler, tercihler, satın almalar, bağlantı geçişleri vb. arasında değişebilir. Bu eylemi gerçekleştirmek için tıklamanız gerektiği sürece, bu ısı haritası bunu ölçebilir.

Bu da oldukça basit. Bir ziyaretçi web sayfanıza tıkladığında, bu ısı haritası sayfada o noktayı işaretler. Bir noktada ne kadar çok tıklama olursa, o alan o kadar "daha sıcak" görünecektir.

sayfada en çok tıklanan iki ctas

Bu sayfada en çok tıklanan iki harekete geçirici mesaj düğmesi


Isı Haritalarını kullanırken iki ana şey ararsınız:

  1. Hedeflerinize Tıklıyorlar mı? : Her web sayfasının bir hedefi vardır ve bu hedefe genellikle bir tıklamayla (indirmeler, satın almalar, oturum açmalar vb.) ulaşılır. Bu ısı haritası, insanların bu amaç doğrultusunda hareket edip etmediğini size gösterecek.
  2. Boşa Gelen Tıklamalar Var mı? : Bu, ilk içgörüden daha önemli olabilir. Tıklamalarınızın çoğu birincil hedefinize gitmiyorsa, frenleri pompalamanız ve sayfanıza eklediğiniz diğer öğelere dikkatlice bakmanız gerekir. Ana hedefinizden tıklamaları çalan bağlantılar, gezinme veya resimler (bazıları tıklanamayan) olabilir.

Peki, sayfanızda boşa giden tıklamalar olup olmadığını nasıl belirlersiniz? Neyse ki, yorumlaması birkaç saniye süren nispeten basit bir işlemdir.

Isı Haritaları Nasıl Yorumlanır : Content Analytics'in aksine, tüm sayfa renkle kaplanmayacaktır. Bunun yerine, şöyle bir şey göreceksiniz:

ısı haritaları

Content Analytics kadar çok renk yoktur, ancak muhtemelen ben söylemeden neyin tıklandığını anlayabilirsiniz. Daha parlak, daha açık renklere sahip noktalar, yüksek tıklama bölgeleridir. Renkler solduğunda, tıklamalar da azalır.

Yani şuna benzeyen bir nokta görürseniz:

sıcaklık

Ardından yumruğunu sıkabilir ve kendi kendine fısıldayabilirsin:

Bunu kafandan çıkarırken iyi şanslar.


Çünkü bu, tıklamalarla dolu sıcak bir alan. VE, o sayfadaki en önemli CTA'lardır. Böyle şeyler bir araya gelince güzel oluyor.

İnsanlar ya bir şeylere (çeşitli derecelerde) tıklıyorlar ya da değiller. Yukarıdaki örnek, her şeyin yolunda gittiğine dair mutlu bir hikaye olsa da, her zaman bu şekilde sonuçlanmaz.

Bazen insanlar ana CTA'nızı tıklamazlar.

Bazen hiçbir şeye tıklamıyorlar.

Kahretsin, bazen CTA'nız DIŞINDA her şeyi tıklarlar . Çok sinir bozucu.

Dave Chappelle'den biraz çalmak için size "Bir Web Sayfasına Tıklarken Dört Kez Yanlış Gidiyor"u göstereyim. İnsanların CTA'nızı tıklamamasının en büyük dört nedenini (ve bunu nasıl düzeltebileceğinizi) size vereceğim.

1) Resimlere Tıklıyorlar

Sorun : Web sayfanızda harika resimler var.

Ne yazık ki, insanlar ana CTA'nızdan DAHA FAZLASI'na tıklıyor.

Bu ana sayfada neler olduğuna bakın:

picnet ana sayfası

Picnet'ten


Tüm olağan öğelere sahip basit bir ana sayfadır: logo, gezinme çubuğu, ürün bilgileri. Çok olağan dışı bir şey yok.

Harekete geçirici mesajdan çok resimlerin tıklanması dışında .

Görmek zor olabilir, ancak afiş burada ana harekete geçirici mesajdır. Yine de daha fazla insan başlığın altındaki bilgilere tıklıyor.

Ama işte gerçek M. Night Shyamalan bükümü: bu görüntüler bağlantılı bile değil .

İnsanlar onları bir ürün sayfasına götüreceklerini düşünerek bu görsellere tıklıyorlar ama hiçbir şey olmuyor. Bu, ana CTA'dan çalınan tıklamaların hiçbir yere gitmediği anlamına gelir.

Çözüm : Bu konuda gitmenin birkaç yolu var. İnsanlar zaten bu resimlere tıklıyorsa, onları ilgili sayfalara bağlayabilirsiniz. İnsanların bir şeyi tıklamasını sağlamak yeterince zor, bu yüzden mevcut tıklamalardan da yararlanabilirsiniz, değil mi?

Bu senin reçelin değilse, o zaman bu görüntülerle biraz deneme yapmanız gerekecek. Deneyebileceğiniz birkaç şey:

  • Resimlerin boyutunu küçültün
  • Yeni resimler kullan
  • Resimleri sayfanın farklı bir bölümüne taşıyın
  • Görüntülerden kurtulmak
  • Görüntüleri arka plana karıştırın

Ana CTA'da hangisinin daha fazla tıklama oluşturduğunu görmek için bunları test edin. Doğru görüntü, kırılması zor bir çerezdir, bu nedenle değişikliklerinizin küçük olduğundan ve her zaman bir kontrole karşı test ettiğinizden emin olun.

2) Navigasyona Tıklıyorlar

Sorun : Bu tür bir navigasyonu kaç kez gördünüz ve hemen o sayfanın GTFO'suna karar verdiniz:

örnek kötü navigasyon

Bu çok fazla. Ama burada bahsettiğim navigasyon türü bu değil.

Yanlışlıkla sayfanızın en çok tıklanan alanına dönüşen güzel, temiz gezinmeden bahsediyorum.

Bakın, iyi bir navigasyona sahip olmak önemlidir. İnsanlar dünya çapında interwebz'in her yerinden sitenize geliyor, bu yüzden onların ihtiyaç duydukları şeye kolayca ulaşabilmeleri için bir yola ihtiyacınız var.

Bu yüzden gezinme çubuğunu karıştır demiyorum. Ne münasebet. Sadece gezinme çubuğunuzu nasıl sunduğunuz konusunda dikkatli olun diyorum.

Yazıda daha önce yaptığımız bir referansa geri dönelim. Bu ısı haritasını hatırladın mı?

ısı haritası sumo

Bu Sumo ana sayfasının eski bir versiyonu. Etrafta sağlıklı miktarda tıklama var, ancak bir alan öne çıkıyor:

bölüm tıklamaları hakkında

Sağ üst gezinme alanına bakın. Bu, bir ton tıklama alan "Hakkında" bölümüdür.

"Hakkında"yı tıkladıklarında bu, "Başlayın" veya "Video İzle"yi tıklamadıkları anlamına gelir; dönüşüm sağlayan kanıtlanmış iki harekete geçirici mesaj.

Peki bunu nasıl düzeltirsiniz?

Çözüm : Bu biraz zor ve sağlıklı bir miktarda bölünmüş test gerektirebilir. Ama size Sumo'nun bu durumu düzeltmek için neler yaptığını gösterebilirim:

sumo navigasyon ısı haritaları

Bu ilk kat. Her şeyin nasıl gerçekten farklı göründüğünü görmezden gelin ve sadece navigasyona odaklanın:

Şimdi sadece dört seçenek var. Şunlardan birini yapabilirsiniz:

  1. Sumo logosuna tıklayın (sizi o ana sayfaya geri götürür)
  2. "Kaydol" düğmesini tıklayın (bir kullanıcı oluşturur)
  3. “Giriş Yap” düğmesine tıklayın (kullanıcıların giriş yapması için tabii ki)
  4. Sandviç simgesine tıklayın

Ve bu, o sandviç simgesine tıkladığınızda belirir:

sağ tarafta gezinme

Gezinme çubuğunda bulunan tüm öğelere -- Blog, Fiyatlandırma, Hakkında, Yardım vb. -- artık bu kullanışlı sağ gezinme bölümünden erişilebilir.

Ama önce sandviç simgesine tıklaman gerekiyor.

Bu, ziyaretçi aktif olarak ek bilgi aramadıkça, bu ilk kattaki her şeyin bir hedefe doğru gittiği anlamına gelir.

Sumo, tıklama ısı haritası aracılığıyla dönüşümleri bu şekilde artırdı. Peki bundan çıkarılan dersler?

  • Bir Hedefe Doğru Sür (Erişilebilir Olurken ): Navigasyonunuz ana CTA'nızdan uzaklaşmamalıdır. Ziyaretçilerinize sitede gezinmeleri için bir yol verin, ancak gezinmenin sayfayı gölgede bırakmadığından emin olun.
  • Kitleyi Dinleyin : Ziyaretçiler gezinmede ezici bir şekilde bir şeye tıklıyorsa, bu, sayfanızın tüm sorularını yanıtlamadığı anlamına gelebilir. Örneğin, "Hakkında" bağlantısını tıklarlarsa, ana sayfaya şirketiniz hakkında daha fazla bilgi eklemeyi düşünebilirsiniz. İzleyicileri dinleme ve ihtiyaçlarını karşılama fırsatını kullanın.

3) Yanlış Düğmeye Tıklıyorlar

Sorun : Ziyaretçilerinize yardım etmek istiyorsunuz. Onlara o kadar çok yardım etmek istiyorsunuz ki, işlerini büyütmek için farklı araçları denemeleri için onlara her fırsatı veriyorsunuz.

Ancak, ana CTA'nızı dönüşüm sağlamayan bir şeyle gölgede bırakırsanız ne olur?

Bu olur:

yanlış düğmeye tıklamak

Hypee'den


İlk düğme size ücretsiz bir deneme sunarken, ikinci düğme bir demoya (bu durumda bir YouTube videosu) yol açar.

Ana hedef ücretsiz denemedir, ancak daha fazla kişi ücretsiz demoyu VE başlıktaki "nasıl çalışır" bağlantısını tıklar. Bu alanlar tıklamaları çalıyor

Peki bunu nasıl düzeltirsiniz?

Çözüm : Böyle bir durumda seyirci adeta istediğini bağırıyor .

Onlara daha fazla bilgi verin .

Dönüşümleri öldüren şey, ürün bilgilerinin eksikliğidir. İzleyiciler, ücretsiz denemeyi bile düşünmeden önce açıkça daha fazla bilgiye ihtiyaç duyarlar.

Bu, bir ana sayfada gördüğüm en yaygın sorunlardan biri. Bu sayfayı düzeltmem gerekseydi, üç şey yapardım:

  1. Düğmeyi Kes : Demo düğmesi tıklamaları çalıyor. Bu düğmeden kurtulun ve sonraki iki ipucu ile sayfayı güçlendirin.
  2. Değer Önerisini Güçlendirin : Ziyaretçiler, başlığınızı okudukları anda ürününüzün ne yaptığını bilmelidir. Güçlü bir değer önerisi, herhangi bir ani karışıklığı hemen gidermeye yardımcı olacaktır.
  3. Ana Sayfaya Daha Fazla Bilgi Ekleyin : “Nasıl Çalışır” ve “Demo” bölümlerindeki bilgileri alın ve ana sayfaya ekleyin. Ürününüzün/hizmetinizin hikayesini anlatın ve bu anlatıya ücretsiz denemenin bağlantılarını ekleyin. Bu şekilde ziyaretçileri ana sayfada tutar ve mesajlarınızı nasıl gördüklerini kontrol edersiniz.

Bu tavsiyeyle, ana CTA'ya güvenli bir şekilde odaklanabilirsiniz - ücretsiz deneme oluşturma.

İşte size bir bonus bilgi: bazen düğmenin kendisi yüzünden yanlış şeyi tıklayabilirler.

Nedenler:

  • Düğme Rengi : Ana harekete geçirici mesaj düğmeniz diğer herhangi bir harekete geçirici mesajdan daha parlak veya daha cesur değilse, ziyaretçilerin ana CTA'nın o kadar önemli olmadığını düşünme riskini alırsınız.
  • Düğme Yerleştirme : Ana CTA düğmeniz göze çarpan bir yerde değilse, bir ziyaretçinin onu tamamen gözden kaçırması kolay olabilir. Düğmenizin her zaman kolayca fark edilebilir olduğundan emin olun.
  • Düğme Boyutu : Düğme ne kadar küçükse, görülmesi o kadar zor olur. Ana CTA'nızsa, onu sayfadaki en büyük, en sert düğme yapın.
  • Hiç Düğme Yok : İnan bana, bunun olduğunu ben de gördüm. Bazen ana CTA, bir sayfadaki metin denizinde kaybolan bir bağlantıdır. CTA'nızın, insanların 10'dan 10'unu görebileceği kadar açık olduğundan emin olun (yukarıdaki önerileri izleyerek).

Tüm bunları test ederek, meslektaşımın yaşadığı karışıklığı (ve viski ezilmesini) önleyebilirsiniz. Tıkladıkları öğeleri sıfırlayın, ardından odağı ana CTA'ya kaydırmaya çalışın.

4) Hiç Tıklamıyorlar

Sorun : Bilgisayarınız çıldırmaya başladığında bu hissi biliyorsunuz ve nedenini bilmiyor musunuz?

Korkunç bir duygu. Kontrolün yok VE her gün kullandığın pahalı şey aniden Facebook'a girmene izin vermiyor.

Bu yaşamak istemediğim bir dünya.

Şimdi bir sürü kaynak batırdığınız bu büyük, pahalı web sayfasının hiç dönüşüm sağlamadığını hayal edin .

Bu anlaşılır bir şekilde berbat olurdu. Yukarıda özetlediğim herhangi bir nedenle olabilir, ancak ısı haritası şöyle görünürse ne olur:

Ah. Sanırım televizyon kumandam bir dakikada bu sayfanın tamamından daha fazla tıklama alıyor.

Her yere saçılmış tıklamalar gibi görünüyor, ancak arama çubuğunun yanı sıra herkesin tıkladığı merkezi bir nokta yok.

Peki şimdi ne olacak?

Çözüm : Seninle aynı seviyeye geleceğim. Bu, bir ısı haritasında görebileceğiniz en korkunç şey.

Çeşitli konular olabilir. Neyin yanlış gittiğini anlamak için çok fazla aşamalı test gerekecek.

Ancak... %90'ı tek bir şeye atfedilebilir.

Dağınıklık .

Bu doğru. Sayfanız çok meşgul ve ziyaretçilerin oradayken ne yapacakları konusunda hiçbir fikirleri yok.

Dağınıklık tam olarak neye benziyor? Şuna bakın:

dağınıklık ısı haritaları

GÖZLERİM!

Burada neler oluyor? Dünyanın neresine tıklıyorum? Bu sayfanın ne anlamı var ki?

Bu sayfaya geldiğimde ne yapacağımı bilemeyeceğim kadar çok şey oluyor.

Ama hey, bu aşırı bir durum. Öte yandan, bu oldukça yaygın:

kullanıcı deneyimi

Bu normal bir sayfa gibi görünüyor, değil mi? Renkler bölümleri iyi ayırıyor, boşluklar iyi ve çok fazla dikkat dağıtıcı görüntü yok.

Tüm hesaplara göre, bu başarılı bir sayfa olmalı, değil mi?

Yanlış. Bu, aşağıdaki tasarım yönergelerine bir örnektir, ancak kullanıcı deneyimi yönergelerine değil. Dağınıklık gibi görünmeyebilir, ancak bu sayfayla gerçek etkileşim, bir sorun olduğunu söylüyor.

En büyük problem? Harekete geçirici mesajların miktarı. Özellikle, sekiz tanesi (gezinme çubuğunu saymazsanız) ilk katta. Sahipsin:

  • Aynı zamanda bir kayıt isteminde bulunan bir oturum açma bölümü (1)
  • Üç farklı kitleye fiyat teklifi seçeneği sunan üç ayrı kare (2-4)
  • Bilgi bölümlerine bağlantılar içeren bir hizmet çubuğu (5)
  • Ücretsiz bir fiyat teklifi bölümü (sosyal güvenlik numaranızı soruyor... vay canına) (6) *
  • Şirketinizi bir veritabanına kaydetmek için bir alan (7)
  • Otomobil taşımacılığında %10 geri ödeme teklifi (8)

seçim karmaşası

Bu klasik bir “seçim karmaşası”. Sayfada yapılacak çok fazla şey var ve iki psikolojik terim bize bu sayfanın neden düştüğünü gösteriyor:

Bilgi bombardımanı

Bilgi yüklemesi, bir kişinin çok fazla bilgi bulunması nedeniyle bir sorunu anlamada yaşayabileceği zorluktur .

Meslekten olmayanların terimleriyle: çok fazla şey görüyorsunuz ve ne yapacağınızı bilmiyorsunuz.

Görsel anlamda, bir sisteme girdi miktarı, işleme kapasitesini aştığında aşırı bilgi yüklemesi meydana gelir. Uyaranlarla uğraşırken zihnimiz sınırlı kapasiteye sahiptir, bu nedenle aşırı görüntü ve renk yükü, anlama ve karar sektörlerimizi neredeyse varolmaz hale getirebilir.

Ne yapacağınızı bilemediğinizde, bir kullanıcının yapabileceği en kötü eyleme yol açar: eylem yok.

aşırı seçim

Aşırı seçim, çok sayıda seçenekle karşı karşıya kalındığında seçim yapmama eylemidir .

İşte bir örnek. Hangisini cevaplamanız daha kolay:

“Game of Thrones mu yoksa Boardwalk Empire mı izleyelim” VEYA “Ne izleyelim?”

İki farklı duygu, değil mi? Bu ilk soru size iki seçenek sunuyor. İkisi arasında artıları ve eksileri tartabilir ve bir sonuca varabilirsiniz.

Peki ya o ikinci soru? Ne izlemek istediğinizi sormak, çeşitli anlamlara gelebilir -- filmler, TV şovları, YouTube klipleri… gerçekten her şey. Aralarından seçim yapabileceğiniz bu medya evrenine sahip olduğunuzda, bir seçim yapmak katlanarak zorlaşıyor.

Aynı şey web sayfaları için de söylenebilir. Aşırı seçim, ziyaretçileri uzaklaştırabilir .

İşte ana paket servis: web sayfanızı karıştırmayın. Isı haritaları her yerde dağınık tıklamalar gösteriyorsa, dağınıklığı işaret edebilir ve oradan çalışabilirsiniz.

Ancak bir tıklama ısı haritası olmadan bunların hiçbirini bilemezsiniz . İnsanların neden sayfanızı satın almadığını/katılmadığını/etkileşim kurmadığını tahmin ediyorsunuzdur.

Bu gönderiyi bitirmek için, size Sumo testi ile Isı Haritalarını ve İçerik Analizini iki dakikadan kısa bir sürede (fo 'ücretsiz) nasıl kuracağınızı göstereceğim.

Isı Haritası Testleri Nasıl Kurulur (İki Dakikadan Kısa Sürede)

Bu, bütün gün yaptığınız en kolay şey olabilir. Şaka değil.

Ve web sitenizi kıçı tekmeleyen bir dönüşüm makinesine dönüştürecek.

İşte yapmanız gereken tek şey:

  1. Isı Haritalarını almak için bu bağlantıya ve ücretsiz İçerik Analizi almak için bu bağlantıya tıklayın .
  2. Sumo eklentisini WordPress'e kurun VEYA web sayfanızın başına bir kod ekleyin .
  3. İki ısı haritasını kurmak istediğiniz sayfaya gidin (ana sayfanız, iletişim sayfanız vb.)
  4. Sumo rozetine tıklayın ve bir "Alev" simgesi göreceksiniz. Bunu tıklayın .
  5. Kayda başlamak isteyip istemediğinizi soran bir mesaj açılır. "Evet" i tıklayın.

Ve bu kadar. Ciddi anlamda. Artık web sayfanızda çalışan canlı, işleyen bir ısı haritanız var.

İki dakikalık zaman, sitenizde size binlerce dolar veya tercih hakkı kazandırabilir. Ayrıca, Liste Oluşturucu, Karşılama Matı, Kaydırma Kutusu ve daha birçok liste oluşturma aracı gibi diğer tüm harika Sumo araçlarına ücretsiz erişim elde edersiniz.

Tüm bunların üzerine (araçlar ve makale), ilk ısı haritanızla onu ezdiğinizden emin olmanız için size başka bir şey vermek istiyorum .

İster inanın ister inanmayın, web sitenizde hemen ısı haritalarını yüklemeniz gereken beş sayfa var. Bu beş sayfa, geliri artıran ve e-posta listenizi büyütmeye yardımcı olan sayfalardır.

Bu beş sayfayı ortaya çıkaran bir elektronik tablo oluşturdum. Her sayfa için, ziyaretçilerinizin o sayfalarda ne yaptığını daha iyi anlamanıza yardımcı olacak yanıtlamanız gereken sorular veriyorum.

Isı haritaları kurar VE bu e-tabloyu kullanırsanız, dönüşümlerinizi iyileştirmeniz ve ziyaretçileriniz için daha iyi bir deneyim yaratmanıza yardımcı olmanız garanti edilir.

Nedenini bilmeden başka bir ziyaretçinin sitenizden ayrılmasına izin vermeyin. Aşağıdaki e-tabloyu alın ve bugün ısı haritalarında ustalaşın:

ISI HARİTALARINA İHTİYACIM OLAN 5 SAYFAYI GÖSTER