Fiyatlandırma Sayfasında Isı Haritalarını Kullanma

A/B olmayan bir testle “Ayın A/B Testi”ne başlayalım. İnternetin başka bir köşesine kaçmadan önce size neden ısı haritalarıyla başlayacağımızı açıklayayım.

Web sitenizde A/B testini düzenli olarak kullanmamanın ana nedenlerinden biri nereden başlayacağınızı bilememektir: Hangi değişiklikleri, nerede ve neden deniyorum? Bunlar kendinize soracağınız kilit sorular. Onlara nasıl cevap vereceğinizi bilmiyorsanız, testi bırakacaksınız.

Bunu aşmak için tavsiyem, yapacağınız ilk şey başlamak için web sitenizden bir sayfa seçmektir. Bu sayfa hedeflerinizle alakalı olmalıdır. Bu, çok sayıda ziyaret aldığınız bir sayfa olduğu veya etkinliğiniz veya işletmeniz için önemli bir sayfa olduğu anlamına gelir.

Bugünkü örnekte, premium eklentilerimizin fiyatlandırma sayfalarıyla başlamayı seçtik: Nelio A/B Testing ve Nelio Content. Bu sayfalar işimizin anahtarıdır, çünkü şirketimizin geliri her ikisinden de gelir.

Artık hangi değişiklikleri ve neden yapacağımızı öğrenmek için sayfaları seçtiğimize göre, bir ısı haritası testi yaparak başlamak daha iyidir. Bunu yapıyoruz çünkü ısı haritaları bize ziyaretçilerimizin web sitemizle nasıl etkileşime girdiğine dair gerçek veriler sağlıyor.

Sayfalarımızın gerçek kullanıcı verileriyle nasıl performans gösterdiğini gerçekten gördüğümüzde, gelecekteki testler için fikir edinmek çok daha kolay. Bu nedenle ısı haritaları her zaman iyi bir başlangıçtır.

WordPress'te Isı Haritası Testi Nasıl Oluşturulur

Bir WordPress sayfası için bir ısı haritası testi oluşturmak çok kolaydır. Sadece seçilen sayfayı seçip testi başlatmanız gerekiyor.

Nelio A/B Testinde, yeni bir test eklemek için düğmeye tıkladığınızda açılan iletişim kutusundan bu test türünü seçerek yeni bir ısı haritası testi oluşturun.

Test düzenleme ekranında, daha sonra kolayca tanımlanabilmesi için testiniz için bir ad belirlersiniz. Ayrıca testte denemek istediğiniz şeyin bir açıklamasını da ekleyebilirsiniz. Son olarak, ısı haritası testini yapmak istediğiniz sayfayı seçmeniz gerekir:

Her şey hazır olduğunda (önceki ekran görüntüsünde gördüğünüz gibi çok kolay), testi başlatmak için pencerenin sağ üst köşesindeki butona tıklayın. Nelio A/B Testing'in onların sayfadaki davranışlarından veri toplaması ve sonuçları işlemesi için ziyaretçilerinizin gelmesini beklemeniz yeterlidir.

Isı Haritası Sonuçları

Bizim durumumuzda, web sitemizde aynı anda çalışan iki ısı haritası testimiz vardı: biri Nelio A/B Testinin fiyatlandırma sayfası için ve diğeri Nelio İçeriğinin fiyatlandırma sayfası için.

Her test yaklaşık 20 gün boyunca veri topluyor ve yaklaşık 500 ziyaretçinin davranışını analiz ediyor. Bu, belirli sonuçlara varmak ve bu sayfalarda çalıştırabileceğimiz gelecekteki A/B testleri hakkında düşünmek için fazlasıyla yeterli.

Bu sayfaların web sitemizde daha fazla ziyaret edilenler olmadığını unutmayın. Dönüşüm hunisinin son aşamasıdır, bu nedenle yol boyunca trafik kaybolur. Ancak, işimiz için önemlerinden dolayı onları seçtiğimizi unutmayın. Gelecekteki testlerde, açıklayacağımız diğer nedenlerle, daha fazla trafik içeren diğer sayfaları inceleyeceğiz.

Nelio A/B Testinin Fiyatlandırma Sayfası

