Memilih Warna yang Tepat untuk Email dan Halaman Arahan yang Efektif

Diterbitkan: 2014-08-28

Warna sangat kuat – dapat mengkomunikasikan emosi, menarik perhatian, mengatur suasana hati, dan membuat pernyataan. Itu juga dapat membuat email Anda menonjol dari yang lain. Namun yang lebih penting lagi, kombinasi warna yang tepat dapat memastikan kampanye pemasaran online Anda dapat diakses dan dibaca oleh semua jenis audiens. Mari kita lihat berbagai cara warna menyampaikan pesan Anda dan memeriksa beberapa praktik terbaik dan alat online untuk aksesibilitas visual.

Kotak warna Mengatur Suasana Hati

Warna sangat bagus untuk membangkitkan perasaan keseluruhan di email dan halaman arahan Anda. Menurut The Logo Company, ciri-ciri berikut umumnya dikaitkan dengan setiap warna:

  • Merah: Kegembiraan, energi, keberanian, romansa
  • Hijau: Kedamaian, pertumbuhan, kesehatan, alami
  • Biru: Kepercayaan, ketergantungan, kekuatan, ketenangan
  • Oranye: Ramah, percaya diri ceria, kreativitas
  • Hitam: Kekuatan, kekuatan, presisi
  • Putih: Bersih, sederhana, mudah

Tentu saja, implikasi warna dapat berubah dari waktu ke waktu – hingga tahun 1940-an, anak laki-laki memakai warna pink, bukan anak perempuan. Implikasinya juga dapat berubah saat Anda bepergian ke seluruh dunia. Jika Anda memasarkan ke pemirsa global, ingatlah bahwa warna yang sama mungkin memiliki arti yang berbeda untuk pemirsa yang berbeda. Misalnya, ungu adalah warna keistimewaan dan kekayaan di Jepang, tetapi di Brasil sering kali warna duka. Di Cina, merah bisa berkonotasi dengan keberuntungan dan kebahagiaan; dalam budaya lain itu bisa berarti perang, bahaya, atau keinginan.

Menggabungkan Warna

Dalam desain email dan web, warna juga memainkan peran penting dalam memandu pembaca ke pesan penting dan ajakan untuk bertindak. Terlalu banyak warna bisa mengganggu. Terlalu sedikit warna dapat membuat pesan Anda membingungkan atau kurang menarik. Warna dapat mengatur seluruh hierarki pesan. Ketika sesuatu (seperti tombol) berwarna cerah dan menonjol dengan latar belakang, mata Anda secara otomatis tertarik padanya terlebih dahulu.

halaman arahan email
Email ini membuat pernyataan meriah tanpa mencolok. Laman landas juga cocok dengan keseluruhan desain dan skema warna email.

Perhatikan hal lain tentang warna di email dan halaman arahan yang cocok ini? Warnanya cukup komplementer. Itu berarti mereka hidup di sisi berlawanan dari roda warna. Saat Anda ingin menemukan dua warna yang akan terlihat serasi (dan menonjol satu sama lain), warna pelengkap adalah tempat yang bagus untuk memulai. Dalam contoh ini, mereka juga menggunakan warna merah yang lebih cerah sebagai tombol ajakan bertindak (CTA).

Kombinasi tiga warna yang berdekatan pada roda warna dikenal sebagai skema warna analog. Kuning, kuning-hijau, dan hijau sering terlihat serasi, seperti halnya merah, merah-oranye, dan jingga. Anda juga bisa menggunakan skema warna monokromatik, seperti menggabungkan warna hitam dengan nuansa abu-abu atau merah dengan warna pink. Pastikan ada banyak kontras, sehingga teks apa pun pada latar belakang berwarna dapat terbaca sepenuhnya.

Menjaga agar mudah dibaca

