Petunjuk Arah: Tips Desain yang Membuat Pengunjung Bertindak

Anda baru saja selesai mendesain halaman arahan pasca-klik berikutnya. Anda membuat judul dan subjudul yang mematikan, menulis salinan yang sangat persuasif, menyempurnakan formulir Anda, menciptakan CTA terbaik yang pernah ada, dan hierarki halaman Anda tepat. Setiap elemen berada di tempat terbaik untuk meyakinkan pengunjung agar berkonversi.

Jadi halaman arahan pasca-klik Anda siap diterbitkan, bukan? Tidak terlalu.

Bagaimana Anda memastikan pengunjung Anda menonton video yang dibuat oleh tim Anda selama berjam-jam? Atau pengunjung mengklik tombol CTA yang sempurna itu?

Jangan biarkan semua ini kebetulan; mengarahkan pengunjung tepat ke tempat yang Anda inginkan. Buat mereka melihat di mana Anda ingin mereka fokus (dan mengambil tindakan) elemen halaman arahan pasca-klik Anda yang paling penting.

Mirip dengan tata letak F-Pattern dan Z-Pattern, menggunakan petunjuk arah (alias isyarat visual) dapat memengaruhi pengunjung Anda untuk menavigasi halaman Anda dengan niat. Ketiga komponen desain halaman arahan pasca-klik ini menggunakan psikologi untuk memengaruhi tindakan pengguna dan membantu memaksa mereka untuk mengambil tindakan.

Mari kita lihat lebih dekat cara kerjanya.

Apa itu petunjuk arah?

Petunjuk arah adalah alat bantu visual, seperti panah atau tatapan mata model, yang mengarah ke elemen terpenting dari halaman arahan pasca-klik Anda, misalnya formulir tangkapan prospek, CTA, video, testimonial, atau informasi di paro bawah.

Ada dua tipe dasar petunjuk arah: petunjuk arah implisit dan eksplisit.

Sebelum kita mengkaji bagaimana kedua hal ini dapat dengan sengaja memusatkan perhatian pengunjung, mari kita lihat psikologi di balik alat bantu visual ini.

Psikologi di balik isyarat visual

Isyarat visual dapat dianggap sebagai sinyal atau getaran, dan secara tidak sadar otak Anda dapat mengidentifikasi sinyal tersebut. Pada kencan pertama, misalnya, Anda dapat belajar banyak tentang teman kencan Anda melalui getaran yang dia kirimkan — bahasa tubuh, kontak mata, ekspresi wajah — yang menunjukkan apakah orang tersebut tertarik atau tidak. Tanpa disadari, Anda mengambil getaran ini dari semua orang.

Anda dapat menyampaikan dan menerima getaran yang sama dalam konteks pemasaran digital dan dengan halaman arahan pasca-klik. Isyarat visual pada halaman arahan pasca-klik Anda memberi pengunjung Anda pesan yang halus, getaran, perasaan.

Dengan halaman arahan pasca-klik, apa yang menentukan bagaimana kami menerjemahkan getaran atau isyarat ini? Biasanya, pengalaman masa lalu dan pengetahuan kita yang tersimpan cenderung mempengaruhi persepsi kita. Dan seperti yang akan Anda lihat di bawah, berbagai sinyal yang dapat membantu memandu pengunjung untuk terlibat dengan halaman Anda dan mengambil tindakan.

Petunjuk arah implisit pada halaman arahan pasca-klik

Isyarat arah implisit tidak kentara, sering kali tidak diperhatikan oleh pengunjung. Jenis yang paling umum termasuk ruang putih, kontras warna, dan enkapsulasi. Berikut adalah tampilannya masing-masing:

Ruang putih

Ruang putih adalah ruang negatif atau area kosong dari halaman arahan pasca-klik Anda yang membantu menarik perhatian ke elemen tertentu. Menambahkan spasi dapat membantu menyederhanakan halaman Anda, meningkatkan pengalaman pengguna, dan meningkatkan pemahaman keseluruhan tentang penawaran Anda. Itu karena, dengan lebih sedikit elemen untuk difokuskan, pengunjung dipaksa untuk melihat apa yang Anda inginkan.

Berikut adalah halaman arahan pasca-klik dari Percolate yang menggunakan ruang putih substansial di sekitar judul, subjudul, dan formulir pengambilan prospek:

Kontras warna

Warna kontras berfungsi sebagai petunjuk arah karena perbedaan warna yang mencolok membuat pengunjung memperhatikan area tersebut.

Untuk menunjukkan, Marketo menawarkan panduan pemasaran media sosial di halaman arahan pasca-klik ini, tetapi CTA hilang karena kontras warna tidak ada:

Tetapi pada halaman arahan pasca-klik Akademi Codify ini, tombol CTA melompat dari halaman karena merah kontras dengan setiap warna lainnya:

Enkapsulasi

Enkapsulasi, atau pembingkaian elemen, adalah cara lain untuk menyoroti apa yang penting pada halaman dengan membuat jendela fokus tertutup. Desainer sering melakukan ini dengan kotak, garis, dan/atau warna kontras untuk mengurangi kekacauan halaman dan menarik perhatian ke elemen tertentu.