Nelio A/B Testinin fiyatlandırma sayfası için elde edilen sonuçlarla başlayalım. Isı haritası testi bize verileri üç farklı açıdan gösterir: ısı haritası, kaydırma haritası ve konfeti. Buraya 3 tam resmi gömmek çok fazla, çünkü piksel cinsinden yükseklik açısından oldukça büyükler. Sizi tamamen yukarı ve aşağı kaydırmaya zorlamamak için onları buraya bağladım:

• Nelio A/B Testing'in fiyatlandırma sayfasının ısı haritası.
• Nelio A/B Testinin fiyatlandırma sayfasının kaydırma haritası.
• Nelio A/B Testing'in fiyatlandırma sayfasından konfeti.

Şimdi önceki sonuçların en alakalı parçalarına bakalım:

Bir önceki resimde görebileceğiniz gibi, bir ısı haritası, kullanıcıların sayfanın öğeleriyle etkileşimini toplu bir şekilde ve sıcak bir rengin büyük alaka düzeyini gösterdiği bir renk ölçeğiyle gösteren bir grafik temsilidir.

Nelio A/B Testinin fiyatlandırma sayfasında, sayfanın ilk katı, daha fazla etkin noktanın olduğu yerdir. Ayrıntılı olarak incelersek, temel plan ve profesyonel plan alanındaki unsurlar işletmeninkinden daha fazla önem kazanır. Bunu göz önünde bulundurarak, belki de önce kurumsal planı göstermek için fiyatlandırma planlarını yeniden düzenleyebiliriz. Soldan sağa okumaya alıştığımızı unutmayın, bu nedenle fiyatlandırma sayfasında ilk önce en pahalı planı göstermek, A/B testinde denemek için iyi bir değişiklik olabilir.

Çok fazla kullanıcı etkileşimi alan bir diğer unsur, planların ayrıntılı karşılaştırmasını görmek için aşağı kaydırma bağlantısıdır. Bu iyidir, çünkü planlar hakkında daha fazla ayrıntı görmek için ilgi olduğu anlamına gelir.

O kadar iyi olmayan şey, tıklanamaz öğelerde birçok etkileşim olmasıdır. Ziyaretçiler tarafından yapılan tüm tıklamaları görebileceğiniz grafik gösterimi olan konfeti içinde görebilirsiniz:

Önceki ekran görüntüsünde görebileceğiniz tüm plan bloğunda, yalnızca her planda görünen düğmeler tıklanabilir öğelerdir. Diğer her şeye tıklamanın hiçbir etkisi olmadığını unutmayın. Mevcut arayüzümüz kafa karışıklığı yaratıyor.

Ziyaretçiler, her bir planın tıklanamaz öğeler olan özelliklerinin metinlerine ve simgelerine tıklıyor. Buradan onun hakkında daha fazla bilgi bulmaya çalıştıklarını anlayabiliriz, ancak bunun yerine bu bilgiyi sayfanın ilerisinde görüyoruz.

Burada deneyebileceğimiz başka bir A/B testi, planların her bir özelliğini değiştirerek metnin üzerine gelindiğinde görünen ve ziyaretçiye daha bağlamsal bilgi sağlayan kayan bir öğeye sahip olmalarıdır. Hangisinin daha fazla satın alma sağladığını görmek için bu sürümü bağlamsal yardımla mevcut sürüme karşı test edebiliriz.

Konfeti ayrıca bize ziyaretçilerin yaptıkları tıklamalardan elde edilen toplu bilgileri verir. Nelio A/B Testi, burada görebileceğiniz gibi, ziyaretçilerin farklı özelliklerini daha iyi anlamak için çeşitli filtre türleri içerir:

Bu filtrelerden aşağıdaki verileri çıkardık:

