Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Ini Dia Cara Untuk Mendesain “Call to Action” (CTA) di Situs Web Kamu

- Advertisement -
- Advertisement -
- Advertisement -

Ajakan bertindak adalah salah satu fitur desain penting dari situs web mana pun. Tombol kecil ini memberikan pukulan dalam hal tingkat konversi , dan mereka dapat sangat berpengaruh dalam proses pengambilan keputusan pembeli. Tombol-tombol ini dapat digunakan dalam berbagai cara yang berbeda, untuk mendorong pengguna menyelesaikan tindakan tertentu. Tindakan ini mungkin melakukan pembelian, mendaftar ke buletin, mendaftar untuk pembaruan produk atau bahkan tidak meninggalkan situs web.

Elemen ajakan bertindak dapat digunakan di hampir semua bentuk komunikasi online, apakah itu situs web, aplikasi seluler, buletin, halaman arahan, pos sosial, atau iklan. Tidak peduli bagaimana mereka digunakan, dan di mana muncul, desain itu sangat penting. Ketika datang untuk mengevaluasi efektivitas CTA, terlihat sangat penting. Jadi, mari kita lihat lebih dekat bagaimana merancang CTA yang menonjol yang mendapatkan hasil, dan apa yang harus dihindari jika Anda ingin menghindari hasil yang mengecewakan.

Mengapa Tombol Panggilan untuk Aksi Begitu Penting?

Sebelum kita berpikir tentang bagaimana merancang CTA terbaik untuk situs web mana pun, ada baiknya mengambil langkah mundur untuk mempertimbangkan apa yang membuat tombol-tombol ini begitu penting. Ajakan bertindak adalah langkah penting dalam perjalanan pembeli, dan dalam banyak kasus, itu hanyalah dorongan yang dibutuhkan pengguna untuk membawanya ke halaman checkout. Mereka adalah bagian penting dari corong penjualan dan memungkinkan bisnis memanfaatkan keterlibatan dan memanfaatkan lalu lintas secara maksimal.

Tombol ajakan bertindak tidak hanya cocok untuk bisnis. Mereka juga sangat membantu konsumen sendiri. Itu karena konsumen miskin saat ini tidak memiliki kesabaran untuk mencari melalui situs web untuk menemukan tautan yang mereka butuhkan untuk mendaftar atau melakukan pembelian. Mereka lebih suka menemukan apa yang mereka cari segera, begitu mata mereka mendarat di situs baru. Elemen-elemen interaktif seperti CTA memungkinkan perusahaan untuk memberikan konsumen apa yang mereka inginkan, segera setelah mereka mulai mencarinya. Ini adalah situasi yang saling menguntungkan.

Ketika kita berpikir tentang tombol ajakan bertindak, contoh-contoh yang langsung muncul di benak adalah mereka yang muncul mendorong kita untuk melakukan pembelian, tetapi ini bukan satu-satunya yang ada di luar sana. Salah satu versi yang paling berguna adalah exit-intent CTA. Dengan tingkat konversi rata-rata 19%, sembulan ini dapat sangat bermanfaat jika dilakukan dengan baik. Lihatlah tips ini tentang cara menggunakan pop-up maksud-keluar dan mulai merancang CTA niat-keluar Anda sendiri.

desain tombol ajakan untuk bertindak

Apa yang Membuat CTA Hebat?

Kami telah menyebutkan bahwa desain tombol CTA penting, tetapi sekarang saatnya untuk benar-benar mempersempit fitur desain yang dapat membuat atau merusaknya. Saat mendesain situs web, mudah terbawa dengan efek visual keseluruhan dari semua fitur nyanyiannya, semuanya menari, dan lupakan apa yang dirancang untuk dilakukan halaman tersebut. Dengan ajakan bertindak, pengalaman pengguna adalah segalanya.

Jadikan Terlihat Dapat Diklik

Tombol ajakan bertindak harus dirancang dengan pengguna rata-rata dengan jelas dalam pikiran, dan mereka harus sejelas mungkin. Tombol harus terlihat interaktif, dan fungsinya harus sejelas mungkin.

praktik desain tombol ajakan untuk bertindak

Jika pengguna perlu mengklik sesuatu, buat itu terlihat dapat diklik. Bagaimana Anda memilih untuk melakukan ini adalah terserah Anda, tetapi pilihan khas termasuk menambahkan sudut membulat atau membuat tombol tampak menonjol dari sisa halaman.

Edit Ukuran CTA

Ukuran tombol ajakan bertindak adalah aspek lain yang harus dipertimbangkan selama tahap desain. Tombol harus cukup besar untuk menuntut perhatian, tetapi jika terlalu besar Anda berisiko mengganggu pengguna sampai mereka benar-benar meninggalkan situs web.

desain tombol ajakan bertindak situs web

CTA yang terlalu besar dapat terlihat terlalu dalam-wajah Anda dan memiliki efek negatif pada dampak visual situs web secara keseluruhan. Ada tingkat coba-coba untuk menemukan ukuran yang sempurna, tetapi sebagai panduan, sebaiknya buat tombol sekitar 20% lebih besar dari logo perusahaan Anda .

Sesuaikan Semua Tombol

Seringkali, merek ingin pengguna menyelesaikan beberapa tindakan berbeda saat berada di situs web dan menyertakan berbagai tombol ajakan bertindak untuk mencerminkan hal ini. Ini adalah taktik berbahaya dan berisiko mengasingkan pengguna sepenuhnya. Yang terbaik adalah memberikan pengguna tidak lebih dari dua opsi utama.

Tombol-tombol ini tidak harus sepenuhnya identik, tetapi harus serupa dari sudut pandang desain. Menggunakan terlalu banyak desain yang kontras dapat membuat situs web terlihat bingung.

