Satışları Arttırmak İçin Hangi Renkleri Kullanmalısınız?

A/B testleri, zevklerimizin ve renk tercihlerimizin her zaman ziyaretçilerimizinkiyle uyumlu olmadığını bize bir kez daha gösterdi. Daha doğrusu web sitenizde gösterdiğiniz renkler çekici olsalar da size en çok satışı getirecek renkler olmayabilir. Aslında, renk psikolojisi üzerine, her rengin nasıl farklı bir duygusal tepki yarattığını ve bunların izleyicilerinizi nasıl farklı şekilde ikna edebileceğini inceleyen birçok makale bulacaksınız.

Bu ay, yakın zamanda Nelio İçerik ürün planlarımızı ve fiyatlandırma sayfası tasarımımızı değiştirdiğimiz için, daha fazla satış elde etmek için planlarımızın her birinde hangi renklerin gösterilmesi gerektiğini analiz etmenin mükemmel bir fırsat olduğunu düşündük.

Orijinal sayfanın tasarımında, mavi rengin hayranı olarak, Nelio İçerik planları sayfasının aşağıdaki tasarımını önerdik:

Güzel, değil mi? Ancak, her ay bir test yürütme deneyimimizi okuyorsanız, iş kararları vermeye gelince, yalnızca zevkinize odaklanmamalısınız, bunun yerine gerçek veriler almalısınız, çünkü size gerçekten söyleyecek olan budur. alt çizginizi en çok ne etkiler.

Bu nedenle, Nelio A/B Testi ile bu ayki test, fiyatlandırma sayfamızdaki hangi renk şemasının daha fazla gelir getireceğini analiz ediyor.

Fiyatlandırma Sayfasının Testini Oluşturun

Bir web sitesinin herhangi bir öğesinin A/B testi oluşturmadan önce, web sitenizde neyin işe yaradığını, nerede daha fazla sürtüşme ve sorun yaşadığınızı ve neleri iyileştirebileceğiniz konusunda hipotezler oluşturmanızı her zaman öneririz. Oluşturduğunuz hipotezler listesinden, hedefleriniz üzerinde en fazla etkiye sahip olacaklara öncelik verin. Diğer bir deyişle, açılış sayfaları ve fiyatlandırma sayfalarının satışları artırmada muhtemelen bir blog gönderisinden çok daha fazla etkisi olacaktır.

Bu durumda, bu testi oluşturmaktaki ana motivasyonumuz şuydu: Nelio İçerik planlarını değiştirdiğimiz ve tüm fiyatlandırma sayfasını yeniden tasarladığımız için , yeni tasarımın mümkün olan en iyi renk şemasını kullandığından emin olma fırsatını yakaladık.

Orijinal versiyona ek olarak, bu renk kombinasyonlarıyla iki farklı varyant daha oluşturmaya karar verdik:

İlk varyantta, bu yıl çok moda olan pastel renklerden oluşan bir seçki ile planları göstermeye karar verdik.

Ve yukarıdaki resimde görebileceğiniz gibi, Standart planı sadece fuşya rengiyle vurgulamak istediğimiz ve diğer iki planı en koyu mavi arka plan ve yeşil düğmelerle göstermek istediğimiz ikinci bir varyant oluşturduk.

Genel olarak, başka renkler seçebilir, hatta başka bir renk şeması oluşturabilirdik, ancak birçok alternatif yaratmanın sorunu, istatistiksel olarak anlamlı sonuçlar elde etmek için çok daha fazla ziyaret yapmanız gerektiğidir.

A/B Testini Oluşturma

A/B testini oluşturmak için her zaman olduğu gibi kendi eklentimiz Nelio A/B Testini kullanıyoruz. Bunun gibi bir test oluşturabilmek için resmi WordPress eklenti dizininden indirin ve web sitenize yükleyin. Web sitenizde testlerinizi oluşturmak için hangi A/B test eklentisini kullanacağınız konusunda hala şüpheleriniz varsa, WordPress için A/B test eklentileri karşılaştırmamızı okumanızı tavsiye ederim.

Nelio A/B Testi, herhangi bir WordPress öğesinin A/B testleri oluşturmanıza izin verdiği için çok yönlüdür. Bu durumda sayfaların A/B testi oluştururuz. Bu tür testler, orijinal sayfayı yeni alternatif sayfalara kopyalayarak yeni varyantlar oluşturmanıza olanak tanır. Testimizde, yukarıda açıklandığı gibi her planın arka plan renklerini değiştirdik. Kullandığınız sayfa şablonunun parçası olan bir şeyi değiştirmek istiyorsanız, alternatif bir şablon oluşturarak ve bunun yerine sayfa şablonlarının A/B testini çalıştırarak bunu yapabilirsiniz.