• Chrome ve Firefox, ziyaretçilerimiz tarafından açık ara en çok kullanılan tarayıcılardır. Bu nedenle, web'in en azından bu tarayıcılarda iyi görünmesini sağlamalıyız.
• Bu sayfayı ziyaret edenlerin yarısı Amerika Birleşik Devletleri'nden geliyor. Bu bizim satış verilerimizle eşleşiyor.
• Ziyaretçiler bizi haftanın ilk 3 günü daha fazla ziyaret ediyor. Bu bilgiyi bilmek, örneğin diğer günlerde web'in diğer alanlarında teklifler yapmak ve böylece trafiğin düşük olduğu günlerde trafiği çekmek için faydalı olabilir.
• Ziyaretçilerin neredeyse %100'ü sayfaya bir masaüstü bilgisayar veya dizüstü bilgisayardan erişiyor. Mobil cihazlardan çok az ziyaret alıyoruz. Bu gelecekte öğrenilecek bir şey.
• Windows 10 ve Mac OS X, insanların bizi ziyaret ettiği işletim sistemleridir. Mobil cihazlar için işletim sistemlerinden ziyaretçimiz olmadığı için önceki verilerle eşleşiyor.
• İş günü boyunca daha fazla ziyaretçimiz var (test Chicago saat diliminde yapıldı). Ana müşterimiz ABD'den olduğu için mantıklı.
• Ziyaretler minimum genişliği 1500 pikselden büyük ekranlarda yapılır. Ziyaretlerin masaüstü bilgisayarlardan veya dizüstü bilgisayarlardan yapıldığını doğrulayan bir başka gerçek.

Isı haritasının ve konfetinin tam sürümlerini kontrol ederseniz, Nelio A/B Testinin fiyatlandırma sayfasının diğer tüm bölümlerinin daha az alakalı olduğunu göreceksiniz. Bunu akılda tutarak, aşağıdaki kaydırma haritasını kontrol edelim:

Tam kaydırma haritasını kontrol ederseniz, çok az sayıda ziyaretçinin sayfanın ilk katının ötesine geçtiğini görebilirsiniz. Bu, belki de ilgili bilgileri ekranın üst kısmında özetleyerek Nelio A/B Testinin fiyatlandırma sayfasının çok daha kısa bir versiyonunu kullanmamız gerektiğini düşündürüyor.

Sayfanın ilk kıvrımından sonraki bölümlerde çok fazla metin var ve ziyaretçiler bunu okumuyor. %20'den daha azı, web'in alt kısmında bulabileceğiniz planları karşılaştıran ayrıntılı tabloyu görmeye ve bunlarla etkileşime girmeye geliyor. Tüm bu veriler kaydırma haritası tarafından sağlanır:

Daha görsel bölümler içeren sayfanın daha kısa sürümleriyle test yapmak, potansiyel alıcıyı ikna etmeye ve çok daha etkili ve verimli bir fiyatlandırma sayfası elde etmeye yardımcı olabilir. Bu, bir A/B testi ile denenebilecek olası bir değişikliğin başka bir fikridir.

Halihazırda gelecekte test edebileceğimiz birkaç fikrimiz var, bu nedenle, ısı haritalarının bize sağladığı bilgilerin, daha sonra A/B testlerinde uygulayabileceğimiz fikirleri almak için çok yararlı olduğu açıktır.

Nelio İçeriğinin Fiyatlandırma Sayfası

Nelio A/B Testinin fiyatlandırma sayfasında olduğu gibi, burada Nelio İçeriğinin fiyatlandırma sayfası için ısı haritası sonuçlarıyla birlikte tam resimlere sahipsiniz:

• Nelio Content'in fiyatlandırma sayfasının ısı haritası.
• Nelio İçeriğinin fiyatlandırma sayfasının kaydırma haritası.
• Nelio Content'in fiyatlandırma sayfasının konfetileri.

Nelio İçeriğinin fiyatlandırma sayfası, Nelio A/B Testi için olandan daha basit ve daha kısadır. Diğer nedenlerin yanı sıra, bu sayfanın yalnızca bir planı varken, Nelio A/B Testi ile 3 farklı planımız vardı.

Tam ısı haritasına bakarsanız ve onu Nelio A/B Testi ile karşılaştırırsanız, bu durumda sayfanın ilk katının yanı sıra diğer bölümlerinde daha fazla sıcak nokta olduğunu göreceksiniz.

Önceki resimde, planları karşılaştıran tablodaki eylem düğmelerinin özel bir alaka düzeyi kazandığını görüyoruz. Bu iyi, çünkü onları bu nedenle orada tutuyoruz. Ancak, Nelio İçeriğinin ücretsiz sürümünden başka bir şey olmayan tablodaki Başlangıç ​​planının özel bir alaka düzeyine sahip olduğunu unutmayın.

Buradaki soru, ziyaretçilerin Nelio İçeriğinin ücretsiz sürümünü indirebilmeleri için fiyatlandırma sayfamızda WordPress eklenti dizinine bir bağlantımız olup olmaması gerektiğidir. Şimdi elimizde, ancak ısı haritası, muhtemelen birkaç ziyaretçinin ücretsiz sürüme geçmek için fiyatlandırma sayfamızdan ayrıldığını gösteriyor.

