Kırmızı butonların dönüşüm oranını artırdığı iddiası bir efsane mi? HubSpot’un ünlü A/B testinin ardındaki gerçek kontrastı ve CTA rengi seçim rehberini keşfedin.
Dijital pazarlamada herkesin bir yerlerde duyduğu bir cümle var: “Sadece Bir Buton Rengi Değiştirilerek Kazanç Sağlanabilir. Özellikle Kırmızı Olanlarla…”
Bu iddia o kadar sık tekrarlandı ki artık bir kural gibi kabul ediliyor. Oysa efsanenin dayandığı testi biraz kurcalayınca, hikâyenin hiç de anlatıldığı gibi olmadığı ortaya çıkıyor.
Her Şey 2011'deki Tek Bir Testle Başladı
2011'de HubSpot (o zamanki adıyla Performable) ana sayfasında basit bir A/B testi yaptı: yeşil buton mu, kırmızı buton mu?
Metin aynı, görseller aynı, sayfa düzeni aynı. Değiştirdikleri tek şey butonun rengiydi.
Sonuç: kırmızı buton %21 daha fazla tıklama aldı.
Bu rakam kısa sürede yüzlerce blog yazısında, sunumda ve LinkedIn gönderisinde “kırmızı satar” diye özetlendi. Ve efsane doğdu.
Kimsenin Bahsetmediği Detay: Sayfa Zaten Yeşildi
İnsanların odaklandıkları tek şey sonuçtu. Bu yüzden ‘ufak’ bir detayı kaçırdılar ve işin can alıcı noktası burası: test edilen sayfanın ana renk şeması yeşildi.
Yani yeşil buton, arka planla kaynaşıp neredeyse görünmez hale geliyordu. Kırmızı ise sayfadaki tek zıt öğeydi ve göz doğrudan oraya kayıyordu.
Kazanan renk değildi. Kazanan kontrasttı.
Aynı testi kırmızı ağırlıklı bir sayfada yapsaydınız, muhtemelen yeşil buton kazanacaktı.
İşin ironik tarafı: Bunu ilk söyleyen HubSpot'un kendisiydi. Orijinal yazıda yeşilin zaten Performable'ın renk şemasında olduğu, kırmızının bu yeşille güzel bir kontrast yaratmış olabileceği ve sonuçların genellenemeyeceği açıkça belirtiliyordu. Efsaneyi yaratan test değil, testin sadece başlığını okuyanlar oldu.
Çelişen test sonuçları bunu doğruluyor
Eğer kırmızının gerçekten sihirli bir gücü olsaydı, başkaları tarafından daha sonra yapılan sonuçlar birbirini tutardı. Tutmuyor:
Dmix, 600 kişilik bir testte kırmızı butonla dönüşümü %34 artırdı ama o sitede de baskın renk yeşildi.
VWO, bir e-ticaret sitesinde benzer bir test yaptı; turuncuya yakın kırmızı buton yalnızca %5 fark yarattı.
Farklı çalışmalarda turuncu, pembe, parlak yeşil ve hatta beyaz butonların kırmızıyı geçtiği görüldü.
Ortak nokta hep aynı: kazanan buton, sayfanın geri kalanından en çok ayrışan butondu.
Bilim ne diyor?
Akademik tarafta da “tek doğru renk” fikrini destekleyen bir bulgu yok:
Labrecque ve Milne (2012), rengin marka algısını yalnızca markanın vaat ettiği şeyle uyumlu olduğunda değiştirdiğini gösterdi. Rengin tek başına ortaya çıkardığı bir sihir yok.
2020'de 30 ülkede 4.598 kişiyle yapılan geniş çaplı bir araştırma, renk ve duygu ilişkisinin büyük ölçüde evrensel olduğunu, ancak dil ve kültürden etkilendiğini ortaya koydu.
Kısacası renk, tek başına değil; bağlam içinde anlam kazanıyor.
O zaman ne yapmalı? Pratik yol haritası
Buton rengi seçerken renk psikolojisi listelerine bakmak yerine şu adımlara bakın:
1. Kontrastı ölçün, tahmin etmeyin. Butonunuz arka plandan net şekilde ayrışıyor mu? WCAG erişilebilirlik standardına göre buton üzerindeki metnin kontrast oranı en az 4.5:1, butonun kendisinin arka plandan ayrışma oranı ise en az 3:1 olmalı.
2. CTA rengi, paletinizin “en az kullanılan” rengi olsun. Sayfanın her yerinde olan bir rengi butona verirseniz, buton kaybolur.
3. Tek değişkenle test edin. Aynı anda hem rengi hem metni değiştirirseniz, kazananın neden kazandığını asla bilemezsiniz.
4. Yeterli veriye ulaşmadan karar vermeyin. 100 ziyaretçilik bir testin sonucu, şansla açıklanabilecek bir farktır.
5. Renkten önce daha büyük kaldıraçlara bakın. Buton metni, sayfadaki konumu ve çevresindeki boşluk, genellikle renkten çok daha fazla etki yaratır.
Kopyalanacak bir “kazanan renk” yok
Buton rengi efsanesi, tek bir testin bağlamından koparılıp genel bir kurala dönüştürülmesinin güzel bir örneği.
Başkasının sitesinde kazanan renk, sizin sitenizde kaybedebilir. Çünkü kullanıcı rengi değil, fark edilebilirliği görüyor. Bu yüzden bağlama odaklanmak ve buna göre kurgu planlamak gerekiyor.
Bir sonraki testinizde şu soruyu sorun: “Bu butonu 3 saniye bakan biri ilk bakışta bulabilir mi?”
Cevap evetse, rengin adı çok da önemli değil.
Kaynakça
Testler ve vaka analizleri
HubSpot (Performable) – The Button Color A/B Test: Red Beats Green — blog.hubspot.com
CXL – Which Color Converts the Best? (Dmix ve VWO test verileri) — cxl.com
OptinMonster – Which Is the Best Call to Action Button Color, According to Research? — optinmonster.com
Adobe – The Impact of Color on Conversion Rates — blog.adobe.com
EyeQuant – What Is the Best Color to Use for Call-to-Action Buttons? — eyequant.com
Nordlys – Renk psikolojisi ve marka algısı — nordlys.io
Akademik çalışmalar
Labrecque, L. I. & Milne, G. R. (2012). Exciting red and competent blue: the importance of color in marketing. Journal of the Academy of Marketing Science, 40(5), 711–727. doi:10.1007/s11747-010-0245-y
Jonauskaite, D., Abu-Akel, A., Dael, N. ve ark. (2020). Universal Patterns in Color-Emotion Associations Are Further Shaped by Linguistic and Geographic Proximity. Psychological Science, 31(10), 1245–1260. doi:10.1177/0956797620948810
