Tidak perlu mencoba menebak skema warna iklan yang lebih cenderung diklik pengunjung. Anda perlu bereksperimen dengan menampilkan iklan dalam berbagai warna. Dan berdasarkan hasilnya, kami mempelajari preferensi pengunjung situs Anda. Namun, di luar jendela abad ke-21. Karena itu, kami akan menulis skrip kecil yang akan melakukan segalanya untuk kami.
Dalam percobaan saya, saya memilih tiga warna primer: biru, merah dan hijau. Mengambil masing-masing dengan tingkat kecerahan yang berbeda. Dan saya menambahkan satu warna lagi - warna tautan di situs saya. Dengan demikian, tujuh warna akan berpartisipasi dalam eksperimen saya.
Sebagai dasar, saya mengambil skrip untuk menampilkan iklan YAN (Yandex Advertising Network), yang diberikan kepada saya oleh CSP Mitra Untung. Ayo tambahin perubahan otomatis warna. Mari buat label unik untuk setiap warna. Sehingga di masa mendatang, dengan menggunakan bagian ini, Anda dapat menganalisis warna iklan mana di situs Anda yang lebih menarik bagi pengunjung.
Mari jalankan skrip dan mulai mengumpulkan data. Irisan yang dibuat oleh skrip kami akan muncul di statistik.
Eksperimen harus dilakukan sepanjang waktu setidaknya selama seminggu. Untuk memperhitungkan semua ketergantungan waktu dan fitur akhir pekan dan hari kerja. Adalah penting bahwa setiap skema warna ditampilkan setidaknya 1000 kali.
Jika Anda memilih dari tiga warna primer, maka tidak ada pemimpin yang jelas di situs saya. Perbedaan beberapa persen mungkin karena kesalahan. Tetapi tren umum bertepatan dengan rekomendasi dari spesialis CSC Mitra Laba - warna yang lebih dapat diklik adalah merah.
Jika kita melihat ketujuh warna secara detail, maka kelompok berikut menyebabkan preferensi di antara pengunjung: merah tua (#990000), hijau muda (#00CC00) dan biru tua (#000099).
Saya menyarankan Anda untuk tidak melihat statistik saya, tetapi untuk melakukan eksperimen Anda sendiri pada pemilihan warna untuk iklan di jaringan periklanan Yandex.
Jika Anda memiliki beberapa situs, maka untuk setiap situs Anda perlu melakukan percobaan sendiri.
Jika Anda mengubah desain, maka bereksperimenlah lagi.
Jika Anda memiliki beberapa unit iklan seperti saya, maka untuk setiap unit iklan Anda juga perlu melakukan eksperimen sendiri. Anda akan terkejut, tetapi di situs saya, preferensi pengguna berbeda di unit iklan di tengah dan di akhir artikel.
Eksperimen harus dilakukan sepanjang waktu setidaknya selama 7 hari.
DARI menggunakan HTML Anda dapat mengatur warna semua tautan di halaman, serta mengubah warna untuk tautan individual.
Warna tautan ditetapkan sebagai atribut tag
. Atribut bersifat opsional dan jika tidak ditentukan, nilai default akan digunakan.link - menentukan warna link pada halaman web (warna default adalah biru, #0000FF).
vlink - warna tautan yang sudah dikunjungi. Warna default adalah ungu, #800080.
PADA warna HTML biasanya ditentukan sebagai digit heksadesimal, dalam bentuk #rrggbb , di mana r, g dan b masing-masing menunjukkan komponen merah, hijau dan biru. Untuk setiap warna diberikan nilai heksagonal 00 hingga FF, yang sesuai dengan rentang 0 hingga 255 dalam desimal. Nilai-nilai ini kemudian digabungkan menjadi satu angka yang didahului dengan simbol # (Contoh 1).
Contoh 1: Mengatur Warna Tautan
Konten situs
Warna tidak harus ditentukan dalam format heksadesimal, kata kunci juga dapat digunakan. PADA contoh ini Warna latar belakang halaman web diatur ke hitam dan warna tautan diatur ke merah.
Lebih mudah menggunakan CSS untuk mengubah warna tautan. Untuk mengatur warna untuk semua tautan di halaman web, kelas semu berikut digunakan, yang ditambahkan ke pemilih A .
dikunjungi - Gaya untuk tautan yang dikunjungi.
aktif - Gaya untuk tautan aktif. Tautan menjadi aktif ketika Anda mengkliknya.
Contoh 2 menunjukkan cara mengubah warna tautan pada halaman web menggunakan gaya. Untuk melakukan ini, kami menggunakan warna properti gaya, itu mengatur warna teks tertentu, dalam hal ini, tautan.
Contoh 2. Warna tautan diatur melalui gaya
Konten situs
Metode pengaturan warna di atas berfungsi untuk semua tautan di halaman web. Namun, terkadang perlu menggunakan warna yang berbeda secara bersamaan. Warna terang, misalnya, untuk area gelap halaman web, dan warna gelap, masing-masing, untuk area terang. Anda juga dapat menggunakan gaya untuk ini.
Untuk mengubah warna tautan, gunakan atribut style="color: #rrggbb" di tag , di mana #rrggbb adalah warna heksadesimal. Anda juga dapat menggunakan nama warna atau menentukan warna dalam format: rgb (132, 33, 65) . Dalam tanda kurung adalah nilai desimal merah, hijau dan biru (contoh 3).
Konten situs
Pemasaran Internet
Kegunaan
Dalam contoh ini, ada tiga cara yang berbeda pengaturan warna dengan gaya.
Warna tombol apa yang memiliki konversi tertinggi adalah pertanyaan filosofis lama yang sudah banyak diketahui jawabannya. "Merah" - pemasar pemula akan menjawab. "Kontras" - pemasar berpengalaman akan menjawab. Kami telah menguji 21.666 pengguna tentang topik ini. Dan mereka sampai pada beberapa kesimpulan yang cukup menarik.
Di awal artikel, Anda perlu menambahkan intrik dan fakta yang mengganggu untuk menarik perhatian. Berdasarkan saran ini, saya dapat mengatakan bahwa dalam praktiknya kami telah menerima peningkatan konversi hingga 65% dengan perubahan sederhana pada warna tombol. Pada artikel ini, kita akan berbicara tentang hasil dan bagaimana melakukannya.
Saya tidak akan memberi tahu Anda bahwa kami telah menemukan pil ajaib untuk manajemen konversi. Dalam kasus peningkatan konversi, saya sampai pada satu kesimpulan sederhana. Pernyataan seratus persen yang akan selalu berhasil dan untuk semua orang tidak ada. Pil ajaib juga. Sebelumnya kami menulis tentang bagaimana kata "Gratis" menurunkan konversi dalam beberapa kasus. Apa yang bisa kita katakan tentang kebenaran "seratus persen" lainnya.
Jadi, seberapa banyak Anda dapat meningkatkan konversi hanya dengan mengubah warna tombol?
Kami mendapat peningkatan tingkat konversi hingga 65%. 65% adalah nilai tertinggi dalam tes. Nilai rata-rata berada pada level 11%. Tetapi bahkan peningkatan konversi seperti itu adalah hasil yang sangat baik. Mengingat bahwa ini dapat dicapai dengan mengubah warna tombol.
Banyak tes ahli mengatakan bahwa tombol warna merah memiliki tingkat konversi tertinggi. Mengapa? Kita tahu bahwa setiap warna memiliki asosiasinya sendiri dan membangkitkan emosi tertentu. Merah berarti berhenti, bahaya dan gairah. Dan dalam kebanyakan kasus (seperti yang diyakini) itu mengarah pada hasil yang lebih baik dalam pemasaran Internet.
Di bawah ini adalah algoritma untuk membuat tes A/B:
1. Membuat widget di konstruktor
Untuk membuat widget, Anda harus terdaftar dengan konstruktor.
Proses pembuatan terdiri dari 3 langkah:
Anda dapat menonton video ini tentang membuat widget. Setiap tahap dibahas secara rinci di sini. Instruksi teks untuk membuat widget berada.
Saya ingin mencatat bahwa ada lebih banyak opsi untuk pengaturan di konstruktor. Misalnya, menampilkan saat melihat sejumlah halaman tertentu, berdasarkan hari dalam seminggu, berdasarkan sumber rujukan, frekuensi tampilan, dan banyak lagi. Tetapi pertama-tama saya menyarankan Anda untuk menggunakan pengaturan dasar, dan kemudian bereksperimen dengan yang tambahan.
Setelah Anda membuat widget, Anda perlu membuat salinannya. Untuk membuat perubahan pada widget baru dan memasukkannya ke dalam pengujian A / B. Untuk melakukan ini, Anda mengklik ikon "Salin" di widget yang dibuat.
Ini secara otomatis diaktifkan di situs. Sekarang kita perlu mematikannya, karena tidak diedit. Untuk melakukan ini, ubah status.
Sekarang pergi ke pengaturannya dengan mengklik ikon "Ke editor".
Di sini ubah elemen yang diinginkan yang ingin Anda uji. Misalnya, mari kita ubah warna tombol. Ini dilakukan dalam satu klik. Anda hanya perlu memilih warna tombol yang berbeda.
Klik pada "Warna Tombol" dan pilih yang Anda inginkan.
Setelah itu kita simpan widget tersebut. Pada langkah ke-4, Anda tidak dapat mengubah apa pun untuk meninggalkan pengaturan widget sebelumnya. Untuk melakukan ini, cukup klik tombol "Simpan".
Anda sekarang memiliki 2 widget dengan warna tombol yang berbeda. Anda dapat melanjutkan ke pembuatan pengujian A / B. Untuk kenyamanan, tetap hanya mengubah nama di widget kedua.
3. Buat pengujian A/B
Untuk membuat tes, Anda harus pergi ke menu "A / B tes". Dan klik tombol "Buat Tes".
Di sini Anda membutuhkan:
Pilih situs - tulis nama tesnya
Pilih jenis tes
Mengenai jenis tes. Ada 2 di KEPLER LEAD jenis yang berbeda Tes A/B: Klasik dan Individual. Perbedaannya adalah dalam menampilkan widget kepada pengunjung yang kembali. Jika Anda ingin pengunjung yang kembali melihat variasi baru dari widget, pilih Uji Klasik. Jika Anda ingin pengguna yang kembali tidak melihat versi lain dari widget (yang pertama ditampilkan akan diingat dan hanya itu yang selalu berfungsi, tergantung pada pengaturan tampilan), lalu pilih Individual.
Setelah memilih jenis tes, klik tombol "Tambah". Langkah terakhir tetap - untuk memilih widget untuk pengujian. Untuk melakukan ini, klik sel "Widget" dan pilih.
Setelah memilih widget, periksa apakah semuanya aktif. Jika ada widget yang tidak aktif, maka Anda dapat mengaktifkannya di sini.
Semua! Tes telah dibuat. Anda dapat melihat semua hasil dalam statistik pengujian. Untuk melakukan ini, klik ikon "Lihat" di sebelah kanan nama tes. Merekomendasikan pengujian pada total lalu lintas dari 1.000 tayangan (ini dapat dilihat di kolom Tampilan). Setelah itu, buat keputusan untuk menjalankan tes berikutnya.
Pekerjaan Anda tidak berakhir di situ. Sekarang kita perlu melacak hasilnya, dan setelah mencapai data yang signifikan (kami merekomendasikan dari 1000 pengunjung), uji hipotesis lainnya. Ini bisa berupa berita utama, teks ajakan bertindak, proposisi nilai, gambar, dll. Kami akan menulis tentang pengujian A/B lainnya di artikel mendatang. Beritahu kami tentang hasil Anda di komentar.
Bekerja dengan warna adalah keterampilan penting bagi setiap desainer web. Penggunaan yang tepat dapat membawa kesuksesan ke situs, dan bahkan kesalahan kecil dalam membuat gamma akan membawa banyak masalah di masa depan. Dalam artikel ini, kita akan melihat 10 kesalahan yang dilakukan desainer saat bekerja dengan warna di situs web dan memberi tahu Anda cara menghindarinya.
Misalnya, jeruk adalah motivator belanja yang hebat. Sempurna menyampaikan ajakan bertindak, cocok untuk toko online.
Hijau melambangkan kepercayaan, dan apa yang bisa lebih penting daripada kepercayaan dalam hal makanan?
Bahkan jika Anda benar-benar menyukai beberapa situs, pikirkan dua kali sebelum memesan "persis sama, tetapi tentang produk saya."
Kami merekomendasikan menggunakan setidaknya lingkaran warna. Saat memilih warna dengannya, Anda harus ingat bahwa warna yang berdekatan dan yang berlawanan dikombinasikan dengan baik satu sama lain.
Kami juga merekomendasikan menggunakan situs khusus. Di sini Anda dapat membuat rentang Anda sendiri atau menggunakan salah satu yang sudah jadi.
Pada contoh pertama, 3 warna digunakan untuk menghias teks, pada contoh kedua, hanya dua. Ini adalah opsi kedua yang terlihat lebih baik dan teks di atasnya lebih mudah dibaca.
Misalnya, dua tombol dengan tujuan yang sama di situs yang sama. Keputusan yang buruk.
Kedua tren fashion ini seringkali tidak sejalan. Anda tidak dapat menjual berdasarkan emosi jika situs Anda tidak menciptakan emosi yang sama saat dilihat.
Tetapi ini tidak berarti bahwa halaman arahan emosional yang menjual harus bersinar dengan semua warna pelangi.
Kebiasaan kita, serta metode pemasar, bermigrasi dari supermarket ke Internet, misalnya, situs perusahaan perhiasan, dibuat dalam warna hitam, terlihat elegan dan mahal:
Anda tidak boleh menggunakan banyak warna hitam di situs sebagai latar belakang jika Anda menyediakan layanan di segmen harga rendah atau menjual barang murah. Kesan pengunjung situs tidak akan cocok dengan proposisi penjualan Anda.
Visi Anda bisa seindah yang Anda inginkan, tetapi biarkan desainer menawarkannya sendiri. Jika setelah beberapa upaya perancang masih tidak dapat menunjukkan sesuatu yang Anda sukai, maka ada baiknya menetapkan kerangka yang kaku dalam pemilihan warna.
Pengecualian lain: jika Anda yakin bahwa skema warna Anda dipikirkan dengan baik dan Anda dapat membenarkan pilihan ini untuk diri sendiri. Sebagai aturan, pelanggan tidak memperhitungkan apa yang diperhitungkan perancang - keterbacaan teks, kecerahan tombol yang cukup, dan jumlah warna yang optimal.
Misalnya, kami mengaburkan layar pertama Aviasales.ru - blok elemen 1, 2 dan 3 menarik perhatian. pembentukan harapan yang benar untuk pengguna, dia (ingat tentang aturan kontras) akan melihat elemen yang diperlukan untuk memilih parameter dan ajakan bertindak.
Dan lihat betapa jelas tindakan utama di situs ostrovok.ru menonjol dengan latar belakang buram.
Jika antarmuka Anda lulus tes seperti itu dengan baik, maka peningkatan situs lebih lanjut harus dilakukan berdasarkan pemahaman tentang psikologi pengguna, mis. menganalisis umpan balik dari pengguna nyata. Dengan pertanyaan seperti: “Di mana Anda melihat pertama kali: 3 elemen situs mana, dan dalam urutan apa? Di mana Anda ingin mengklik pertama dan mengapa? ” di AskUsers Anda dapat memahami tidak hanya bagaimana perhatian pengguna didistribusikan, tetapi juga mengapa pengguna melihat elemen tertentu. Informasi ini akan membantu mengidentifikasi sejumlah masalah di antarmuka saat ini dan menemukan pilihan terbaik keputusan mereka.
Ingat bahwa formulir mengikuti konten. Desain warna berfungsi sebagai alat untuk memfokuskan perhatian pengguna pada informasi yang penting bagi pengguna dan pemilik situs.
Saya terus menerbitkan berita yang menarik, dan menurut pendapat saya, dari dunia yang besar dan luas SEO. Hari ini kita akan berbicara tentang warna desain situs... Ya, ya, ini tentang skema warna. Nah, mari kita mulai. Warna (pewarnaan) desain situs mempengaruhi klik iklan, psikolog dari Universitas Oxford di AS percaya.
Ilmuwan Amerika telah menghitung bahwa pengguna biasa menghabiskan sekitar 2 menit di satu portal Internet. Dari jumlah tersebut, 4-7 detik terakhir sangat menentukan bagi kami - spesialis seo, meskipun ini juga berlaku untuk desainer. selama periode waktu inilah pengguna meninggalkan situs web atau mengklik iklan yang ditawarkan kepadanya. Pilihannya tergantung pada warna situs dan unit iklan. Opsi paling "buruk" (tidak diinginkan dan tidak dapat diklik) tata letak desain situs- ini untuk mendesain situs dalam warna abu-abu atau merah. Lalu lintas akan mendekati nol (rasio klik-tayang), efektivitas iklan yang ditempatkan di sumber daya Internet juga. Kenyamanan dan ketenangan dialami oleh pengguna yang berada di situs yang didominasi warna putih. Mereka mengklik spanduk dengan baik, iklan kontekstual menarik mereka hanya jika judulnya tiba-tiba (sangat) cerah dan kontras tinggi, dan teks serta URL berukuran maksimum. Hal yang hampir sama terjadi dengan desain hijau.
Situs dengan desain dan tata letak biru menginspirasi kepercayaan (langsung muncul di pikiran jaringan sosial"VKontakte" dan "Facebook"). Menariknya, iklan berfungsi di sini jika terletak di latar belakang putih, dan tajuk utama diatur dalam warna 2 nada lebih gelap (dan sekali lagi ini cocok dengan VKontakte dan Facebook favorit kami). Menang Terbanyak warna desain situs web, menurut psikolog Inggris, kuning. Rasio kunjungan terhadap klik di sini adalah 1 banding 2,5, karena banyak pengguna Internet melihat 2-3 iklan sekaligus. Tetapi spanduk di semua situs kuning tidak efektif. Warna bagus lainnya untuk mendesain portal klik-tayang blok iklan dan spanduk - ini bukan cokelat yang kontras. Di sini hasil untuk iklan banner adalah 1 klik per 3 kunjungan, untuk iklan kontekstual kira-kira 1 sampai 2.
PS. Mari kita rangkum. Pertama, memalukan bahwa, tentu saja, penonton yang diuji bukan yang berbahasa Rusia, kami memiliki mentalitas yang berbeda. Bagaimanapun, penduduk CIS bukanlah penduduk Amerika atau Eropa. Situs Rusia selalu dibedakan oleh warna dan corak pelangi dalam desain, berbeda dengan sumber daya Internet Eropa dan Amerika yang terbatas (situs Apple adalah contoh nyata). Kedua, sehubungan dengan ini, mereka juga "mengklik" iklan di negara kita (pengamatan sendiri) yang cerah dan kontras. Seseorang dapat tidak setuju tentang situs dan portal kuning - mereka tidak menginspirasi kepercayaan di antara pengguna jaringan domestik (saya bahkan tidak akan langsung mengatakan tentang portal kuning besar - lebih dari satu yang terlintas dalam pikiran), kecuali untuk anak-anak kecil (walaupun ini adalah pendapat saya)! Secara umum, mungkin perlu melakukan tes kecil, yang akan saya bicarakan di bagian "eksperimen".