Bu konu tartışmalıdır ve toplantılarımızda uzun tartışmaların kaynağıdır. Bir yandan, fiyatlandırma sayfasında olası bir doğrudan satışı kaybettiğiniz için bağlantıyı korumak iyi değildir. Ancak ziyaretçiler sitemizden ayrılsalar bile, Nelio İçeriğini ücretsiz denemek iyi bir şey olabilir. Kullanıcılar aracı sevebilir ve daha sonra test ettikten sonra satın alabilir. Nelio'da bunu birkaç kez tartıştık ve sanırım bugün yaptığımız son sefer olmayacak mı? Şimdilik, bağlantı kalır. Bu konu hakkında ne düşünüyorsun?

Videonun da oldukça ilgi gördüğünü görüyoruz. Çok güzel bir video hazırladık ve belki daha önce sayfada gösterebiliriz. Bu değişikliği bir A/B testi ile deneyebiliriz çünkü ilk kattan sonraki bölüm de o kadar alakalı değil.

Öte yandan, kaydırma haritasında, sayfayı aşağı kaydırdıkça ziyaretçi kaybının daha az ani olduğunu görüyoruz. Bu, ziyaretçinin içeriğin mümkün olduğunca çoğunu görmesini istediğimizde, daha kısa bir fiyatlandırma sayfasının daha iyi çalışabileceğini onaylar.

Ek olarak, önceki ısı haritası ile birleştiğinde, belirli özelliklerden bahseden ve insanların görüşlerini gösteren ilk kattan sonraki iki bölümün yeniden tasarlanması gerekebileceğini görüyoruz. Çok fazla metin içeren ve çok fazla dikkat çekmeyen bölümlerdir. Daha görsel ve doğrudan bir alternatif versiyon deneyebiliriz.

Tıklama konfeti grafiği ile ilgili olarak, sayfanın ilk kıvrımında tıklanamaz alanlarda yapılan yanlış tıklamaların miktarını görmek ilginçtir:

Bu tıklamaların çoğu önlenemese de (evet, insanların kaydırma yaparken özellikle sağdaki yan alanlara tıkladıklarını varsayalım), kafası karışmış ziyaretçilerin sonucu olan başkaları da var. Bu, bir önceki ekran görüntüsünde gördüğünüz aylık fiyat numarasına yapılan tıklamaların durumudur. Bu fiyat tıklanabilir bir öğe değildir; bunun yerine turuncu düğmeye tıklamanız gerekir. Ancak, aşağıda gösterilen yıllık fiyat numarası uygun bir bağlantıdır.

Her iki durumda da eşit bir etkileşimle iki fiyatı göstermenin daha az kafa karıştırıcı başka bir yolunu aramalıyız. Bu, bu sayfada çalıştırabileceğimiz başka bir A/B testidir.

Ve Şimdi Ne?

Web sitemizde hangi A/B testlerini çalıştırabileceğimize dair hiçbir fikrimiz olmadan başladık. Isı haritalarının sayfalarımızda A/B testlerinde test etmek için kolayca fikir edinmemize yardımcı olduğunu gördük. Bu test fikirlerine sahip olduğumuzda, yapmamız gereken onlara ihtiyaçlarımıza göre öncelik vermektir.

Unutmayın ki sayfanın ilk bölümündeki değişiklikler daha çok kişi tarafından görüleceği için daha hızlı test edilir ve bu sayede daha hızlı sonuç alırsınız. Sayfanın o bölümündeki değişiklikleri deneyen A/B testlerine öncelik vermeye başlayabilirsiniz.

Ve buradaki en önemli ders şudur: Test etmeye başladığınızda, durmayın. Test sürecinin her tekrarından sonra hem web sitenizden hem de ziyaretçilerinizden yeni bir şeyler öğreneceksiniz.

Gerçek sonuçları analiz edeceğimiz başka bir test türüyle gelecek ay görüşmek üzere. Bu gönderi ve burada anlattığım her şey hakkındaki görüşlerinizi bana yorum olarak bırakmayı unutmayın. Sitenizin hangi sayfasında bir ısı haritası çalıştırırsınız?

Unsplash'ta Steve Halama'nın öne çıkan görseli.