5 Teknik Desain untuk Tombol CTA yang Lebih Baik – Ketika kami mengunjungi sebagian besar situs web, kami sering memiliki tujuan di benak kami. Untuk mencapai tujuan tersebut, biasanya ada serangkaian langkah yang perlu kita lakukan dan langkah pertama dimulai dengan mengklik tombol CTA (ajakan bertindak). Pikirkan tentang terakhir kali Anda mendaftar ke suatu layanan, atau mengunduh aplikasi, prosesnya kemungkinan besar mencakup interaksi dengan tombol ajakan bertindak.
Tombol CTA adalah tombol yang Anda gunakan di situs web Anda untuk memandu pengguna menuju konversi tujuan Anda. Inti dari CTA adalah untuk mengarahkan pengunjung situs Anda ke tindakan yang diinginkan. Beberapa contoh umum CTA untuk marketing meliputi:
“Mulai uji coba”
“Unduh aplikasi/buku/panduan”
“Daftar untuk pembaruan”
“Dapatkan konsultasi”
Hari ini kita akan membahas 5 praktik terbaik untuk mendesain tombol CTA bersama dengan contoh dunia nyata terbaik untuk membantu Anda mendapatkan klik terbanyak dari halaman arahan Anda.
Baca : Alat Marketing Era Digital yang Harus Dipakai
1. Tombol yang Mencolok Secara Visual
Warna tombol Anda penting. Faktanya, jika Anda hanya akan mengambil satu saran dari artikel ini, itu harus yang ini: “Pertimbangkan warna tombol CTA Anda”. Dengan menggunakan warna, Anda dapat membuat tombol-tombol tertentu lebih menonjol dari yang lain dengan memberi mereka lebih banyak keunggulan visual.
Gunakan Warna Kontras
Warna kontras berfungsi paling baik untuk tombol CTA, menggunakan warna kontras memungkinkan untuk membuat tombol mencolok yang menonjol. Anda harus memilih warna yang kontras dari skema warna halaman web, sambil tetap menyesuaikan dengan keseluruhan desain. Perhatikan contoh Firefox di bawah ini. Warna hijau tombol CTA di halaman Firefox melompat dari halaman dan langsung menarik perhatian pengguna.
Tombol Firefox CTA berwarna hijau cerah dan menonjol dengan latar belakang biru tua
Tombol CTA menarik lainnya dapat ditemukan di beranda Hipmunk. Tombol oranye cerah menarik perhatian pengguna dan menentukan kemungkinan tindakan selanjutnya.
Terkait : Bagaimana Cara Menentukan Palet Warna pada Sebuah Desain
Ruang Negatif
Warna tidak hanya penting untuk CTA, tetapi juga jumlah ruang di sekitarnya. Spasi putih (atau ruang negatif) menciptakan ruang bernapas yang penting dan memisahkan tombol CTA Anda dari elemen lain di antarmuka pengguna Anda. Beranda Dropbox lama adalah contoh bagus penggunaan ruang negatif untuk membuat CTA utama mereka muncul. CTA “Daftar gratis” berwarna biru menonjol dengan warna biru muda di latar belakang.
2. Teks Berorientasi Tindakan
Menulis teks untuk tombol ajakan bertindak Anda yang akan memaksa pengunjung Anda untuk mengambil tindakan yang tepat bukanlah tugas yang mudah. Untungnya, ada beberapa hal yang dapat membantu Anda melakukannya:
Mulailah Dengan Kata Kerja
Anda harus menghindari kata-kata yang tidak jelas dan membosankan seperti “Masukkan untuk informasi lebih lanjut” untuk tombol CTA Anda, dan gantilah dengan kata-kata yang lebih berorientasi pada tindakan seperti “Mulai uji coba gratis Anda” atau “Dapatkan diskon sekarang”. Evernote memiliki salah satu teks berorientasi aksi yang paling umum, tetapi masih berfungsi untuk tombol CTA mereka.
Mulailah dengan kata kerja seperti “Mulai”, “Dapatkan”, atau “Gabung”
Contoh yang lebih menarik dapat ditemukan di beranda Treehouse. CTA di situs web Treehouse tidak hanya mengatakan “Mulai Uji Coba Gratis”; tertulis “Klaim Uji Coba Gratis Anda”. Perbedaan kata-kata mungkin tampak halus, tetapi “Klaim Uji Coba Gratis Anda” terdengar jauh lebih pribadi.
Gunakan Teks Singkat dan Mudah Dipahami untuk Tombol
Pastikan untuk menyatakan dengan tepat apa yang akan didapat pengunjung jika mereka mengklik CTA. Idealnya, Anda ingin menyimpan teks tombol di antara dua dan lima kata.
Tambahkan Proposisi Nilai
Kemungkinan besar Anda telah memperhatikan bahwa banyak tombol memiliki kata-kata seperti “gratis” di salinannya dan itu bukan kebetulan, menggunakan kata-kata seperti itu di salinan tombol menekankan proposisi nilai penawaran Anda. Jadi, saat menulis CTA Anda, cobalah mencari cara untuk mengintegrasikan satu (atau semua) 3 kata persuasif:
Biarkan saya memberi Anda sebuah contoh: Satu ketakutan besar yang dimiliki pengguna sebelum berkomitmen untuk mendaftar untuk sesuatu, adalah bahwa akan sangat menyakitkan untuk membatalkan langganan mereka jika mereka tidak menyukai layanan ini. Netflix menghilangkan rasa takut itu dengan janji “Batalkan kapan saja” tepat di sebelah CTA “Gabung gratis selama sebulan”.
Ciptakan Rasa Urgensi
Membangun rasa urgensi dalam tombol CTA Anda dapat menghasilkan rasio klik-tayang yang mengesankan. Misalnya, Anda dapat menggunakan teks tombol seperti “Daftar dan Dapatkan Diskon 25% Hanya Hari Ini!” Membatasi waktu seseorang untuk mengambil keputusan membuat orang ingin mengklaim penawaran mereka selagi bisa.
Teks Bermanfaat
Terkadang Anda mungkin ingin mempertimbangkan untuk menambahkan baris informasi tambahan di dalam teks tombol Anda. Praktik ini biasa dilakukan dengan tombol uji coba gratis. Misalnya, tombol uji coba gratis mungkin bertuliskan “Uji coba 30 hari, tanpa kartu kredit” dalam teks yang lebih kecil di bawah tombol CTA dengan teks “Mulai Uji Coba Gratis Anda”. Teks tambahan ini harus memudahkan proses pengambilan keputusan.
Baca : Mengenal 8 Elemen Website dalam Desain Web, Apa Saja?
3. Jadikan Terlihat Tanpa Menggulir
Penempatan tombol ajakan bertindak sama pentingnya dengan warna dan pesan. Tombol CTA harus ditempatkan di tempat yang mudah ditemukan yang mengikuti alur halaman web secara organik. Anda harus mencoba untuk menjaga tombol CTA Anda di paro atas sehingga pengguna tidak pernah melewatkannya. Idealnya, tombol CTA Anda harus menjadi salah satu hal pertama yang dilihat pengguna di halaman
Recent Comments