7 Basit ve Yeni Başlayanlar için Beyin Deneyleri Olmadan A/B
Pazarlamacılar, geliştiriciler, site yöneticisi – Kim olursanız olun, A/B testi yapan kişileri sevmelisiniz.Bir gün masalarına oturduklarını, müşterinin web sitesini revize etmek için ne kadar zaman harcadıklarını hayal kırıklığına uğrattıklarını, ancak sonunda gösterilecek küçük sonuçlarla hayal kırıklığına uğrattıklarını hayal etmek istiyorum.O zaman gerçek ampuller başlarının üstünde görünür ve ortaokullarda ne kadar şaşırtıcı (veya daha gerçekçi, yardım) bilimsel yöntemleri hatırlarlar.Voila!A/B testi doğdu.(En azından hayal ettiğim buydu.) Şimdi, en azından onunla oynamak için zamanınız olmasa bile A/B testinin ne olduğunu bilmek zorundasınız.Değilse, A/B testi için WPMU Dev’in ana kılavuzuna bakın.Bu, A/B testinin ne olduğundan başlayan her şeyi, çeşitli A/B testi türleri, ne tür ideal A/B testi ve testi sitenizde çalıştırmak için kullanabileceğiniz araçları içerir.
Ziyaretçilerinizin çoğunluğunun web sitenize veranda aracılığıyla girmesi muhtemeldir, bu yüzden insanların ilerlemelerini ilham veren tetikleyicileri bilmek veya bunu yapmalarını engelleyen sürtünmenin üstesinden gelmek çok önemlidir.Bugünün makalesi, WordPress sitenizin performansını artırmak ve bu hedefleri gerçekleştirmek için A/B’yi test ederek neler yapabileceğinize odaklanacaktır.8 Basit A/B Testi Ana sayfanızda çalışmanız Gerekir.Bu çok değişkenli test, ihtiyacınız olan şey için çok karmaşık olabilir.Bunun yerine, başlayabileceğiniz basit A/B testine odaklanalım.Ana sayfadaki her öğeyi ne kadar mükemmelleştirebilirseniz, sitenizde dönüşümü neyin teşvik edeceği konusunda sahip olduğunuz fikirler o kadar iyi olur.
Buraya geçmeden önce bir kelime uyarısı: Kaçınılmaz olarak A/B testine gitmeyin.Ortaokul kimya sınıfında yaptığınız deneyler gibi, kullanıcının ana sayfadaki deneyiminde neyin yarattığı hakkında bir hipoteziniz olması gerekir.Emin değilseniz, Google Analytics’inizi kazmak için zaman ayırın.Sıcak bir harita cihazınız varsa, bkz.Bu size en çekici sayfada hangi yeri gösterecek ve sizi daha fazla sevgi gerektiren zayıf bir yere yönlendirecektir.En az bir teori formüle ettikten sonra, ana sayfanızda atıfta bulunulan öğeleri değiştirmek için A/B testi kullanmaya başlayın.Teorinizi hızlı bir şekilde doğrulayabilir ve sorunu en başından beri üstesinden alabilir veya sonuçlardan gerçekten şaşırabilirsiniz.
Aşağıda, ana sayfada deneyebileceğiniz basit A/B testi için 8 öneri ekledim. Ayrıca, benzer testler yaparken diğer insanların ne tür bir fikir bulduğunu görebilmeniz için A/B test vaka çalışmaları örnekleri de verdim. Sonuçların herkes için farklı olacağını unutmayın. Sadece A/B test amacıyla bir elementin bazı varyanslarını yapmanın ne kadar kolay olduğunu göstermek istiyorum. Test #1. Ana sayfanızdaki en iyi paro’daki editoryal görüntü ana gayrimenkuldür, bu da aslında orada ne olduğuna karar vermeyi zorlaştırır. Resim ve kısa başlık yeterli mi? Ya video arka planı? Bir paralaks rulosu olmalı mı? Ya da kayıt formunuz ön ve ortada olmalıdır? Yapılması gereken çok az alanla alınması gereken birçok karar. Sitenizin şu anda ana başlık konumunda olan görüntüleri varsa, bu A/B testinize başlamak için iyi bir yer olabilir. Sinyal v. Bu gürültü, daha etkili bir ana sayfa tasarımı için neler yapıldığını belirlemeye çalışırlar.
Farklı görüntüleri test ettikten sonra, bu test başarılı bir şekilde gülümseyen bir gülümsemenin büyük bir fotoğrafını sonuçlandırdı.
Test #2. Tipografi Belirli bir yazı tipi seçimini “iyi” yapmak için yapılması gereken çok şey var, bu yüzden eminim ki denemek isteyen birçok tasarımcı. Sonuçta, renk, boyut, Kerning, Serif Vs. var. Site Tasarım için bir veya iki yazı tipi seçerken düşünmek için Sans Serif, tamamlayıcı yazı tipi ve daha fazlası. Ama bazen yapılması gerekir. Bazen ziyaretçileriniz için büyük bir fark yaratan küçük bir tipografik facelift. Vaka örneği, kabul eden bu AMEX’in bir örneğidir. Köprü yazı tiplerinde gerçekten iki ayrı A/B testi çalıştırıyorlar. İlk test, alt hat ve kalın gibi kuvvetlerin dönüşümü etkileyeceğini göstermeyi amaçlamaktadır. Buldukları şey, stil eksikliğinin alternatif seçeneklerden daha iyi performans göstermeye devam etmesidir, bu nedenle başlangıç noktasında geride kalırlar. Testler 28 gün sürer ve yaklaşık 3100 site ziyaretçisi bu testin bir parçasıdır.
İkinci testte, 12 ila 18 piksel arasında değişen altı farklı yazı tipi boyutu varyasyonu yaptılar. Testin sonunda, 18 piksel tasarımını kazanan olarak ilan ettiler, çünkü neredeyse% 33 daha fazla tıklama üretti. Test #3. Mesajlaşma, sitenizdeki kelimeleri ne kadar dengeleme eyleminin gerçekten komik. Marka kişiliğinizi aktarmalarını istiyorsunuz. Ziyaretçilerinizin dikkatini çekecek kadar kısa olmalarını istiyorsunuz, ancak dönüştürmeye karar vermeleri için gereken tüm bilgileri yakalamak için yeterince uzun. Ve bunun doğal, profesyonel ve şaşırtıcı gelmesini istiyorsunuz. Kolay bir iş değil, değil mi? Bu nedenle A/B’yi test etmek, mesajınızın ne kadar dost olduğunu belirlemek için çok yararlıdır – başlıkta, harekete geçmeye davet ve tanımlayıcı bir metin gövdesinde.Bu testte, ana sayfaların üst kısmındaki ana başlıkların nasıl yazıldığı ile oynadılar.Bir tasarımın daha az metin ve daha büyük yazı tiplerinde olduğu görülse de,% 38 daha fazla dönüşüm üreten kelimelerin seçiminde daha özlü bir başlık ve varyasyonlara sahip başka bir sürümdür. Spoiler UYARI: Seçenek B kazanır.
Test #4.CTA Teklifi CTA hakkında konuşurken, farklı içerik pazarlama uzmanlarının size farklı şeyler anlatacağını göreceksiniz ve bunun nedeni muhtemelen bu farklı şeylerin her birinin onlar için doğru olduğu kanıtlanmıştır.Örneğin McDonald’s için Brooks Bell tarafından toplanan A/B testini ele alalım.
Teorileri üzerinde herhangi bir test yapmamış olsalar da, şirketin sloganları için bir dizi seçenek ve McDonald’ın izleyicilerinin neden her sloganı alacağını düşündükleri nedenler sunuyorlar.Sloganları alıp harekete geçme daveti için bunları A/B testlerine dönüştürürsek, aynı mantık kullanılabilir.Örneğin, “Bugün bir mola vermeyi hak ediyorsunuz” müşteri ağrısı hakkında çok iyi konuşacak.Bir kez daha, ziyaretçilerinizi dönüştürmek için en iyi teklifin ne olduğunu öğrenmek size kalmış.Belki ücretsiz bir değerlendirme, belki de acılarını anladığınızı veya belki de “buraya kayıt” kadar basit olduğunu bildirin.Test edilmeyi seçerseniz seçin, ana sayfaya ilk girdiğinizde ziyaretçinizin zihniyeti ile ilgili olduğundan emin olun. Test #5.CTA Design, CTA için daha fazla tavsiye, eğer düşünürseniz mantıklı.Oyunculuk davetiniz genellikle ziyaretçileriniz için belirleyici bir noktadır.Her şeyi oraya koydun, “Hey, buraya bak!Kayıt olmaya hazır mısınız? “Ve sonra bir sonraki adımı atmak ziyaretçilerinize kalmış.Yani evet, CTA’nın birçok potansiyel varyasyonu var: renk, boyut, yerleşim, yazı tipi seçimi, düğme tasarımı vb.Web tasarımında renklerle oynamak yeni bir konsept değildir.Ancak, CTA’nız için A/B testinde kullanmak sizin için uygun olabilir.Örneğin bu vaka çalışmasını HubSpot’tan alın.Kırmızı CTA düğmesini icra edilebilir web sitesinde yeşil düğmeyle çekti.Her rengin iyi çalışacağını düşünmelerinin iyi nedenleri vardır, ancak test ile gösterildiği gibi, kırmızı düğme% 21 ile daha fazla tıkır.
Test #6. Navigasyon Çivileme WordPress siteniz için mükemmel navigasyon öğrenmek zaman alabilir. A/B testi ile, navigasyon menünüzün tam tasarımınızı yapmak, düzeni gelenekselden mega veya hamburger’e değiştirmek veya hatta tüm bağlantıların adlarını değiştirmek konusunda endişelenmenize gerek yoktur. Düzeltmek için yapılabilecek küçük iyileştirmeler fikrine sahip olduktan sonra (belki de havada makaranın renginin sadece farklı olması gerekir), o zaman yeni varyasyonları denemeye başlayabilirsiniz. FormStack’ten Jeff Blettner ile yapılan bir röportajda, navigasyonlarındaki bağlantının adlandırılmasındaki basit değişikliklerin% 47 daha fazla sayfa ekranı ve% 8 daha fazla dönüşüm ürettiğini tartıştı. Onlar için bu, sayfanın sınırlı bir alanda ne olduğu hakkında daha net bir şekilde açıklamak için bir sorundur, bu da ziyaretçiler tarafından sayfanın ne olduğu konusunda deneyimlenebilecek sürtünmeyi (karışıklık) azaltır. Test #7. Ana sayfanızın sayfa uzunluğunun uzunluğu, ziyaretçileri iş konseptinize satmak için ne kadar bilgi iletmeniz gerektiğine göre gerçekçi bir şekilde belirlenmelidir. Bu, Basecamp proje yönetimi çözümü gibi bir şey kadar basit olabilir. Ancak ana sayfalarını görürseniz, komik grafikler, müşteri referansları, güven oluşturucular ve sayfaların geri kalanını oluşturmak için basit ama ilginç zaman çizgileri kullandıkları sürece oldukça uzun olduğunu göreceksiniz. Ancak, Basecamps gibi ünlü markalar için işe yarayan şey sizin için uygun olmayabilir. Birçok haber widget’a mı ihtiyacınız var? Referanslar, satın alma işlemi yapmak için ziyaretçilerinize daha fazla güvene geçmeye yardımcı olacak mı?
Ya da belki sadece bir damla kutusu gibi kısa ve tatlı yaptın mı? A/B testiniz hakkında bilmeniz gereken budur. Burada Long Yard Tasarımından daha kısa alternatiflerle rekabet eden dört örnek var. Çalışmanın sonuçları, CTA potansiyel müşterinizden para harcamasını istediğinizde, daha uzun ev sayfaları tasarımının onu dönüştürmek için daha iyi işlev gördüğünü kanıtlamaktadır. Bununla birlikte, bu düşük maliyetli bir taahhütse (ücretsiz deneme yerine bir e -posta göndermek gibi), daha kısa bir tasarımın daha iyi bir kaderi vardır. Yatırımcıdan sonra verandayı daha kısa ve pipedrive (başlangıçta) isteksizce isteksiz hale getirirler. Test, yönetim araçları satış kanalı%300 kayıt artışına ulaşır.
Bu unsurların her biri, markanız için en uygun olanı kişisel yansıtmanızı gerektirecektir. Bu nedenle, video başlığının arka planının gerçek müşteri fotoğrafınızdan daha iyi çalışması durumunda veya menünüzü bir hamburger menüsü olarak bulmak ve dinvigasyonun geleneksel bir menüden daha kolaysa, deneyin. En iyi (ve en doğru) sonuçlar için A/B testinizde elmalarla karşılaştırmayı unutmayın. Gördüğünüz gibi sarın, her zaman ana sayfa tasarımının zayıf bir noktası olan harekete geçme daveti değil (düşünmesi kolay olsa da). Bazen başlık görüntüsünde veya sayfa uzunluğunda kullandığınız yazı tipi türü kadar basit. Ve her web sitesi farklı olduğundan, farklı seçenekleri test edene kadar dönüşüm için en uygun durumu gerçekten bilemezsiniz. Kendi yüksek kaliteli A/B test aracınızı bulun ve bugünkü testleri yapın!
Size: Ana sayfanızın şu anda ziyaretçilerin dönüştürmek istememesinden ve neden?
Test Ortamı