Aşağıdaki ekran görüntüsünde testin tanımını görebilirsiniz:

Ardından, herhangi bir A/B testi oluştururken, neyin en iyi sonuç verdiğine karar vermek için testte ölçmek istediğiniz hedefleri belirlemelisiniz. Bu durumda, test içinde ölçülecek 4 hedef tanımladık:

• Herhangi bir planın düğmelerine tıklama
• Temel plan düğmelerine yapılan tıklamalar
• Standart plan düğmelerine yapılan tıklamalar
• Artı planının düğmelerine tıklama

Tüm bunlar yaratıldığında, tek yapmamız gereken teste başlamak ve sonuçların gelmesini beklemekti. Nelio A/B Testing, trafiği her biri tanımlanan değişkenlerden yalnızca birini görecek şekilde rastgele üç gruba ayırmaktan ve her bir değişkenin ve hedefin elde ettiği dönüşümleri izlemekten sorumludur.

A/B Testi Sonuçlarının Analizi

Bu testi bir ay dokuz gün çalıştırdıktan sonra, neredeyse %100 güvenle istatistiksel olarak anlamlı sonuçlar elde ettik. Hedeflerin her birinin analizine ve testten çıkarabildiğimiz sonuçlara bir göz atalım.

İlk hedef, fiyatlandırma tablosu plan düğmelerinden herhangi birine yapılan tıklamaları ölçmekti (tablo, sayfada iki kez görüntülenir).

Bu durumda sonuçlar, ikinci değişken olan alternatif C'nin orijinal sürümden neredeyse %130 (tam olarak %129,6) daha fazla tıklama aldığını gösteriyor. Buna karşılık, planları pastel renklerde gösteren varyant %25,5 daha kötüdür. Testin sadece bu amacına sahip olsaydık, alternatif C ezici sonuçlar elde edebilirdi.

İkinci hedefimiz, alınan Temel plan düğmelerinin tıklamalarına odaklandı. Bakalım sonuçlar nasıl değişiyor:

Yalnızca Temel plana yapılan tıklamalara odaklanırsak, üçüncü varyant ile orijinal sürüm arasındaki farkın, yine de önemli olmasına, yani %73.7'lik bir iyileştirme olmasına rağmen, tüm tıklamaları analiz ettiğimiz kadar büyük olmadığını unutmayın. Pastel renk varyantında da önceki durumda olduğu gibi orijinalinden daha kötü ama fark %12,3. Bunu düşünürseniz, varyantlar özellikle Temel planı vurgulamaya odaklanmadığından biraz mantıklı olabilir.

Şimdi Standart planın tıklamalarını ölçmek istediğimizde elde ettiğimiz sonuçları görelim.

Bu durumda, planda tam olarak daha göz alıcı bir renkle öne çıkan üçüncü varyantın iyileştirilmesi, orijinal versiyondan bile %228,1 daha fazla tıklama elde ediyor. Bu nedenle, planlardan herhangi birini vurgulamanın herhangi bir etkisi olup olmadığı konusunda herhangi bir şüpheniz varsa, bu testten insanların en göz alıcı unsurlara ilgi duyduğu açıktır.

Son olarak, en son plana ne olduğunu görelim:

Bu durumda, orijinale kıyasla alternatif C'nin gelişimi %95,7 güvenle yaklaşık %3'tür. Ve her durumda, tüm alternatiflerde Artı planının çok az dönüşümü vardır. Aslında, müşterilerimizin çoğu başlangıçta daha düşük bir planı tercih edip daha sonra farklı bir plana geçmeyi tercih ediyor.

Sonuçlar

A/B testinden elde ettiğimiz sonuçları göz önünde bulundurduğumuzda, Standart planın fuşya rengiyle öne çıktığı versiyonun diğer varyantlardan çok daha iyi çalıştığı kanaatine varıyoruz. Bu nedenle, web sitemizde son sürüm olarak uygulamak en iyisidir.

Gördüğünüz gibi, yalnızca tek bir tıklamayla, Nelio İçerik fiyatlandırma sayfasının son sürümü, testi kazanan sürüm olur. Elbette, ilk başta mavi renk şemasının iyi bir seçenek olduğunu düşünmüş olabiliriz, ancak tercihlerimiz ve zevklerimiz satışları artırmak için pek işe yaramıyor. A/B testleri, gerçek verilerle bize gerçekten neyin işe yaradığını kanıtlayan testlerdir. Web sitenizdeki dönüşümü artırmak için A/B testinizi oluşturmak için neyi bekliyorsunuz?

Unsplash'ta Baher Khairy'nin öne çıkan görseli.