Ketika datang untuk memilih warna yang tepat untuk email yang efektif, penting untuk diingat bahwa orang dengan gangguan penglihatan mungkin mengalami kesulitan menavigasi desain Anda. Color Universal Design (CUD) adalah sistem desain yang awalnya dikembangkan di Jepang yang dimaksudkan untuk membantu desainer mempertimbangkan orang-orang dengan berbagai jenis penglihatan warna. Prinsip inti Desain Universal Warna adalah:

  • Pilih skema warna yang dapat dengan mudah diidentifikasi oleh orang-orang dengan semua jenis penglihatan warna, dengan mempertimbangkan kondisi pencahayaan aktual dan lingkungan penggunaan.
  • Gunakan tidak hanya warna yang berbeda tetapi juga kombinasi dari berbagai bentuk, posisi, jenis garis, dan pola pewarnaan untuk menyampaikan informasi dalam berbagai cara kepada semua pengguna termasuk mereka yang tidak dapat membedakan perbedaan warna.
  • Nyatakan nama warna dengan jelas di mana pengguna diharapkan menggunakan nama warna dalam komunikasi.
  • Bertujuan untuk desain yang ramah visual dan indah.

Beberapa bentuk buta warna memengaruhi sekitar delapan persen pria dan satu persen wanita, yang berarti menggunakan elemen kontras tinggi selalu merupakan ide yang bagus. Adobe Photoshop mendukung CUD dengan fitur soft-proofing-nya – mereka membantu desainer melihat seperti apa gambar untuk orang dengan berbagai jenis buta warna.

Anda juga dapat menggunakan alat daring seperti simulator buta warna untuk melihat seperti apa tampilan grafik bagi seseorang yang buta warna.

Berikut terjemahan logo Act-On untuk tiga jenis gangguan penglihatan utama.

Logo protanopia
Protanopia: Ketidakmampuan untuk melihat warna merah atau membedakannya dari hijau atau hijau kebiruan.

Logo deuteranopia
Deuteranopia: Ketidakmampuan untuk melihat warna hijau atau membedakannya dari merah.

Tritanopia-act-on-logo
Tritanopia: Ketidakmampuan membedakan biru dari kuning, biru dari hijau, dan kuning dari ungu.

Gunakan alat seperti roda warna aksesibilitas untuk menguji pasangan warna pilihan Anda (misalnya, teks dengan latar belakang). Ini dapat membantu Anda memahami bagaimana kombinasi muncul pada berbagai jenis buta warna serta bagaimana kecerahan dan kontras dibandingkan dengan standar yang ditentukan oleh World Wide Web Consortium (W3C). Anda akan menemukan lebih banyak panduan dan sumber daya untuk membantu menjadikan Internet dapat diakses oleh penyandang disabilitas di situs W3C.

Mencerminkan Merek Anda

Saat mendesain pesan email dan halaman arahan, penting juga untuk terus memperkuat merek Anda. Ingatlah keseluruhan palet warna branding Anda, dan jika Anda berbeda dari tampilan dan nuansa tradisional Anda, lakukan dengan cara yang masih dapat dikenali audiens Anda. Warna dan elemen desain yang Anda gunakan dalam kampanye email Anda tidak harus sama persis atau mencerminkan merek Anda, tetapi harus mencerminkan keseluruhan gaya dan nada Anda. Konsistensi semacam ini membantu membangun kepercayaan di benak pembaca Anda.

kanada-bendera
Kanada. Anda menonjol di tengah keramaian.

Misalnya, dalam membuat email dan halaman arahan untuk webinar Act-On tentang undang-undang anti-spam Kanada yang baru, akan sangat menggoda untuk memasukkan bendera Kanada ke dalam desain. Lagi pula, merah adalah warna yang kuat, dan tidak ada yang mengatakan Kanada seperti daun maple merah.

Namun sebaliknya, kami menggunakan warna dan elemen desain yang memperkuat identitas merek kami di email, dan kami juga membawanya ke laman landas. Dengan begitu, pembaca kami dapat yakin bahwa ini bukanlah semacam pesan spam.

act-on-email-landingpage
Namun pertimbangan warna yang paling penting dari semua ini adalah: Apa yang cocok untuk audiens Anda? Sudahkah Anda menguji berbagai kombinasi warna berbeda dalam kampanye email Anda? Sudahkah Anda mencoba opsi warna tombol yang berbeda? Sudahkah Anda menjalankan pengujian A/B pada halaman arahan Anda? Pengujian adalah cara terbaik untuk menemukan apa yang sesuai dengan pelanggan dan prospek Anda – dan hasilnya akan berbicara sendiri.

Baru memulai dengan pemasaran email? Dapatkan lompatan dengan toolkit gratis ini:

Memulai dengan Perangkat Pemasaran Email