Warna adalah bagian penting dari bagaimana kita mengalami dunia. Tetapi apakah warna benar-benar penting untuk pengoptimalan konversi? Bisakah warna tombol menjamin kinerja yang lebih baik untuk ajakan bertindak (CTA)?
Tidak ada satu warna yang lebih baik dari yang lain.Pada akhirnya, yang penting adalah seberapa kontras warna tombol dengan area di sekitarnya.
Posting ini menjelaskan apa yang sebenarnya penting untuk CTA situs web dan warna tombol. Studi "definitif" yang telah Anda baca jauh dari pasti, dan pendekatan pengujian yang dangkal (yaitu mencoba warna tombol acak apa pun) tidak akan membantu Anda membangun program eksperimen yang ketat.
Kursus Pengoptimalan Konversi
Oleh Peep Laja
Pertanyaan survei hanyalah salah satu bagian dari kue pengoptimalan konversi. Selami lebih jauh cara mengoptimalkan semua riset konversi Anda dalam kursus gratis ini.
Asosiasi psikologis warna
Warna yang berbeda dapat mengangkat kita atau menjatuhkan kita. Ada juga sisi psikologis dari warna—warna tertentu diasosiasikan dengan kualitas dan emosi yang berbeda.
Dalam budaya yang berbeda, warna yang berbeda berarti hal yang bertentangan. Misalnya, putih adalah warna berkabung dan kematian dalam budaya Cina, tetapi warna kematian di Brasil adalah ungu. Kuning melambangkan kebahagiaan dan kedamaian dalam agama Hindu tetapi mewakili kesedihan di Yunani dan kecemburuan di Prancis.
Orang-orang dari negara-negara tropis merespons warna-warna hangat dengan baik; orang-orang dari iklim utara lebih suka warna yang lebih dingin, dan sebagainya.
Dikatakan juga bahwa, dalam budaya Amerika Utara, warna biru menciptakan rasa percaya, tetapi juga mendorong nafsu makan. Hijau konon berarti alam, kesegaran, pertumbuhan, dan uang. Kuning membawa serta sinar matahari dan kebahagiaan.
Ada beberapa kebenaran dalam interpretasi ini, tetapi bisakah kita menerjemahkan asosiasi yang dianggap ini menjadi peningkatan konversi?
Eksperimen dengan penggunaan warna
Merah bisa membuat Anda menjadi pemenang…
Hampir secara universal, merah berarti berhenti. Merah berarti bahaya. Merah berarti panas. Dan dengan menganalisis hasil di Olimpiade 2004, peneliti menemukan bahwa merah juga berarti dominasi.
Mereka memeriksa tinju, taekwondo, gulat Yunani-Romawi, dan gulat gaya bebas, pada dasarnya semua olahraga satu lawan satu. Dalam olahraga tersebut, pesaing diberi pakaian merah atau biru secara acak, jadi tidak ada kecurangan yang mungkin dilakukan.
Pesaing dengan pakaian merah cenderung tampil (sedikit) lebih baik di Olimpiade, bahkan ketika warna ditentukan secara acak. (Kredit gambar )
Dalam 16 dari 21 ronde, mereka yang berbaju merah menang. Kecenderungan serupa ditemukan di Kejuaraan Sepak Bola Eropa 2004. Para peneliti berhati-hati untuk menunjukkan bahwa efeknya paling halus. Dan merah itu bisa menjadi faktor penentu hanya di antara para pesaing yang seimbang—namun tetap ada.
“Kami menemukan bahwa mengenakan warna merah secara konsisten dikaitkan dengan kemungkinan menang yang lebih tinggi,” tulis peneliti Universitas Durham Russell Hill dan Robert Barton.
… atau pecundang
Para peneliti di University of Rochester menemukan bahwa warna merah juga dapat menghalangi kita untuk melakukan yang terbaik dalam ujian. Dalam eksperimen mereka, mereka ingin mengetahui apakah persepsi warna merah akan mempengaruhi hasil tes IQ atau ujian akademik utama. Dalam konteks akademis, warna merah secara tradisional dikaitkan dengan kesalahan penandaan.
Empat percobaan menunjukkan bahwa persepsi singkat tentang warna berdampak negatif pada hasil. “ Itu membuat orang berbuat lebih buruk tanpa sepengetahuan mereka,” kata Elliot, salah satu penulis.
Temuan menunjukkan bahwa "kehati-hatian harus diambil dalam bagaimana merah digunakan dalam konteks pencapaian," para peneliti melaporkan, "dan menggambarkan bagaimana warna dapat bertindak sebagai isyarat lingkungan halus yang memiliki pengaruh penting pada perilaku."
Warna dan rasa coklat panas
Apa yang membuat cokelat panas itu begitu enak? Mungkin warna wadah tempat Anda meminumnya. (Kredit gambar)
Ternyata warna wadah tempat makanan dan minuman dihidangkan berkontribusi terhadap rasa yang dirasakan. Itu benar, setidaknya, untuk minum cokelat panas, jelas peneliti Betina Piqueras-Fiszman.
Piqueras-Fiszman dan mitra penelitiannya meminta 57 peserta sampel cokelat panas yang disajikan dalam wadah empat warna berbeda: putih, krem, oranye, dan merah. Semuanya berukuran sama, dan semuanya berwarna putih di bagian dalam.
Rasa cokelat panas yang disajikan dalam cangkir berwarna oranye dan krem dinilai lebih baik oleh para peserta. Namun, rasa manis dan aromanya dinilai serupa, apa pun warnanya.
“Tidak ada aturan pasti yang menyatakan bahwa rasa dan aroma ditingkatkan dalam secangkir warna atau bayangan tertentu,” diakui Piqueras-Fiszman. “Pada kenyataannya ini bervariasi tergantung pada jenis makanannya, tetapi kenyataannya adalah, ketika efek ini terjadi, lebih banyak perhatian harus diberikan pada warna wadah karena memiliki potensi lebih dari yang bisa dibayangkan.”
Jika warna dapat memengaruhi kinerja atletik, prestasi akademik, dan persepsi selera kita, apakah itu juga memengaruhi keputusan kita untuk mengklik?
Apa warna terbaik untuk tombol CTA?
Merah dapat meningkatkan peluang Anda untuk menang dalam olahraga. Cokelat panas Anda berikutnya mungkin terasa lebih enak dalam cangkir jeruk. Tapi apa hubungannya ini dengan konversi di web? Apakah merah benar-benar memberi Anda keuntungan untuk tombol CTA Anda?
Hijau vs. merah: Perang tombol ajakan bertindak
Selama bertahun-tahun, ada kontroversi tentang konversi warna mana yang terbaik untuk tombol CTA Anda. Unbounce menyatakan bahwa masa depan tombol CTA adalah "BOB" (Tombol Oranye Besar).
Ada juga sejumlah studi kasus pengujian A/B yang menarik di mana tombol oranye atau sebagian besar merah diuji terhadap warna lain, seringkali hijau.
Ketika Anda memikirkannya, hijau sebagian besar dikaitkan dengan emosi positif. Ketika lampu lalu lintas berubah menjadi hijau, itu berarti Anda bisa mengemudi. Begitu pula sebaliknya dengan warna merah. Warna tersebut sebagian besar diasosiasikan dengan emosi negatif.
Jadi apa yang kamu pikirkan?Warna tombol mana yang menang? Inilah yang dikatakan studi kasus.
Studi kasus 1
Dmix menulis tentang tes warna tombol hijau dan merah. Dalam pengujian mereka dengan 600 subjek, mereka menemukan bahwa konversi meningkat sebesar 34% saat mereka menggunakan tombol merah.
Studi kasus 2
Kredit gambar
Tes berikutnya datang dari HubSpot. Mereka menjalankan tes serupa dengan tombol hijau dan merah di situs klien. Mereka menjalankan tes selama beberapa hari dan, secara total, memiliki lebih dari 2.000 kunjungan.
Hasil mereka? Tombol merah mengungguli tombol hijau sebesar 21%.
Studi kasus 3
(Kredit gambar)
Tes ketiga datang dari VWO. Klien mereka adalah situs e-niaga yang menjual ponsel dan aksesori. Mereka menguji warna tombol "Beli Sekarang" di situs. Lomba tersebut meliputi tombol putih dengan teks hijau, tombol hijau dengan teks putih, dan tombol merah (oranye tua) dengan teks putih.
Dan pemenangnya adalah — Anda dapat menebaknya — tombol merah, kali ini dengan peningkatan konversi 5%.
Studi kasus 4
Kredit gambar
Studi ini, alih-alih membandingkan tombol kemerahan versus hijau, melihat tombol oranye versus biru. Dalam pengujian mereka, tombol biru menang, menghasilkan peningkatan 9%.
Meskipun "kesal" dengan tombol biru, tombol merah atau kemerahan dominan, tren yang didukung oleh penelitian lain juga.
Namun, bukankah Peep menulis hal berikut tentang warna dalam desain web di posting ini:
Saya menyukai tweet ini oleh Naomi Niles:
Saya sangat setuju.Narasi semacam ini memberi orang ide yang salah tentang apa itu pengujian.Ya tentu – terkadang warna memengaruhi hasil – terutama jika memengaruhi hierarki visual, membuat ajakan bertindak lebih menonjol, dan sebagainya.Tapi "hijau vs oranye" bukanlah inti dari pengujian A/B.Ini tentang memahami audiens target.Melakukan penelitian dan analisis bisa jadi membosankan dan itu pasti kerja keras, tetapi itu adalah sesuatu yang perlu Anda lakukan.
Untuk meningkatkan konversi Anda, Anda perlu melakukan riset konversi.Anda perlu melakukan angkat berat.
Keuntungan serius dalam konversi tidak datang dari tipu daya psikologis, tetapi dari menganalisis apa yang benar-benar dibutuhkan pelanggan Anda, bahasa yang sesuai dengan mereka, dan bagaimana mereka ingin membelinya.Ini tentang relevansi dan nilai yang dirasakan dari total penawaran.
Mengapa Anda harus skeptis terhadap studi kasus warna kancing?
Mari kita lihat satu contoh terakhir, yang akan membantu ini lebih masuk akal. RIPT Apparel menguji warna tombol “Beli Sekarang” untuk melihat apakah itu akan membuat perbedaan pada keuntungan mereka.
Ini adalah versi aslinya:
Kredit gambar
Dan ini adalah tombol baru:
Kredit gambar
Tidak mengherankan, angka konversi naik. Melihat kasus-kasus sebelumnya, dapat dikatakan bahwa jika mereka mengubah tombol menjadi merah, itu akan menjadi lebih baik. Yah, tidak cukup.
Coba lihat lagi yang asli. Apakah Anda melihat sesuatu yang seharusnya ada tetapi tidak ada? Yang asli tidak memiliki tombol! CTA "Beli Sekarang" hilang dalam desain. Anda dapat melihat tombol baru dengan jelas, terlepas dari apakah itu hijau, merah, kuning, atau salah satu dari beberapa warna.
Sayangnya, inilah awal kontroversi besar warna tombol. Anda melihat hasil luar biasa yang menunjukkan bahwa satu warna selalu mengonversi yang terbaik. Artinya, sampai Anda melihat lebih dekat.
Lebih sering daripada tidak, tes ini mengungkapkan bahwa, sebelumnya, tidak ada tombol, atau tombolnya jauh lebih menonjol. Itu menonjol dari sisa halaman dan mengonversi lebih baik karena ini adalah warna kontras tinggi, bukan warna tunggal.
Monetate, yang menjalankan tes tombol biru vs. oranye, mengatakan ini:
Namun, jika Anda menggali hasilnya, Anda akan melihat bahwa tombol oranye hampir selalu diuji dengan kontrol tanpa tombol sama sekali. Dalam kasus seperti ini, tidak mengherankan jika tombol oranye membuat perbedaan. Tentu saja … jika dibandingkan dengan tidak ada tombol sama sekali! Hampir semua tombol akan membuat perbedaan, apa pun warnanya.
Dalam kasus RIPT Apparel, mereka menguji satu versi final, dengan tombol kuning:
Kredit gambar
Konversi naik lebih lanjut 6,3%. Jadi kuning mengalahkan hijau? Tidak tidak Tidak.
Warna tombol CTA membuat sedikit perbedaan dengan sendirinya
Warna tombol memiliki sedikit atau tidak ada efek sendiri.Yang lebih penting adalah bagaimana hal itu mengubah hierarki visual halaman dan bagaimana hal itu membuat ajakan bertindak menonjol.
Itu juga tergantung pada apa yang biasa kita lihat. Bing meningkatkan pendapatan mereka $80 juta dengan menemukan warna biru yang tepat untuk tautan mereka. Orang-orang terbiasa melihat tautan biru. Ketika World Wide Web pertama kali muncul, biru adalah warna tautan. (Insinyur Microsoft yang mengerjakan ini juga mengakui bahwa "... itu adalah warna biru yang sangat mirip dengan yang digunakan oleh Google.")
Tidak ada warna terbaik untuk konversi. Dalam kasus tombol kuning, mereka juga menambahkan urgensi (“$10 hanya untuk 24 jam”), yang telah ditunjukkan berkali-kali untuk meningkatkan konversi. Dalam kasus Bing dan biru, itu adalah kekuatan konvensi dalam tindakan.
Kembali ke HubSpot
Hal yang sama dapat dikatakan untuk contoh HubSpot. Coba lihat lagi:
Kredit gambar
Apakah Anda melihat sesuatu yang mungkin berkontribusi pada tombol merah menjadi pilihan yang lebih baik? Sesuatu dalam keseluruhan desain halaman?
Hijau adalah salah satu warna utama situs ini! Dan apa yang terjadi ketika Anda menambahkan tombol hijau ke dalam campuran? Itu tidak akan menonjol. Mereka bisa saja menguji warna hijau terhadap hampir semua warna cerah lainnya dan akan melihat hasil "luar biasa" yang sama.
Untuk pujian HubSpot, mereka mengatakan dalam studi kasus bahwa mereka "tidak dapat menggeneralisasi hasil ini untuk semua situasi." Tapi tetap saja, tombol hijau di halaman dengan desain dominan hijau? Betulkah?
Kesimpulan
Warna penting untuk ajakan bertindak Anda. Tetapi mengatakan bahwa satu warna berubah lebih baik daripada yang lain tidak berlaku. Tidak ada warna terbaik yang universal. Apa yang berhasil di satu situs belum tentu berhasil di situs lain.
Hirarki visual penting. Begitu juga dengan membuat tombol CTA Anda menonjol dengan warna kontras tinggi. Perdebatan "hijau vs. merah" kurang tentang warna itu sendiri dan lebih banyak tentang apakah warna membantu tombol menonjol.