tombol ajakan untuk bertindak, desain desain UI

Buat Fokus Dengan Kontras

Warna adalah alat yang hebat untuk digunakan saat mendesain, dan warna kontras dapat sangat membantu untuk membuat tombol yang menonjol dari halaman web mana pun. Kontras warna yang bagus terlihat di banyak situs web perusahaan berkinerja tinggi, lihat saja Netflix dan Airtable, misalnya. Dalam kedua kasus, tombol langsung kontras dengan warna sisa halaman, dan itulah yang membuatnya sangat efektif.

tombol ajakan untuk bertindak mendesain pengalaman pengguna

Ketika mempertimbangkan warna untuk dipilih, ada baiknya meluangkan waktu untuk membaca tentang psikologi warna , terutama dalam konteks pemasaran. Nuansa yang berbeda dapat memicu respons emosional yang sangat berbeda, dan bahkan dapat memiliki implikasi dalam hal harga, kepercayaan, dan keamanan.

tips desain ajakan bertindak

Bicaralah dengan Pemirsa yang Tepat

Respons terhadap palet warna berbeda-beda sesuai dengan audiens yang bersangkutan, jadi pertimbangkan demografis target Anda terlebih dahulu dan terutama. Target audiens retret meditasi akan jauh lebih responsif terhadap ajakan untuk bertindak netral dan berwarna pastel, sedangkan audiens lomba maraton lebih cenderung mengklik alternatif yang lebih berani dan lebih kuat. Luangkan waktu untuk menganalisis audiens target Anda sedetail mungkin, untuk memastikan bahwa keputusan yang Anda buat tentang warna adalah informasi sebanyak mungkin.

desain tombol ajakan untuk bertindak ui

Buat Salin Itu Penting

Salinan dipilih sebagai panggilan untuk bertindak tombol kebutuhan untuk kerja keras, meraih perhatian pengguna dan mendorong mereka untuk menyelesaikan langkah-langkah yang diperlukan. Pilih judul dan subjudul yang menarik, dan pastikan bahwa judulnya ditulis dalam nada suara merek Anda yang dapat dikenali.

desain tombol ajakan bertindak

Gunakan Font yang Dapat Dibaca

Jangan mengabaikan tipografi pada tahap ini juga. Banyak merek memilih dua atau tiga font sebagai bagian dari pedoman merek mereka , jadi pertimbangkan font yang kontras untuk memastikan bahwa ajakan bertindak tidak boleh dilewatkan.

Kesalahan Umum CTA

Ketika dirancang dengan baik, tombol ajakan untuk bertindak adalah sesuatu yang indah. Tetapi terlalu sering merek lupa tentang desain elemen yang sangat penting ini dan menyatukan sesuatu pada menit terakhir. Itu sering menghasilkan salah satu kesalahan ajakan bertindak yang paling umum.

Ada banyak kendala dalam hal desain ajakan bertindak, tetapi salah satu yang paling sering kita lihat adalah kurangnya kejelasan. Terkadang, merek tidak sepenuhnya menghargai pentingnya membuat tombol yang akan menonjol. Jadi, CTA mengapung dalam bayang-bayang ketika pengguna membaca dengan seksama sisa halaman mencoba menemukan apa yang mereka cari. Hindari ini dengan menggunakan warna yang kontras, pastikan tombolnya terlihat seperti tombol dan pastikan semua elemen interaktif sejernih kristal. Contoh di bawah ini menunjukkan desain yang tidak biasa, yang tidak cukup jelas untuk segera menarik perhatian pengguna.

desain tombol ajakan bertindak untuk pengalaman pengguna

Dalam upaya untuk memastikan tombol diperhatikan, mudah untuk jatuh ke dalam perangkap kesalahan umum lainnya. Membuat tombol terlalu besar dapat membuat pengguna gelisah, dan secara negatif memengaruhi tingkat konversi halaman arahan. Menggunakan terlalu banyak desain berbeda adalah masalah umum lainnya yang dapat membuat halaman tampak berantakan dan benar-benar mengurangi pengalaman pengguna secara keseluruhan . Pada contoh di bawah ini, terlalu banyak tombol yang digunakan, membuat halaman tampak berantakan dan membingungkan.

ui desain panggilan untuk aksi tombol desain

Lokasi tombol ajakan bertindak adalah faktor lain yang harus dipertimbangkan selama proses perencanaan. Jika mereka tidak ditempatkan di tempat yang diharapkan pengguna – yah, itu bisa memberikan hasil yang mengecewakan, tidak peduli seberapa baik mereka dirancang. Jadi, pastikan mereka berada dengan jelas di bawah tagline yang menarik yang dilihat pengguna segera setelah mereka mengunjungi halaman Anda. Pada contoh di bawah ini, tombol ditempatkan di sudut bawah halaman, di mana pengguna mungkin melewatkannya. Tidak hanya itu, warnanya menyatu terlalu banyak dengan sisa halaman.

desain tombol ajakan bertindak untuk pengalaman pengguna

Tombol ajakan untuk bertindak yang berkinerja baik bernilai bobot emas. Sebelum menambahkan tombol ke situs Anda, atau menggunakannya di aplikasi, buletin, dan pos sosial, pastikan Anda memikirkan elemen desain yang dapat membuat atau menghancurkannya. Pertimbangkan audiens target Anda, pikirkan branding Anda saat ini dan kerjakan pada tombol kontras yang menonjol untuk semua alasan yang tepat. Anda tidak akan percaya dampaknya.

sumber: icons8.com

- Advertisement -

Latest articles

7,350 Followers
Follow

Related articles