Cara Mendesain Tautan dan CTA yang Sangat Mudah

Pernahkah Anda melihat statistik situs web Anda dan bertanya-tanya: “Mengapa orang tidak pergi ke tempat yang saya inginkan?”

Mengapa mereka tidak mengunjungi halaman produk Anda? Mengapa mereka tidak melakukan pembelian?

Dalam posting ini saya akan membagikan beberapa kiat ahli yang dapat membantu Anda mengontrol bagaimana kemajuan pengunjung melalui situs web Anda.

Identifikasi Masalah

Pertama kita perlu mengidentifikasi apa masalahnya. Alat yang berguna seperti Google Analytics dapat memberi Anda banyak informasi statistik tentang situs Anda, tetapi saya telah menemukan bahwa lebih banyak alat visual, seperti Crazy Egg, Heatmap.com, dan Inspectlet, benar-benar dapat membantu Anda menunjukkan dengan tepat di mana masalah dalam Anda kebohongan situs.

Memiliki kerangka acuan visual seperti peta panas dapat langsung menunjukkan kepada Anda apa yang menarik perhatian audiens Anda. Ini sangat berguna ketika dikombinasikan dengan scrollmap, yang dapat memberi tahu Anda seberapa jauh pengunjung halaman Anda melihat ke bawah! Terkadang masalahnya bisa cepat dan mudah diperbaiki, tetapi terkadang tidak begitu jelas. Mudah-mudahan, tips ini akan membantu Anda untuk meningkatkan situs Anda dan mencapai lebih banyak tujuan Anda.

Solusi

Kejelasan

Meski terdengar bodoh, terkadang masalahnya bisa sesederhana klien yang tidak mengetahui secara sekilas apa yang dimaksud dengan tautan, dan apa yang tidak. Meskipun ini mungkin tampak jelas bagi Anda dan orang lain, kita harus ingat bahwa setiap orang beroperasi secara berbeda, dan mereka mungkin melihat situs web Anda secara berbeda dengan cara Anda melihatnya.

Misalnya, gambar promosi di situs Anda dapat menyulitkan untuk menentukan di mana pengunjung Anda seharusnya mengeklik. Ini adalah masalah yang sangat umum di situs web seperti downloads.cnet dan filehippo.com:

Download.cnet.com sama buruknya dengan filehippo untuk ini. Apakah Anda melihat tautan unduhan, atau spanduk besar berwarna oranye terang dan biru di bagian atas halaman terlebih dahulu? Dalam hal ini, itu hanya akan mengarahkan Anda ke situs web perusahaan, tetapi yang lain dapat membawa Anda ke mana saja.

Bagaimana mereka bisa memperbaiki ini? Cukup membuatnya lebih jelas akan langsung menyelesaikan masalah ini. Mereka perlu melepaskan tautan mereka dari iklan yang mencoba menyesatkan orang. Salah satu caranya adalah dengan menambahkan batas besar yang mencolok di sekitar judul dan tautan unduhan berikutnya, atau bahkan warna latar belakang penuh dan spasi untuk lebih menekankan judul dan tautan unduhan. Bahkan sesuatu yang sederhana seperti panah yang menunjuk ke tautan unduhan akan bekerja dengan sangat baik! Apa saja untuk membuat tautan mereka menonjol dari yang lain dengan cepat dan dengan demikian mengurangi "klik yang terlewat".

Gaya

Masalah lainnya adalah bagaimana gaya tautan dan CTA Anda. Sekarang, tidak ada benar atau salah dalam hal styling. Itu semua tergantung pada apa yang sesuai dengan desain dan situs web Anda dan apa yang menurut Anda terlihat paling baik, serta apa yang paling cocok untuk audiens Anda.

Karena itu, Anda mungkin telah memperhatikan selama beberapa tahun terakhir lonjakan besar tombol besar dan terang di lautan luas "ruang putih". Ada alasan yang sangat bagus untuk tren ini. Penelitian dan statistik menunjukkan bahwa pengunjung lebih cenderung terlibat dengan jenis tautan ini, lebih mungkin daripada varian lainnya:

Tapi kenapa ini? Mengapa kita, sebagai pengguna, tertarik ke situs dengan sedikit elemen untuk berinteraksi, daripada situs web dengan banyak jalan dan tautan untuk dijelajahi?

Sederhana: Ini tidak hanya menghilangkan kekacauan apa pun, tetapi penataannya membuatnya sangat jelas dan jelas apa yang dapat dan tidak dapat diklik. CTA dan tombol Daftar / Masuk menarik perhatian kami dan mengundang kami untuk mengkliknya.

Tetapi apakah ini berarti semua tautan kami harus berupa tombol besar yang terang?

Tidak semuanya. Kami hanya ingin menyoroti “Ajakan Bertindak” kami, yaitu tautan kami yang kami ingin pengunjung kami libatkan – sesuatu, menurut kami, yang akan menguntungkan mereka dan kami dalam beberapa hal, seperti halaman penjualan promosi, atau berita terbaru cerita.

Kembali ke contoh PayPal, boleh saja menggunakan tautan teks biasa untuk tautan yang lebih standar, atau yang kurang penting, selama tautan tersebut masih sangat jelas terkait dengan sesuatu. Di masa lalu, ini selalu ditunjukkan dengan teks yang digarisbawahi, dan kita masih dapat menggunakannya hari ini selama itu cocok dengan desain – meskipun beberapa orang merasa bahwa tautan yang digarisbawahi memiliki sedikit tempat dalam desain modern.

