Web siteniz için en iyi şekilde hareket etmek için davet düğmesinin rengi hakkındaki gerçek
Birçoğu internette web sayfaları için en uygun renkler hakkında söylendi. Bu konuda binlerce makale bulacaksınız. Kullanıcıdan hangi rengin daha iyi olduğunu soran ve çelişkili cevaplar (şaşırtıcı, ha?) Alın, Google tarafından yürütülen testleri bağlantı için birçok mavi nüansla açıklayan ünlü makaleye. Tüm bunların arkasındaki gerçek, kimsenin belirli renklerin web sitesinde denemeden daha iyi veya daha kötü çalışmasını sağlayamayacağıdır. Size tam tersini söylerlerse, size yalan söylerler. Ve eminim yalan söylemekten hoşlanmıyorsun.
Ben de yapmıyorum, bu makaleyi Yahoo! Düğmelerde kullanılacak en iyi rengin kırmızı, yeşil ve turuncu veya sarı olduğunu söyledikleri küçük işletme, sanırım ilk şey, kendi web sitemizde denemem gerektiği. Her ay A/B testi hakkında yazdığım bir dizi makaleyi izlediyseniz, kesinlikle web sitemizdeki en önemli sayfalardan birinin fiyat sayfası ile birlikte Nelio içerik yön sayfası olduğunu zaten biliyorsunuzdur. Her iki sayfada da turuncu olan oyunculuk davet düğmesi. Kırmızı veya yeşil, davet düğmesi için web sitemizde kullandığımız turuncu renkten daha iyi çalışacak mı? Bu kendime sorduğum soru ve burada ziyaretçilerimizden gelen gerçek verilerle cevap vereceğim. Öznel bir görüş değil. Gerçek veriler.
Hadi gidelim! Membuat Tes A/B CSS Cara termudah untuk mengubah warna tombol pada halaman adalah dengan menambahkan beberapa aturan CSS tambahan untuk menerapkan warna baru. Anda menempatkan aturan background-color baru ke tombol dengan warna yang Anda inginkan dan hanya itu. Kolay. Dengan Pengujian A/B Nelio, Anda memiliki kemungkinan untuk membuat pengujian A/B gaya CSS untuk menguji berbagai varian aturan CSS tambahan. Anda hanya perlu membuat tes baru dan memilih opsi CSS di pemilih jenis tes:Dialog untuk memilih jenis pengujian yang akan dibuat dalam Pengujian A/B Nelio. Ini akan membawa Anda ke editor pengujian, di mana hal pertama yang harus Anda lakukan adalah membuat varian. Perlu diingat bahwa dalam jenis pengujian ini, varian pertama adalah yang menampilkan halaman dengan tampilannya saat ini, tanpa CSS tambahan.
Editor pengujian A/B gaya CSS dengan Pengujian A/B Nelio. Untuk setiap varian tambahan, Anda dapat mengeditnya untuk menambahkan aturan CSS tambahan yang mengubah warna tombol. Aturan CSS yang Anda perlukan akan bergantung pada tema yang Anda gunakan di WordPress. Di editor CSS yang disediakan oleh Nelio A/B Testing, Anda dapat melihat secara real time bagaimana aturan CSS baru Anda mengubah tampilan dan nuansa situs Anda. Ini akan membantu Anda memeriksa apakah Anda melakukannya dengan benar. Aşağıda, hazırladığımız her A/B test varyantının CSS stil düzenleyicisinin eylem düğmesinin görüntülenmesidir. Yukarıda belirtildiği gibi, önce turuncu bir düğme ile orijinal sürümünüz var. Düğmeyi yeşil ve kırmızı olarak değiştirmek için CSS dahil iki varyant, her biri: sayfanın orijinal sürümü.
Eylem düğmesine sahip sürüm yeşildir. Kırmızı eylem düğmesine sahip sürüm. Varyant hazır olduktan sonra CSS: Turuncu (Orijinal), Green (birinci varyant) ve kırmızı (ikinci varyant) testinde test edilecek versiyon, şimdi ölçmek istediğimiz dönüşüm hedeflerini belirleme zamanı. Bu durumda, test editörünün taranmasında görebileceğiniz gibi, iki hedefimiz var. İlk hedef eylem düğmesini tıklatır, ikincisi de tıklamayı ölçeriz, ancak yalnızca Nelio içerik fiyat sayfasında tıklamalar oluşur.
Son olarak, A/B CSS testinin tüm web sitesi sayfalarınızı etkileyeceğini unutmayın. A/B Nelio testinde bu davranışı sınırlamak için, A/B test düzenleyicisinin sağ tarafında, testin kapsamını sınırlama seçeneğiniz vardır. Bunu yalnızca Nelio içeriğinin ve fiyat sayfalarının ana sayfalarını etkileyecek şekilde yaptım. Teste başlayacak her şeye sahibiz. Bunu yaptıktan sonra, A/B Nelio testi sizin için bu iki sayfayı ziyaret eden trafiği bölmek ve farklı renk varyantlarını görüntülemek ve dönüşüm izleme (düğmeye tıklayın) ile görevlendirildi.
Unutmayın, sadece sonuçları görmeye başlamak için ziyaretçilerin sayfayı izlemesini beklemeniz gerekir. Sonuçları analiz ederek Web sitemizdeki düğmenin renginden İspanyol web sitesinde bir buçuk ay ve İngilizce web sitesinde neredeyse bir ay boyunca A/B testi gerçekleştirdik. İngilizce versiyonda daha önce durduruyoruz çünkü yüksek güven değerleriyle istatistiksel olarak daha hızlı önemli sonuçlar elde ediyoruz. Ancak web sitemizdeki test sonuçlarıyla başlayalım: Web sitesinin İspanyolca sürümü için CSS tarzı test sonuçları. İlk hedef verileri. Yukarıdaki ekran görüntülerinde görebileceğiniz gibi, her iki sayfaya da tıklamayı ölçmek amacıyla, yeşil ve kırmızı düğme varyantlarının orijinal turuncu sürümden daha iyi performans gösterdiği görülüyor. Bununla birlikte, istatistikler bize artışın önemli olmadığını ve bu nedenle bu renklerin turuncudan daha iyi olduğunu söyleyemeyiz.
Yalnızca Nelio içerik fiyat sayfasını tıklayan ikinci amaç için, net bir zafer rengi olmadığını da görüyoruz. Burada yeşilin turuncudan ne kadar daha kötü performans gösterdiğini bile gözlemleyebiliriz. Her ne kadar ziyaretçilerimizden Nelio A/B testi tarafından toplanan verilerle güçlü sonuçlar çıkaramayız:
Web sitesinin İspanyolca sürümü için CSS stil test sonuçları. İkinci hedef verileri. Şimdi sayfanın İngilizce sürümündeki test sonuçlarına bakalım. Burada, iki Nelio içerik sayfasından birini tıklayan ilk hedefte, yeşil ve kırmızı’nın daha iyi tıklamalar üreten renkler olduğunu görüyoruz.
Web sitesinin İngilizce sürümü için CSS stil test sonuçları. İkinci hedef verileri. Bunu gördükten sonra, Green’in Nelio içerik sayfasındaki İngilizce kitleniz için en uygun renk olduğunu söyleyebiliriz. Bununla birlikte, İspanyolca kitleniz için, zaten sahip olduğumuzdan daha iyi çalışan renkler bulamadık. Sonuç burada, web sitemizdeki en ilgili iki sayfayı keşfeden ziyaretçilerin gerçek verileriyle A/B testinin sonuçlarını gösteriyorum. Ve belirli kitleler için en uygun olanın farklı kitleler için en iyi şekilde çalışması gerekmediğini kontrol edebilirsiniz. Yeşil düğme, İngilizce konuşan ziyaretçilerimiz için en iyi şekilde çalışır. Ancak bu, diğer ziyaretçiler için de aynı şey anlamına gelmez. Bu nedenle, bu sayfanın İngilizce sürümünde yalnızca Nelio İçerik Sayfası Eylem düğmesinin rengini yeşil olarak değiştiririz. İspanyolca’da turuncu kalıyor.