Universitas Bellevue menggunakan teknik ini dua kali pada halaman di bawah ini — pada gambar header dan formulir. Namun, formulirnya bahkan lebih terenkapsulasi karena dirancang dalam kotak ungu yang kontras untuk membuat pengunjung halaman arahan pasca-klik mengirimkan informasi mereka:

Petunjuk arah eksplisit pada halaman arahan pasca-klik

Isyarat eksplisit sangat jelas bagi mata manusia dibandingkan dengan isyarat implisit sehingga biasanya dapat langsung terlihat. Tatapan mata, penunjuk atau isyarat, pemosisian objek strategis, panah, dan garis, semuanya termasuk dalam kelompok ini. Mari kita lihat lebih dekat masing-masing jenis:

Tatapan mata

Menggunakan tatapan mata manusia sebagai petunjuk arah sangat efektif pada halaman arahan pasca-klik. Orang cenderung melihat apa yang dilihat orang lain, jadi jika seseorang di layar melihat formulir, pengunjung kemungkinan besar akan memperhatikan formulir juga. Teknik ini secara tidak sadar memengaruhi pengunjung untuk melihat ke tempat yang Anda inginkan dan juga menambah daya tarik pribadi. Donald Trump dan Hillary Clinton sama-sama memahami nilai dari teknik ini — menggunakannya di halaman donasi mereka selama musim kampanye.

Berikut adalah halaman arahan pasca-klik dari Universitas Capella, menampilkan seorang mahasiswa yang tersenyum melihat ke arah judul, subjudul, dan formulir. Tanpa disadari, pengunjung cenderung memusatkan perhatian mereka di sini juga:

Bukti sosial (misalnya testimonial) juga dapat memanfaatkan tatapan mata, seperti yang terlihat di sini di halaman When I Work:

Menunjuk atau memberi isyarat

Mirip dengan tatapan mata, memiliki titik model atau isyarat terhadap elemen penting membuat pengunjung fokus pada area itu. Karena teknik ini tidak sehalus tatapan mata; ada kemungkinan gerakan itu tampak murahan dan tidak wajar. Oleh karena itu, pastikan untuk menguji A/B halaman Anda dengan gerakan berbeda untuk melihat apa yang menghasilkan hasil terbaik.

Penempatan objek

Memposisikan gambar sedemikian rupa sehingga mengarah ke area fokus tertentu menarik perhatian prospek dan membuat elemen tertentu lebih terlihat.

U-Pack memastikan formulir halaman arahan pasca-klik mereka terlihat oleh setiap pengunjung. Mereka tidak hanya merangkumnya dengan batas hitam, tetapi mereka juga menempatkan truk yang bergerak menghadap formulir sehingga pengunjung tidak bisa tidak memperhatikan:

panah

Baik itu bergerak atau diam, panah adalah salah satu petunjuk arah eksplisit yang paling umum digunakan karena sederhana dan mudah dipahami.

Loud Rumour menggunakan panah gambar tangan stasioner pada formulir keikutsertaan dua langkah untuk memengaruhi klik tombol CTA:

Meskipun pengguna web terbiasa menggulir, panah juga biasanya ditempatkan untuk membantu pengunjung bernavigasi di paro bawah. Lihat bagaimana Kontak Konstan melakukan ini dengan panah tertutup sederhana:

Ini satu lagi dari Boardvantage — di mana panah di-hyperlink. Setelah diklik, halaman akan bergulir ke paro bawah dan menampilkan tiga kasus penggunaan yang berbeda:

Garis

Garis adalah salah satu isyarat yang kurang jelas, tetapi karena manusia cenderung mengikuti jalur secara alami, garis bisa sangat berguna pada halaman arahan pasca-klik. Itu karena petunjuk arah linier dapat memandu pengunjung melalui berbagai bagian halaman Anda atau untuk membantu prospek tetap fokus pada bagian halaman tertentu.

Misalnya, Datorama menggunakan garis grafik tren naik untuk menyorot tombol CTA “Coba sekarang”. Saat pengunjung mengklik tombol, mereka akan diarahkan ke formulir pengambilan prospek di bagian bawah halaman tempat mereka dapat mendaftar untuk uji coba Datorama gratis:

Mempengaruhi pengunjung untuk berkonversi dengan petunjuk arah

Mari kita baca kembali halaman arahan pasca-klik yang hampir sempurna yang telah kami rangkum di awal.

Meskipun judul, salinan, formulir, dan CTA Anda sangat penting untuk mendorong konversi; elemen ini hanya sebagian dari pengalaman halaman arahan pasca-klik pengunjung. Tambahkan beberapa petunjuk arah — baik implisit maupun eksplisit — untuk memastikan prospek Anda akan memusatkan perhatian mereka pada apa yang paling penting bagi sasaran konversi Anda.

Petunjuk mana yang akan Anda tambahkan ke halaman arahan pasca-klik berikutnya? Apa pun yang Anda putuskan, buat halaman arahan pasca-klik yang dioptimalkan sepenuhnya dengan Instapage dalam hitungan menit. Daftar untuk demo Instapage Enterprise hari ini.