Misalnya, lihat teks di bawah tautan “Cari tahu lebih lanjut” PayPal, “Bukan pelanggan PayPal? Memulai. ” Hanya dengan menguatkan dua kata terakhir itu, perhatian pengunjung ditarik dan mereka secara halus didorong untuk berinteraksi. “Teks ini berbeda,” pikir mereka. “Apakah ada sesuatu di sana? Mengapa bagian itu dicetak tebal dan sisanya tidak?” Ini mengundang pengguna untuk mengarahkan kursor ke atasnya dan menemukan bahwa itu adalah tautan!

Ini perbedaan yang sederhana, tetapi di dunia di mana kita harus berjuang untuk setiap detik perhatian pengguna, itu adalah perbedaan yang dapat menghasilkan klik, dan itu bisa sangat mudah diterapkan. Lihat apa yang paling cocok untuk situs web dan klien Anda.

Lokasi di Layar

Pengguna memiliki sedikit waktu untuk menjelajahi situs untuk mendapatkan tautan, dan lebih banyak waktu yang terbuang akan mengakibatkan lebih banyak orang meninggalkan situs Anda. Jadi bagaimana kita bisa menghindari ini? Sekali lagi kami hanya membuatnya agar pengguna dapat mengidentifikasi tautan semudah mungkin.

Scrollmaps dapat sangat membantu di sini. Dari pengalaman saya, hampir semua pengunjung halaman akan melihat halaman paling atas, namun kurang dari 20% orang akan menggulir sampai ke bawah – bahkan lebih rendah untuk halaman yang lebih panjang. Namun lebih dari 80% akan melihat 50% pertama halaman.

Ukuran layar memainkan peran besar dalam hal ini, di samping resolusi layar dan ukuran perangkat. Namun, ini berarti bahwa apa pun di bawah bagian bawah layar kemungkinan besar tidak akan terlihat oleh pengunjung Anda. Jadi idealnya kami ingin memastikan CTA kami yang berharga berada di posisi teratas. Masalah terpecahkan, kan?

Ini adalah hal yang baik untuk dipertimbangkan sebagai aturan praktis, dan bekerja sangat baik untuk produk dan promosi tunggal. Tapi bagaimana ketika Anda membandingkan hasil pencarian produk misalnya? Anda akan memiliki banyak objek yang memperebutkan perhatian pengunjung.

Di sinilah Anda harus menggabungkan tiga hal dalam desain Anda: Kejelasan, Gaya, dan Lokasi. Hal utama yang perlu diingat adalah jika ada terlalu banyak informasi di layar, pengguna akan kehilangan minat dengan cepat. Jika Anda memiliki banyak produk untuk ditampilkan, Anda ingin memberi mereka info minimal yang mampu Anda berikan – idealnya judul, harga, dan CTA “Info selengkapnya / beli sekarang”.

Terserah Anda untuk memutuskan apa lagi yang akan disertakan. Tetapi untuk contoh desain yang bagus, lihat situs supermarket besar seperti Tesco:

Pencarian sederhana untuk "roti" menghasilkan ratusan produk yang berbeda, tetapi Tesco telah memberikan banyak ruang untuk semua produk untuk bernafas, dan menyederhanakan proses belanja menjadi "Kuantitas?" dan tambahkan".

Anda mungkin juga memperhatikan bahwa tombol mengikuti semua aturan: Jelas, spasi dan gaya menarik, dan muncul secara logis di kisi, di bawah produk dan deskripsi apa pun yang mungkin ada.

Cari-cari contoh lain untuk melihat apa yang dilakukan situs e-niaga besar saat menyajikan banyak CTA, Anda mungkin akan terkejut dengan apa yang Anda temukan!

Ringkasan

Semoga blog ini memberi Anda beberapa wawasan tentang trik sederhana yang benar-benar dapat membantu meningkatkan kesuksesan situs web Anda. Singkatnya, yang perlu Anda ingat saat membuat tautan dan CTA adalah:

• Kejelasan . Pastikan CTA Anda menonjol dari apa pun di halaman, terutama jika akan ada tautan dan tombol lain yang dapat menyebabkan kebingungan. Anda harus bisa membedakan yang asli dari yang palsu secara instan.

• Gaya. Orang-orang tertarik pada tombol besar yang terang, dan kami tertarik pada bidang teks besar yang menarik perhatian kami. Semakin sedikit upaya yang harus dilakukan pengguna dalam mengidentifikasi tautan atau tombol, semakin besar kemungkinan dia untuk mengkliknya. Ini berlaku untuk tautan yang lebih kecil dan kurang penting – Anda tidak akan pernah ingin kehilangan tautan dalam teks atau gambar, jadi tetapkan panduan ketat tentang bagaimana Anda mendesain tautan dan CTA Anda. Manfaatkan font tebal, warna berbeda, atau sesuatu yang lain untuk menyorot dan membedakan yang dapat diklik dari yang tidak dapat diklik. Pastikan mereka digunakan secara konsisten. Demikian pula, pastikan tidak ada gambar Anda yang memasukkan elemen-elemen ini kecuali Anda memiliki alasan yang sangat bagus untuk itu.

• Lokasi, Lokasi, Lokasi . Di mana Anda menempatkan tautan dan CTA Anda penting. Jika tautan "Beli Sekarang" Anda yang sangat berharga dan penting tidak muncul di paro atas untuk seseorang, kemungkinan klien akan mengekliknya kurang dari 50%, karena kurang dari 50% pengguna akan menggulir ke bawah sejauh ini.

Saya harap saran ini membantu! Jangan lupa untuk selalu mencari dan melihat apa yang dilakukan orang lain untuk mengatasi masalah ini, dan membandingkan situs mereka dengan situs Anda untuk melihat di mana dan bagaimana situs Anda dapat lebih ditingkatkan.