Renk, dünyayı nasıl deneyimlediğimizin önemli bir parçasıdır. Ancak, dönüşüm optimizasyonu için renkler gerçekten önemli mi? Bir düğme rengi, harekete geçirici mesaj (CTA) için daha iyi performansı garanti edebilir mi?
Hiçbir renk diğerinden daha iyi değildir.Sonuçta önemli olan, bir düğme renginin etrafındaki alanla ne kadar zıt olduğudur.
Bu gönderi, web sitesi CTA'ları ve düğme renkleri için gerçekten neyin önemli olduğunu açıklar. Okuduğunuz "kesin" çalışmalar kesin olmaktan uzaktır ve teste yönelik yüzeysel bir yaklaşım (yani herhangi bir rastgele düğme rengini deneyin) sıkı bir deney programı oluşturmanıza yardımcı olmaz.
Dönüşüm Optimizasyonu Kursu
Peep Laja tarafından
Anket soruları, dönüşüm optimizasyonu pastasının yalnızca bir parçasıdır. Bu ücretsiz kursta tüm dönüşüm araştırmalarınızı nasıl optimize edeceğinizi daha ayrıntılı olarak öğrenin.
Renklerin psikolojik çağrışımları
Farklı renkler bizi yükseltebilir veya aşağı çekebilir. Renklerin psikolojik bir yanı da vardır; belirli renkler farklı nitelikler ve duygularla ilişkilendirilir.
Farklı kültürlerde, farklı renkler birbiriyle çelişen şeyler anlamına gelir. Örneğin Çin kültüründe beyaz yas ve ölümün rengi iken Brezilya'da ölümün rengi mordur. Sarı, Hinduizm'de mutluluğu ve barışı sembolize ederken, Yunanistan'da üzüntüyü ve Fransa'da kıskançlığı temsil eder.
Tropikal ülkelerden insanlar sıcak renklere olumlu tepki verir; kuzey iklimlerinden gelen insanlar daha soğuk renkleri tercih eder vb.
Ayrıca, Kuzey Amerika kültüründe mavi rengin güven duygusu yarattığı ama aynı zamanda iştahı da teşvik ettiği söylenir. Yeşil, sözde doğa, tazelik, büyüme ve para anlamına gelir. Sarı, beraberinde güneş ışığını ve mutluluğu getirir.
Orada bu yorumların bazı gerçekler, ama biz dönüşüm asansörleri Bu sözde dernek çevirebilir?
Renk kullanımıyla ilgili deneyler
Kırmızı sizi bir kazanan yapabilir…
Neredeyse evrensel olarak kırmızı, dur anlamına gelir. Kırmızı tehlike demektir. Kırmızı, sıcak demektir. Araştırmacılar, 2004 Olimpiyatlarının sonuçlarını analiz ederek kırmızının aynı zamanda hakimiyet anlamına geldiğini buldular.
Boks, tekvando, Greko-Romen güreşi ve serbest stil güreşi, temelde bire bir sporları incelediler. Bu sporlarda, yarışmacılara rastgele kırmızı veya mavi kıyafetler atanır, bu nedenle arma yapmak mümkün değildir.
Kırmızı kıyafetli yarışmacılar, renkler rastgele atandığında bile Olimpiyatlarda (biraz) daha iyi performans gösterme eğilimindedir. (Resim kredisi )
21 raundun 16'sında kırmızı giyenler kazandı. Benzer eğilimler 2004 Avrupa Futbol Şampiyonası'nda da görüldü. Araştırmacılar, etkinin en iyi ihtimalle ince olduğuna dikkat çekiyor. Ve bu kırmızı, yalnızca eşit olarak eşleşen rakipler arasında belirleyici bir faktör olabilir - ama yine de var.
Durham Üniversitesi araştırmacıları Russell Hill ve Robert Barton, “Kırmızı giymenin sürekli olarak daha yüksek kazanma olasılığı ile ilişkili olduğunu bulduk” dedi.
…ya da bir kaybeden
Rochester Üniversitesi'ndeki araştırmacılar, kırmızı rengin testlerde elimizden gelenin en iyisini yapmamızı engelleyebileceğini buldu. Deneylerinde, kırmızı algısının IQ testlerinin veya büyük akademik sınavların sonuçlarını etkileyip etkilemeyeceğini öğrenmek istediler. Akademik bir bağlamda, kırmızı renk geleneksel olarak işaretleme hatalarıyla ilişkilendirilir.
Dört deney, rengin sadece kısa bir algılanmasının sonuçlar üzerinde olumsuz bir etkisi olduğunu gösterdi. “‘Bu onların bilgisi olmadan kötü yapmak insanları açtı,’Elliot, yazarlardan biri söyledi.
Araştırmacılar, “başarı bağlamlarında kırmızının nasıl kullanıldığına dikkat edilmesi gerektiğini” ve rengin davranış üzerinde önemli etkileri olan ince bir çevresel ipucu olarak nasıl hareket edebileceğini gösterdiğini gösterdi.
Sıcak çikolatanın rengi ve tadı
O sıcak çikolatayı bu kadar iyi yapan nedir? İçtiğiniz kabın rengi olabilir. (Resim kredisi)
Yiyecek ve içeceklerin servis edildiği kabın renginin algılanan tada katkıda bulunduğu ortaya çıktı. Araştırmacı Betina Piqueras-Fiszman, en azından sıcak çikolata içmek için bu doğru, diye açıklıyor.
Piqueras-Fiszman ve araştırma ortakları, 57 katılımcıya beyaz, krem, turuncu ve kırmızı olmak üzere dört farklı renkteki kaplarda servis edilen sıcak çikolatayı örnekledi. Hepsi aynı boydaydı ve hepsinin içi beyazdı.
Turuncu ve krem renkli kaplarda servis edilen sıcak çikolatanın lezzeti katılımcılar tarafından daha iyi değerlendirildi. Bununla birlikte, renk ne olursa olsun, tatlılık ve aromanın benzer olduğuna karar verildi.
Piqueras-Fiszman, "Tat ve aromanın belirli bir renk veya tonda bir fincanda geliştirildiğini belirten sabit bir kural yoktur" dedi. “Aslında bu, yiyeceğin türüne göre değişir, ancak gerçek şu ki, bu etki meydana geldikçe, sanıldığından daha fazla potansiyele sahip olduğu için kabın rengine daha fazla dikkat edilmelidir.”
Renk, atletik performansımızı, akademik başarımızı ve zevk algımızı etkileyebiliyorsa, tıklama kararımızı da etkileyebilir mi?
CTA düğmeleri için en iyi renk nedir?
Kırmızı, sporda kazanma şansınızı artırabilir. Bir sonraki sıcak çikolatanız turuncu bir kapta daha lezzetli olabilir. Ancak bunun web'deki dönüşümlerle ne ilgisi var? Kırmızı, CTA düğmeniz için size gerçekten bir avantaj sağlıyor mu?
Yeşile karşı kırmızı: Bir harekete geçirici mesaj düğmesi savaşı
Yıllar boyunca, CTA düğmeniz için hangi rengin en iyi dönüştüğü konusunda tartışmalar oldu. Unbounce, CTA düğmelerinin geleceğinin “BOB” (Büyük Turuncu Düğmeler) olduğunu açıkladı.
Ayrıca, turuncu veya çoğunlukla kırmızı bir düğmenin, genellikle yeşil olmak üzere diğer renklere karşı test edildiği bir dizi ilginç A/B testi vaka çalışması vardır.
Bunu düşündüğünüzde, yeşil çoğunlukla olumlu duygularla ilişkilendirilir. Trafik ışıkları yeşile döndüğünde, araba sürebileceğiniz anlamına gelir. Kırmızı ile tam tersi. Renk çoğunlukla olumsuz duygularla ilişkilendirilir.
Peki ne düşünüyorsun?Hangi düğme rengi kazandı? İşte vaka incelemelerinin söyledikleri.
Vaka çalışması 1
Dmix, yeşil ve kırmızı düğme renkleri testi hakkında yazdı. 600 denekle yaptıkları testte, kırmızı bir düğme kullandıklarında dönüşümlerin %34 arttığını buldular .
Örnek olay 2
Resim kredisi
Bir sonraki test HubSpot'un izniyle geliyor. Bir müşteri sitesinde yeşil ve kırmızı düğmelerle benzer bir test yaptılar. Testi birkaç gün boyunca yürüttüler ve toplamda 2.000'den fazla ziyaret gerçekleştirdiler.
Onların sonucu? Kırmızı düğme, yeşil düğmeden %21 daha iyi performans gösterdi.
Örnek olay 3
(Resim kredisi)
Üçüncü test VWO'nun izniyle geliyor. Müşterileri, cep telefonları ve aksesuarları satan bir e-ticaret sitesiydi. Sitede “Şimdi Satın Al” buton renklerini test ettiler. Yarışmada yeşil metinli beyaz buton, beyaz metinli yeşil buton ve beyaz metinli kırmızı (koyu turuncu) buton yer aldı.
Ve kazanan - tahmin ettiğiniz gibi - bu sefer %5'lik bir dönüşüm artışıyla kırmızı düğme oldu .
Örnek olay 4
Resim kredisi
Bu çalışma, kırmızımsı ve yeşil düğmeleri karşılaştırmak yerine, turuncu ve mavi düğmeleri inceledi. Testlerinde mavi düğme kazandı ve %9 artış sağladı.
Mavi düğmelerle “üzgün” olmasına rağmen, diğer çalışmalar tarafından da desteklenen bir eğilim, kırmızı veya kırmızımsı düğmeler baskındı.
Yine de Peep bu yazıda web tasarımındaki renkler hakkında şunları yazmadı:
Naomi Niles'ın şu tweetini beğendim:
Daha fazla anlaşamazdım.Bu tür bir anlatı, insanlara testin ne hakkında olduğu konusunda yanlış bir fikir verir.Evet elbette – bazen renk sonuçları etkiler – özellikle görsel hiyerarşiyi etkilediğinde, harekete geçirici mesajın daha iyi öne çıkmasını sağlar vb.Ancak A/B testinin özü “yeşile karşı turuncu” değildir.Hedef kitleyi anlamakla ilgili.Araştırma ve analiz yapmak sıkıcı olabilir ve kesinlikle zor bir iştir, ancak yapmanız gereken bir şeydir.
Dönüşümlerinize ciddi bir artış sağlamak için dönüşüm araştırması yapmanız gerekir.Ağır kaldırmayı sen yapmalısın.
Dönüşümlerdeki ciddi kazanımlar psikolojik hilelerden değil, müşterilerinizin gerçekten neye ihtiyacı olduğunu, onlarla rezonansa giren dili ve onu nasıl satın almak istediklerini analiz etmekten gelir.Bu, toplam teklifin alaka düzeyi ve algılanan değeri ile ilgilidir.
Düğme rengi örnek olay incelemelerine neden şüpheyle yaklaşmalısınız?
Bunun çok daha anlamlı olmasına yardımcı olacak son bir örneğe bakalım. RIPT Apparel, "Şimdi Satın Al" düğmesinin rengini, kârlılıklarında bir fark yaratıp yaratmayacağını görmek için test etti.
Bu orijinal versiyon:
Resim kredisi
Ve bu yeni düğmeydi:
Resim kredisi
Büyük bir sürpriz olmadan, dönüşüm sayıları arttı. Önceki vakalara bakıldığında, düğmeyi kırmızıya değiştirirlerse daha da iyi dönüşebileceğini söyleyebiliriz. Pek iyi değil.
Orijinaline tekrar bir göz atın. Orada olması gereken ama olmayan bir şey görüyor musun? Orijinalde bir düğme eksik! "Şimdi Satın Al" CTA'sı tasarımda kaybolur. Yeşil, kırmızı, sarı veya çeşitli renklerden herhangi biri olsun, yeni düğmeyi net bir şekilde görebilirsiniz.
Ne yazık ki, düğme renklerinin büyük tartışması bu şekilde başladı. Bir rengin her zaman en iyi sonucu verdiğini gösteren harika sonuçlar görüyorsunuz. Yani daha yakından bakana kadar.
Çoğu zaman, bu testler, daha önce düğme olmadığını veya düğmenin çok daha belirgin olduğunu ortaya koyuyor. Sayfanın geri kalanından sıyrılıyor ve tek bir renk değil, yüksek kontrastlı bir renk olduğu için daha iyi dönüştürüyor.
Mavi ve turuncu düğme testini gerçekleştiren Monetate şunları söyledi:
Ancak, sonuçları incelerseniz, turuncu düğmelerin neredeyse her zaman hiçbir düğme kontrolüne karşı test edildiğini göreceksiniz. Bu gibi durumlarda, turuncu düğmelerin bir fark yaratması pek de şaşırtıcı değil. Tabii ki yapıyorlar… hiç düğme olmamasıyla karşılaştırıldığında! Pratik olarak herhangi bir düğme, renginden bağımsız olarak bir fark yaratacaktır.
RIPT Apparel söz konusu olduğunda, sarı bir düğmeyle son bir sürümü test ettiler:
Resim kredisi
Dönüşümler %6.3 daha arttı. Yani sarı yeşili yener mi? Hayır hayır hayır.
CTA düğmesinin rengi kendi başına çok az fark yaratır
Düğmenin renginin kendi başına çok az etkisi vardır veya hiç etkisi yoktur.Daha da önemlisi, sayfanın görsel hiyerarşisini nasıl değiştirdiği ve harekete geçirici mesajı nasıl öne çıkardığıdır.
Aynı zamanda ne görmeye alıştığımıza da bağlı. Bing, bağlantıları için tam mavi rengini bularak gelirlerini 80 milyon dolar artırdı. İnsanlar mavi bağlantıları görmeye alışkın. World Wide Web ilk ortaya çıktığında, bağlantıların rengi maviydi. (Bunun üzerinde çalışan Microsoft mühendisleri, “…bunun Google tarafından kullanılana oldukça benzer bir mavi tonu olduğunu” da itiraf etti.)
Dönüşümler için en iyi renk yoktur. Sarı düğme durumunda, dönüşümleri artırmak için tekrar tekrar gösterilen aciliyeti de eklediler (“yalnızca 24 saat için 10 ABD doları”). Bing ve blue söz konusu olduğunda, eylemde olan sözleşmenin gücüydü.
HubSpot'a geri dön
Aynı şey HubSpot örneği için de söylenebilir. Şuna bir daha bakın:
Resim kredisi
Kırmızı düğmenin daha iyi bir seçim olmasına katkıda bulunabilecek herhangi bir şey fark ettiniz mi? Sayfanın genel tasarımında bir şey var mı?
Yeşil, sitenin ana renklerinden biridir! Ve karışıma yeşil bir düğme eklediğinizde ne olur? Öne çıkmayacak. Yeşili hemen hemen tüm diğer parlak renklere karşı test edebilirlerdi ve aynı "şaşırtıcı" sonuçları görebilirlerdi.
HubSpot'un kredisine göre, vaka çalışmasında “bu sonuçları tüm durumlara genelleyemeyeceklerini” söylüyorlar. Ama yine de, baskın yeşil tasarıma sahip bir sayfada yeşil bir düğme? Gerçekten mi?
Sonuç
Harekete geçirici mesajlarınız için renk önemlidir. Ancak bir rengin diğerinden daha iyi dönüştüğünü söylemek tutmaz. Evrensel en iyi renk yoktur. Bir sitede işe yarayan, mutlaka başka bir sitede çalışmaz.
Görsel hiyerarşi önemlidir. CTA düğmelerinizi yüksek kontrastlı bir renkle öne çıkarmak da öyle. “Yeşil mi kırmızı mı” tartışması renkle ilgili olmaktan çok, rengin düğmenin öne çıkmasına yardımcı olup olmadığıyla ilgilidir.
