Arayüz öğeleri
Dolu buton mu, çerçeveli buton mu daha çok tıklanıyor?
Dolu birincil buton genellikle çerçeveliden daha fazla görsel ağırlık taşır. Bu fark aksiyonun keşfini etkileyebilir ama çevredeki arayüz de önemlidir. İkincil kontrolleri ve rol ayrımını koruyarak birincil kontrolün stilini karşılaştır.
A/B test senaryosu. Bu sayfa bir test planıdır, gerçek bir deney sonucu içermez.
- Arayüz öğeleri
- Aksiyon Tamamlama Oranı
Seçenek A / Seçenek B
İki alternatif; hiçbiri mevcut hâl değil.
- Değişen
- buton stili
- Sayfa
- Arayüz öğeleri
- Değişiklik
- değişti
Dolu (arka planı renkli) buton
Çerçeveli (içi boş) buton
Dolu (arka planı renkli) buton
Çerçeveli (içi boş) buton
Hipotez
Dolu buton çevresindeki arayüzden genellikle daha güçlü ayrıştığı için birincil aksiyonu daha kolay fark ettirebilir; çerçeveli buton ise daha hafif durur ve diğer içerikle daha az yarışır. Bu, dolu stili aksiyon tamamlama oranında öne geçirebilir; sade bir arayüzde ise iki stil arasındaki fark küçük kalabilir.
Test planı
Ne zaman değerlendirilmeli?
Isı haritasında birincil buton atlanıyorsa, oturum kayıtlarında ziyaretçiler aksiyonu arıyorsa ya da birincil buton tıklamaları ikincil kontrollere gelen tıklamalarla neredeyse aynı kalıyorsa buton yeterince fark edilmiyor olabilir; stil karşılaştırması tam bu durumda işe yarar. Görsel ağırlık gerçekten belirleyiciyse daha belirgin stil, ikincil aksiyonları zorlaştırmadan birincil aksiyonun tamamlanmasını artırır. Ziyaretçiler butonu görüp yine de ilerlemiyorsa sorun teklifte ya da sonraki adımda olabilir, önce onlara bak. Test öncesinde çerçeveli butonun arka planla aynı tona düşmediğini ve iki stilin de kontrast eşiğini karşıladığını doğrula.
Başarı nasıl ölçülmeli?
Aksiyon Tamamlama Oranı
Birincil butonun yönlendirdiği aksiyonu tamamlayan uygun atanmış ziyaretçilerin oranını karşılaştır; yalnızca tıklamaya bakma.
Ayrıca izle
- Birincil Buton Tıklama OranıBirincil buton tıklamasını atanan uygun ziyaretçiler içinde karşılaştır.
- İkincil Aksiyon Tamamlama Oranıİkincil aksiyonun tamamlanmasını ölç; buton stili nedeniyle erişim zorlaşmamalı.
- Birincil Aksiyon Tamamlama OranıBirincil CTA'nın yönlendirdiği gerçek aksiyonun tamamlanmasını atanan ziyaretçiler içinde karşılaştır.
Test nasıl kurulmalı?
- StilDolu birincil kontrolü çerçeveli versiyonuyla karşılaştır.
- Hiyerarşiİkincil kontroller ve rolleri değişmez.
- KapsamTanımlı kapsamdaki eşdeğer birincil CTA örneklerine atanan stili uygula.
- BağlamÇevredeki içerik ve yerleşim korunur.
- CihazMasaüstü yanında mobil okunabilirlik ve hedef boyutunu kontrol et.
Sonuç yorumlanırken nelere dikkat edilmeli?
- 1Birincil buton tıklama oranındaki artış tek başına yeterli değildir; daha görünür bir buton tıklamayı artırıp tamamlamayı aynı ölçüde artırmayabilir. Ölçüt birincil aksiyonun tamamlanmasıdır. İkincil aksiyon tamamlama oranı düşüyorsa belirgin stilin ikincil yolu ulaşılmaz hâle getirip getirmediğine bak.
- 2Kontrast eşiğini karşılamayan bir stil, metrikte önde olsa bile kazanan sayılmaz. Farkın yalnızca dolu ve çerçeveli biçimden geldiğini söyleyebilmek için iki kolda aynı buton rengini kullan; renk de değiştiyse iki etkiyi ayıramazsın.
- 3Bulguyu tanımlı kapsamdaki birincil CTA'lar ve bu çevre tasarımıyla sınırlı tut; mobilde okunabilirliği ve dokunma hedefi boyutunu ayrı oku. Fark belirsizse iki kolun ziyaretçi ve aksiyon tamamlama sayılarını A/B test anlamlılık hesaplayıcısına gir; anlamlı çıkmayan bir fark iki stilin eşit olduğunu göstermez.
Sık Sorulan Sorular
Birincil buton tıklaması artarsa bu yeterli mi?
Tıklamayı açıklayıcı olarak raporla. Daha görünür bir buton daha çok tıklama getirip tamamlamayı aynı ölçüde artırmayabilir. Kararı CTA’nın yönlendirdiği aksiyonu tamamlama oranı ile ver.
İkincil aksiyonların etkilenip etkilenmediğini nasıl kontrol ederim?
İkincil aksiyon tamamlama oranını ölç ve buton stili nedeniyle erişimin zorlaşmadığından emin ol. Birincil butonu belirginleştirirken ikincil aksiyonu erişilemez yapma. Bu testte ilgisiz ikincil kontrolleri yeniden tasarlama.
Çerçeveli varyant kazanırsa hemen yayına alabilir miyim?
Önce kontrast eşiğini karşıladığını kontrol et, karşılamayan bir varyant kazanan ilan edilmemeli. Çerçeveli butonun arka planla aynı tona düşüp görünmez olmadığından emin ol. Mobil okunabilirliği ve hedef boyutunu da doğrula.
Arayüz öğeleri kategorisinden diğer testler
Tüm testlerİkincil aksiyonu bağlantı mı, buton mu yapmalı?
Arayüz öğeleriToplam Aksiyon Tamamlama Oranı
Buton sunumu ikincil yolu fark etmeyi kolaylaştırabilir. Metin bağlantısı daha az görsel ağırlık taşıyıp birincil aksiyonla daha az yarışabilir. İki versiyonda gerçek aksiyonu ve uygun semantik öğeyi koru; bu kontrolün işlevini değil görsel sunumunu değiştirir.
Buton stillerini tüm sayfada tutarlı tutmak fark yaratır mı?
Arayüz öğeleriToplam Aksiyon Tamamlama Oranı
Tekrarlanan görsel kurallar sayfa boyunca kontrolleri tanımayı kolaylaştırabilir. Tutarsız stiller aynı aksiyonu bulmayı zorlaştırabilir; ayrım gözetmeyen tek tip sunum ise yararlı farkları silebilir. Birincil ve ikincil roller için ayrı sunumları olan tek tutarlı stil sistemi kullan.
'Satın al' mı, 'Fiyatı gör' mü daha çok ilerletiyor?
Arayüz öğeleriSatın Alma Dönüşüm Oranı (CR)
“Fiyatı gör”, “Satın al”dan daha küçük sonraki adım çağrıştırır. Daha çok alıcı olmadan daha çok tıklama getirebilir. Bu ifade karşılaştırmasını yalnızca değişmeyen hedef iki etiketi de doğru karşılıyorsa çalıştır; hedef anında alımı tamamlıyor veya yalnızca teklif veriyorsa uyuşmazlığı önce çöz.