17 Elemen Kunci Untuk Formulir Halaman Arahan Konversi Tinggi [Terbukti]

Diterbitkan: 2022-04-17

Seberapa besar pengaruh formulir halaman arahan terhadap laba Anda?

Mari kita lihat Expedia: Kembali pada tahun 2010, Expedia menemukan bahwa bidang formulir opsional berjudul "Perusahaan" menelan biaya $12 juta dolar setahun.

Apa?!

Ya.

Pengunjung yang menekan tombol “Pesan sekarang” mengisi kolom “Perusahaan” opsional dengan nama bank mereka, kemudian menambahkan alamat bank mereka alih-alih alamat rumah mereka, sehingga mengakibatkan ratusan transaksi gagal.

Setelah mereka menghapus bidang formulir tambahan, penjualan meroket dalam semalam.

Astaga.

Ketika datang ke formulir halaman arahan, kecelakaan kecil berkontribusi pada konversi besar-besaran setiap saat.

Itulah salah satu alasan mengapa formulir halaman arahan adalah salah satu elemen yang paling banyak dipelajari di semua pemasaran.

Kabar baik: Setelah bertahun-tahun mendesain halaman arahan dan pengoptimalan konversi, kami telah menyaring formulir halaman arahan yang sempurna menjadi 17 elemen yang didukung data. Pada artikel ini, kita akan merinci cara mengoptimalkan masing-masing (dengan contoh).

Lakukan dengan benar dan Anda memiliki emas konversi.

Jika mereka salah dan Anda mungkin mendapati diri Anda mengalami pendarahan seperti Expedia.

Langsung ke:
  • Haruskah semua halaman arahan memiliki formulir?
  • Elemen formulir halaman arahan dengan konversi tinggi
  • Pengujian A/B untuk kemenangan

Haruskah semua halaman arahan memiliki formulir?

Pertama, sebelum kita beralih ke praktik dan contoh terbaik, mari kita selesaikan semua kebingungan tentang apakah semua laman landas memerlukan formulir atau tidak.

Jawaban singkat: Ya dan tidak.

Mari saya jelaskan…

Ada dua jenis halaman arahan: Halaman pengambilan prospek dan halaman klik-tayang.

Halaman pengambilan prospek (halaman pembuatan prospek AKA) menyertakan formulir langsung di halaman arahan. Lagi pula, tanpa formulir, bagaimana Anda menangkap informasi prospek sehingga penjualan dapat ditindaklanjuti?

Misalnya, halaman arahan otomatisasi pemasaran Blueshift menampilkan formulir prospek yang meminta informasi kontak. Setelah prospek mengirimkan informasi kontak mereka, tim penjualan Blueshift akan menindaklanjuti dengan memimpin untuk menjadwalkan demo. Sederhana.

Formulir prospek pergeseran biru
Formulir prospek pergeseran biru

Halaman klik-tayang, di sisi lain, tidak menyertakan formulir di halaman arahan. Sebaliknya, ketika Anda mengklik tombol ajakan bertindak (CTA), itu akan membuka (atau mengklik ke) halaman konversi di mana prospek dapat segera menyelesaikan tujuan konversi Anda (yaitu tidak diperlukan informasi prospek).

Misalnya, Norton menggunakan halaman arahan klik-tayang untuk menghangatkan prospek sebelum menjual perangkat lunak antivirus mereka. Karena prospek dapat membeli langsung dari situs web (tidak diperlukan tim penjualan), mereka tidak memerlukan formulir prospek.

Halaman klik-tayang Norton
Halaman klik-tayang Norton (tidak ada formulir prospek)

Jadi, dalam hal formulir di halaman arahan, secara teknis, hanya halaman tangkapan prospek yang menyertakan formulir.

Namun, meskipun halaman klik-tayang tidak menyertakan formulir di halaman arahan, ada kemungkinan besar halaman itu mengklik ke halaman yang menyertakan formulir, seperti halaman pembuatan akun, halaman pendaftaran, atau halaman checkout.

Misalnya, bahkan halaman klik-tayang Norton menyertakan formulir pembayaran pada akhirnya:

Formulir pembayaran Norton
Formulir pembayaran Norton

Takeaway: Tidak semua halaman arahan menyertakan formulir di dalamnya, tetapi pada titik tertentu, setiap jalur menuju konversi melewati formulir. Anda tidak dapat menghindari mereka. Dan paling tidak, setiap situs web membutuhkan formulir kontak. Jadi dengarkan!

Elemen formulir halaman arahan dengan konversi tinggi

Tanpa basa-basi lagi, mari kita jelajahi 17 elemen desain formulir halaman arahan dengan konversi tinggi (tanpa urutan tertentu):

  1. Tata letak formulir
  2. Teknik remah roti (multi-langkah)
  3. Indikator kemajuan
  4. Jumlah bidang
  5. Label bidang
  6. Teks tempat penampung
  7. Pemicu klik
  8. Mikrofotokopi
  9. Ajakan bertindak (CTA)
  10. Munculan formulir vs. embed
  11. IsiOtomatis
  12. format otomatis
  13. Bukti sosial
  14. Wajib vs. opsional
  15. Ramah seluler
  16. Logika bersyarat
  17. Tombol radio vs. dropdown

1. Tata letak formulir

Ketika datang ke formulir, Anda memiliki tiga opsi tata letak: kolom tunggal, kolom ganda, atau hibrid.

Bentuk kolom tunggal adalah bentuk linier dengan bidang bentuk yang diatur dalam garis lurus dari atas ke bawah. Misalnya, formulir prospek dari Hellosign ini menampilkan tata letak satu kolom:

Hellosign tata letak kolom tunggal
Tata letak kolom tunggal

Formulir kolom ganda, di sisi lain, menampilkan dua kolom bidang formulir yang diatur dalam baris dari atas ke bawah. Misalnya, formulir prospek dari Hubspot ini menampilkan tata letak kolom ganda:

Bentuk kolom ganda Hubspot
Formulir kolom ganda Hubspot - sumber

Dan terakhir, formulir hibrida adalah formulir dengan kolom tunggal dan kolom ganda. Misalnya, formulir Oscar ini menampilkan tata letak hibrida:

Tata letak formulir hibrida
Tata letak formulir hibrida

Selama bertahun-tahun, formulir satu kolom dianggap sebagai tata letak formulir terbaik untuk konversi yang lebih tinggi.

Misalnya, Peep dari CXL telah menyatakan di masa lalu bahwa formulir satu kolom berkinerja lebih baik daripada formulir dua kolom. Ben Labay (desainer UX dan direktur pemasaran Speero) bahkan menerbitkan sebuah penelitian yang menyatakan bentuk linier lebih cepat dan, dengan demikian, lebih baik.

Tapi tidak semua orang setuju.

Misalnya, Hubspot menguji bentuk kolom tunggal dan menemukan bahwa bentuk kolom ganda mengungguli bentuk kolom tunggal sebesar 57%.

Mengapa? Lebih banyak bidang formulir.

Formulir Hubspot memiliki 13 bidang formulir; tata letak satu kolom tampak dan terasa menakutkan. Kemungkinan mengapa bentuk kolom ganda yang lebih pendek dikonversi lebih tinggi.

Takeaway: Ketika datang ke tata letak formulir, pertimbangkan jumlah bidang formulir sebelum memilih opsi.

Jika Anda memiliki delapan bidang formulir atau kurang, formulir satu kolom mungkin berfungsi paling baik. Ada banyak bukti yang membuktikan bahwa formulir kolom tunggal yang lebih pendek lebih mudah dan lebih cepat untuk diisi karena tidak mengganggu momentum vertikal dari atas ke bawah.

Jika Anda memiliki 10+ bidang formulir seperti Hubspot, formulir dua kolom kemungkinan akan berkinerja lebih baik. Dalam hal ini, bentuk kolom ganda membuat panjang formulir terasa lebih pendek dan tidak berlebihan.

Untuk mendapatkan yang terbaik dari kedua dunia, bereksperimenlah dengan bentuk hibrida: gunakan beberapa baris kolom ganda untuk mempersingkat formulir, tetapi beberapa baris kolom tunggal untuk menjaga momentum tetap berjalan.

Dan jika Anda benar-benar ingin meningkatkan konversi formulir, pertimbangkan formulir satu kolom yang dipecah menjadi beberapa langkah. Ini membawa kita ke poin berikutnya…

2. Teknik Breadcrumb (bentuk multi-langkah)

Formulir multi-langkah (AKA The Breadcrumb Technique) memecah formulir panjang menjadi beberapa langkah, setiap langkah dengan tidak lebih dari 3-4 bidang formulir (sebaiknya dalam satu kolom).

Tapi itu tidak semua.

Formulir multi-langkah menggunakan psikologi perilaku untuk mengubah prospek secara mikro dari satu tahap ke tahap berikutnya dengan mengajukan pertanyaan mudah terlebih dahulu, menyimpan pertanyaan yang mengintimidasi untuk yang terakhir.

Hah?

Psikologi perilaku memberi tahu kita bahwa orang suka menyelesaikan hal-hal yang mereka mulai. Keajaiban Teknik Breadcrumb membuat mereka memulai dengan mengajukan pertanyaan softball terlebih dahulu.

Misalnya, formulir prospek kami sendiri menggunakan formulir multi-langkah yang dipecah menjadi empat langkah. Tapi alih-alih meminta alamat email dan nomor telepon terlebih dahulu (sangat mengintimidasi), kami memintanya terakhir. Sebenarnya, tiga langkah pertama mengajukan pertanyaan yang tidak mengancam:

Formulir klientboost
Formulir multi-langkah KlientBoost

Hasil? Lebih banyak konversi.

Mari kita lihat datanya…

Kami mengubah formulir untuk klien kami menjadi dua langkah (dan meminta nama, telepon, email terakhir). Dengan demikian kami mencapai:

  • Penurunan BPA dari $800+ menjadi $35
  • Volume konversi meningkat dari 6 menjadi 135/bln
  • Tingkat konversi meningkat dari 1% menjadi hampir 20%

Berikut formulirnya:

contoh teknik remah roti
Bentuk dua langkah

Dan inilah hasilnya:

Hasil remah roti
Formulir multi-langkah untuk menang!

Kami melakukan hal yang sama dengan klien lain dan mencapai peningkatan konversi sebesar 74% serta penurunan BPA sebesar 51%.

Sebelum formulir multi-langkah
Setelah bentuk multi-langkah (74% peningkatan konversi)

Tapi kami bukan satu-satunya yang menggunakan formulir multi-langkah. Generasi prospek terbaik dan halaman arahan SaaS semuanya menggunakan formulir multi-langkah juga.

Misalnya, pelacakan kendaraan Lytx menggunakan formulir multi-langkah di halaman arahan mereka:

Formulir multi-langkah Lytx

Dan ADP menggunakan formulir multi-langkah di halaman arahan mereka:

Formulir multi-langkah ADP

Takeaway: Satu-satunya contoh di mana formulir multi-langkah tidak mengonversi lebih tinggi dari formulir satu langkah adalah untuk penawaran bernilai rendah dan rendah permintaan seperti panduan, whitepaper, atau ebook. Untuk setiap halaman arahan generasi prospek standar lainnya (yaitu meminta demo atau konsultasi gratis), formulir multi-langkah mengonversi lebih tinggi daripada formulir satu langkah.

3. Indikator kemajuan

Jika Anda memilih formulir multi-langkah, jangan lupakan indikator kemajuan (terutama untuk formulir yang lebih panjang).

Indikator kemajuan (atau bilah kemajuan), seperti namanya, menggunakan penanda visual untuk menunjukkan kepada pengunjung di mana mereka berada dalam formulir dan berapa lama lagi mereka sampai selesai.

Misalnya, ADP menunjukkan kemajuan dengan memberi nomor pada setiap langkah dari formulir mereka dan menyorot langkah saat ini dengan warna biru:

Indikator kemajuan ADP
Indikator kemajuan ADP

Dua jenis bilah kemajuan lainnya termasuk persentase lengkap dan langkah-langkah berlabel (tanpa angka):

Persentase selesai

Progres bar persentase
Bilah kemajuan persentase - sumber

Langkah tersisa (tidak ada angka)

Bilah kemajuan
Bilah kemajuan dengan nama langkah, tetapi tanpa angka - sumber

Takeaway: Ketika datang ke indikator kemajuan, gunakan dengan murah hati. Penelitian telah menunjukkan bahwa memvisualisasikan jalur yang jelas menuju penyelesaian dapat meningkatkan konversi formulir dan mengurangi pengabaian keranjang. Terakhir, jangan lupa untuk membuat toggling bolak-balik antar langkah menjadi mudah.

4. Jumlah bidang formulir

Pertanyaan jutaan dolar: berapa banyak bidang formulir yang harus saya sertakan di formulir halaman arahan saya?

Menurut Hubspot, bentuk lead gen yang khas terdiri dari lima bidang formulir:

Sebagian besar formulir memiliki 3-6 bidang formulir - sumber

Dan menurut Hubspot lagi , semakin panjang bentuknya, semakin rendah konversinya:

Tingkat konversi menurun
Tingkat konversi menurun dengan lebih banyak bidang formulir, menurut Hubspot - sumber

Tampaknya logis, bukan?

Tidak begitu cepat.

Ya, memang benar bahwa bidang formulir yang lebih pendek biasanya menghasilkan konversi yang lebih tinggi—tetapi tidak selalu.

Misalnya, dalam eksperimen terkenal dari Michael Aagaard (sebelumnya dari Unbounce), ia menemukan bahwa menghapus tiga bidang formulir (dari 9 menjadi 6) sebenarnya mengurangi konversi sebesar 14%.

Kontrol vs pengobatan. 14% penurunan konversi - sumber

Apa yang terjadi? Michael menyimpulkan bahwa tiga bidang yang dia singkirkan sebenarnya adalah tiga bidang yang paling banyak diminati. Jadi dia menambahkannya kembali, dan memperbarui salinan untuk membatasi gesekan, dan mengalami peningkatan konversi sebesar 19% di atas yang asli.

Bidang formulir diperbarui salinan
Jumlah bidang formulir yang sama. Salinan yang diperbarui. Peningkatan konversi 19% - sumber

Dalam contoh lain, CXL menemukan bahwa hanya dengan meminta email, konversi 13,56% lebih rendah daripada ketika mereka juga menanyakan nama, negara bagian, dan pengalaman mengemudi:

Lebih sedikit bentuk
Lebih sedikit formulir tidak selalu berarti lebih banyak konversi - sumber

Ketika datang ke generasi memimpin, jika semua yang Anda lakukan adalah menghilangkan bidang formulir, apa yang tersisa untuk prospek Anda?

Entah apa-apa selain pertanyaan yang mengintimidasi seperti nama, nomor telepon, dan email. Dalam hal ini, rasa takut saja bisa membuat Anda kehilangan konversi.

Atau tidak cukup pertanyaan untuk membuat prospek merasa bahwa Anda akan menjawab pertanyaan mereka dengan benar.

Selain itu, formulir yang lebih pendek dapat meningkatkan konversi dengan mengurangi bidang formulir tetapi pada saat yang sama menurunkan kualitas prospek. Tidak ada bueno.

Takeaway: Semua orang setuju bahwa Anda harus menghilangkan kolom formulir yang tidak perlu (yaitu pertanyaan yang tidak perlu Anda jawab). Apakah Anda harus menambahkan lebih banyak bidang atau menghilangkan bidang tergantung pada konteksnya.

  • Motivasi: Calon pelanggan yang lebih dekat dengan pembelian memiliki kecenderungan yang lebih tinggi untuk mengisi formulir yang lebih panjang karena mereka memiliki motivasi yang tinggi untuk membeli (yaitu tidak ada yang menghalangi mereka). Misalnya, jika saya ingin perkiraan pinjaman hipotek, saya akan mengisi 20 bidang formulir untuk menerimanya. Tidak terlalu banyak untuk sebuah ebook gratis.
  • Sasaran konversi: Langganan email atau pendaftaran webinar sesuai permintaan membutuhkan bidang yang jauh lebih sedikit daripada formulir pembuatan prospek. Dua tujuan yang berbeda, dua ukuran bentuk yang berbeda. Tidak perlu multi-langkah keikutsertaan email sederhana.
  • Kualitas prospek: Jika kualitas prospek lebih penting daripada volume prospek, tambahkan lebih banyak bidang formulir dan kumpulkan lebih banyak informasi. Tetapi jika kualitas prospek tidak lebih penting daripada volume prospek (yaitu Anda mengumpulkan data pihak pertama untuk membangun audiens iklan khusus), maka lebih sedikit bidang formulir untuk menang.
  • Struktur: Jika Anda membuat permintaan serius, seperti menjadwalkan demo atau bertemu dengan perwakilan penjualan, formulir multi-langkah seperti kode cheat. Anda bisa lolos dengan mengajukan lebih banyak pertanyaan hanya dengan memecahnya menjadi langkah-langkah yang lebih kecil.

Terakhir, kami menghubungi Oli Gardner, CEO dan pendiri Unbounce, untuk mendapatkan umpan baliknya tentang panjang formulir. Inilah yang dia katakan:

“Saya mulai dengan mentalitas yang sama seperti kebanyakan orang, bahwa bidang formulir yang lebih sedikit berkinerja lebih baik.

Dari sudut pandang konversi, ini masih benar. Tetapi Anda akan terkejut melihat bagaimana menambahkan beberapa bidang lagi dapat memengaruhi hasil.

Terkadang panjang bentuk tidak membuat banyak perbedaan, dan jika Anda tertarik pada kualitas daripada kuantitas, gesekan ekstra bisa menjadi hal yang baik.

Tapi pilih bidang itu dengan hati-hati, atau gesekan akan membuat data palsu.

Misalnya, saya melihat formulir yang menawarkan laporan tentang teknologi pembayaran chip dan pin baru. Formulir tersebut menyertakan bidang tombol radio di sebelah ajakan bertindak yang menanyakan apakah saya seorang pemberi kerja atau pencari kerja, yang keduanya tidak memiliki relevansi dengan tawaran itu—dan itu adalah bidang wajib!

Pertanyaan yang tidak perlu akan membuat beberapa orang lari, dan sisanya hanya akan mengklik secara acak untuk mengabaikan pertanyaan, mencemari data dan menjadikannya tidak berharga.”

5. Penempatan label bidang

Label bidang mengacu pada salinan di atas, di samping, atau di dalam bidang formulir yang menunjukkan nama masing-masing bidang formulir.

Misalnya, dalam formulir di bawah ini, dua label bidang bertuliskan "Email" dan "Kata Sandi" (diletakkan di atas bidang formulir):

Label bidang
Label bidang menunjukkan nama bidang

Dalam hal penempatan label, Anda memiliki tiga opsi utama:

  • Di atas (rata kiri)
  • Sebaris (rata kiri)
  • Kiri bidang (rata kanan)

Mari kita tinjau masing-masing.

Di atas (rata kiri)

Label ditempatkan di atas kotak bidang formulir dan didorong ke kiri.

Misalnya, formulir pembuatan akun SEMRush yang baru saja kami tunjukkan (di atas) menempatkan label formulir di atas bidang, sejajar dengan kiri.

Dalam hal konversi, penelitian menunjukkan bahwa label rata kiri di atas bidang formulir mengonversi yang tertinggi. Mengapa? Karena mereka yang termudah dan tercepat untuk diisi.

Misalnya, menggunakan perangkat lunak pelacakan mata, Anda dapat melihat bahwa label rata kiri di atas bidang formulir membuat mata pengunjung tetap fokus pada bidang formulir dan label dengan beban kognitif terbatas:

momentum vertikal
Di atas (rata kiri) menjaga momentum vertikal bergerak, tidak ada pembacaan sisi ke sisi - sumber

Sebaris atau “dalam bidang” (rata kiri)

Label ditempatkan di dalam kotak bidang formulir dan didorong ke kiri.

Misalnya, formulir Bob HR di bawah ini menempatkan label bidang di dalam kotak bidang:

Label bidang sebaris
Label bidang sebaris

Label bidang sebaris berfungsi dengan baik untuk formulir pendek seperti ini, terutama jika Anda hanya meminta informasi dasar seperti nama atau nomor telepon.

Tetapi untuk formulir yang lebih panjang dengan bidang formulir yang lebih kompleks, formulir sebaris menciptakan mimpi buruk pengalaman pengguna, terutama di seluler.

Mengapa?

Setelah Anda mengklik sebuah kotak, labelnya menghilang. Jika Anda lupa apa yang dikatakan label, satu-satunya cara untuk mengetahuinya lagi adalah dengan menghapus seluruh entri Anda dan memulai dari awal. Astaga.

Kiri bidang (rata kanan)

Label ditempatkan di sebelah kiri kotak bidang (di luarnya).

Meskipun tidak seefisien label yang ditempatkan di atas bidang formulir (karena pengunjung perlu mengalihkan pandangan mereka dari kiri ke kanan, atas dan bawah), label yang ditempatkan di sebelah kiri bidang formulir juga memerlukan beban kognitif yang terbatas.

Label bidang kiri (rata kanan)
Label bidang kiri (rata kanan) - sumber

Takeaway: Tempatkan label bidang di atas bidang formulir (rata kiri) untuk hasil terbaik. Dan jika Anda menginginkan yang terbaik dari kedua dunia, coba label formulir sebaris yang pindah ke bagian atas bidang formulir setelah seseorang mulai mengetik, seperti ini:

Label formulir sebaris hibrida
Hibrida: Label formulir sebaris yang bergerak ke atas setelah Anda mulai mengetik - sumber

Apa pun opsi yang Anda pilih, perhatikan hal berikut:

  • Gunakan label teks biasa: Label tebal mungkin terdengar menarik, tetapi lebih sulit dibaca
  • Ruang putih: Pastikan bidang formulir dan label Anda memiliki ruang putih yang memadai di antara keduanya
  • Perataan teks: Untuk mengurangi beban kognitif, ratakan teks ke kanan saat Anda menempatkan label bidang di sebelah kiri bidang, dan ratakan teks ke kiri saat Anda menempatkan label bidang di atas atau sebaris
  • Kedekatan: Apa pun yang Anda lakukan, jaga agar label tetap dekat dengan bidang formulirnya

6. Teks placeholder

Teks placeholder adalah petunjuk, deskripsi, atau contoh yang ditempatkan di dalam bidang formulir (biasanya dalam warna abu-abu muda) yang menghilang begitu seseorang mulai mengetik. Teks placeholder sama seperti label sebaris, hanya saja sebagai ganti nama label, ini adalah contoh pengiriman yang sebenarnya.

Misalnya, Oscar menggunakan teks placeholder dalam setiap bidang formulir tangkapan prospeknya:

Teks tempat penampung
Teks placeholder adalah teks contoh abu-abu muda di dalam bidang formulir

Studi demi studi mengonfirmasi bahwa menggunakan teks placeholder sebaris menciptakan pengalaman pengguna yang buruk dan mengurangi konversi formulir.

Mengapa? Ini beban yang tidak perlu, sungguh.

  • Seperti label sebaris, teks placeholder menghilang begitu Anda mulai mengetik, memaksa pengunjung untuk menghapus entri mereka jika mereka lupa teks petunjuk placeholder
  • Jika pesan kesalahan muncul, pengunjung tidak tahu cara memperbaiki masalah
  • Placeholder sebaris membuat bidang kosong kurang terlihat. Perangkat lunak pelacak mata telah menunjukkan bahwa mata orang tertarik pada kotak kosong, bukan kotak yang diisi
  • Kontras warna yang buruk membuat mereka sulit dibaca, terutama bagi tunanetra

Apa yang harus dilakukan?

Jika Anda merasa perlu memberikan instruksi untuk setiap formulir (yang mungkin masuk akal), letakkan instruksi di bawah label bidang tetapi di atas bidang formulir. Sebagai contoh:

Label dan tempat penampung
Label dan petunjuk tempat penampung diposisikan di atas bidang formulir - sumber

7. Pemicu klik

Pemicu klik adalah bagian pendek dari salinan menarik yang ditempatkan di bawah atau di sekitar formulir CTA atau tombol pengiriman yang dirancang untuk menghilangkan keraguan dan mendorong pengunjung ke konversi.

Misalnya, halaman arahan Lusha ini menggunakan peringkat bintang dan jumlah total ulasan, bersama dengan "Tidak perlu kartu kredit", untuk mengingatkan pengunjung mengapa mereka harus menekan tombol "Mulai gratis".

Pemicu klik yang subur
Pemicu klik yang subur

Atau contoh lama dari ContentVerve ini melihat peningkatan 87% dalam langganan buletin email dengan menambahkan beberapa poin terkait manfaat ke formulir keikutsertaan mereka:

Pemicu klik ContentVerve
Pemicu klik ContentVerve untuk menang! - sumber

Takeaway: Gunakan pemicu klik untuk mengantisipasi dan menangani keberatan prospek Anda tentang apa yang ada di sisi lain formulir Anda.

8. Mikrokopi

Mikrokopi adalah istilah luas yang mengacu pada potongan kecil salinan dalam formulir Anda yang digunakan untuk memberi instruksi atau memberi tahu pengunjung.

Secara teknis, pemicu klik, label bidang, dan placeholder adalah contoh mikrokopi formulir, tetapi dalam kasus ini, kami secara khusus berbicara tentang mikrokopi yang membantu mengurangi gesekan dengan memberi tahu pengunjung mengapa Anda memerlukan informasi tertentu atau bagaimana Anda akan melakukannya Gunakan.

Meskipun kecil, mikrokopi dapat berdampak besar pada konversi formulir.

Misalnya, di bawah ini adalah contoh mikrokopi formulir yang memberi tahu pengunjung mengapa mereka memerlukan nomor telepon untuk menyelesaikan pembelian eCommerce mereka (karena banyak yang mungkin menganggap informasi ini tidak perlu dan ditinggalkan):

Mikrofotokopi
Mikrokopi yang berbicara kepada pengunjung yang skeptis - sumber

Jenis mikrokopi umum lainnya terdiri dari pesan kesalahan seperti di bawah ini:

Pesan kesalahan formulir KlientBoost
Pesan kesalahan formulir KlientBoost

Apakah mikrokopi mengkonversi? Anda bertaruh.

Misalnya, karena biaya adalah alasan #1 mengapa orang meninggalkan troli, Yoast menambahkan frasa “tidak akan ada biaya tambahan” ke formulir pembayaran mereka dan meningkatkan konversi sebesar 11,30%.

Mikrokopi ragi
Mikrokopi Yoast untuk kemenangan - sumber

Atau contoh ini dari mantan desainer UX Hubspot yang menemukan bahwa transaksi tidak selesai karena orang memasukkan alamat yang salah. Dengan menambahkan satu baris mikrokopi, ia secara signifikan meningkatkan konversi formulir (dan mengurangi biaya dukungan pelanggan).

Alamat penagihan mikrokopi
Hanya satu baris yang diperlukan - sumber

Takeaway: Pengunjung tidak selalu tahu mengapa Anda membutuhkan informasi, bagaimana Anda akan menggunakan informasi, atau pentingnya memasukkan informasi yang benar kecuali Anda memberi tahu mereka. Perkenalkan mikrokopi sebagai bagian dari antarmuka formulir untuk melindungi diri dari prospek yang bingung atau khawatir.

9. Ajakan bertindak (CTA)

Tidak ada formulir yang lengkap tanpa CTA yang menarik dan memikat yang memotivasi tindakan.

Ketika datang untuk membentuk tombol ajakan bertindak, dua hal penting di atas segalanya: salin dan kontras.

Pertama, CTA umum seperti kirim, kirim, mulai, bayar, atau aktifkan adalah apa yang kami sebut "tombol upaya;" mereka membuat pengunjung merasa seperti sesuatu yang melelahkan terbentang di depan. Hindari di semua biaya.

Alih-alih, pilih tombol berbasis nilai seperti terima, dapatkan, nikmati, lihat, atau temukan, yang semuanya membuat pengunjung merasa seperti hadiah (bukan usaha) menunggu di sisi lain formulir.

Misalnya, Jarvis memberikan CTA yang jelas, menarik, dan berorientasi pada tindakan yang mau tidak mau Anda klik:

Jarvis CTA
Jarvis tahu cara menulis CTA!

Tertarik lebih? Kami memiliki 61 ide tambahan untuk tombol berbasis nilai.

Dan kedua, meningkatkan konversi bentuk tidak terlalu berkaitan dengan warna tombol dan lebih berkaitan dengan kontras warna tombol dan latar belakang.

Misalnya, dalam studi kasus ini dari klien kami, Darwin Homes, pengujian A/B warna tombol CTA membantu mengurangi BPA sebesar 45% dan meningkatkan rasio konversi sebesar 22%.

CTA Rumah Darwin yang lama
CTA Rumah Darwin yang lama
Darwin CTA
Warna tombol CTA pemenang yang meningkatkan hasil

Takeaway: Tambahkan manfaat yang jelas pada salinan CTA tombol formulir Anda (dan hindari CTA umum sama sekali), dan pastikan tombol Anda menarik perhatian dengan mengontraskannya dengan latar belakang.

10. Bentuk popup vs embed

Ingat ketika kita berbicara tentang formulir multi-langkah dan bagaimana mereka mengonversi pengunjung secara mikro dari satu tahap ke tahap berikutnya dengan membuat formulir lebih mudah untuk memulai?

Hal yang sama berlaku untuk tombol formulir Anda.

Alih-alih menyematkan formulir di halaman arahan Anda, bereksperimenlah dengan menempatkan tombol CTA di tempatnya, lalu buka formulir di lightbox popup atau kirim lalu lintas ke halaman konversi setelah diklik.

Dalam sebuah studi Aweber, mereka menemukan bahwa menempatkan formulir mereka di belakang tombol popup alih-alih menyematkannya di halaman arahan meningkatkan konversi sebesar 1,375%.

Dalam studi Hubspot, mereka menemukan bahwa mengganti formulir mereka dengan tombol CTA yang mengarah ke halaman opt-in khusus meningkatkan tingkat konversi sebesar 0,4% (dari 2,4% menjadi 2,8%). Itu mungkin kedengarannya tidak banyak, tetapi selama ribuan kunjungan, itu berarti ratusan konversi lagi.

Misalnya, Intercom dan AllHands (di bawah) menempatkan formulir halaman arahan mereka di belakang tombol pop-up:

Formulir halaman arahan interkom
Formulir halaman arahan interkom
Popup formulir halaman arahan AllHands
Popup formulir halaman arahan AllHands

Takeaway : Seperti biasa, uji semuanya. Tetapi menyembunyikan formulir yang mengintimidasi di balik tombol akan memudahkan pengunjung untuk mengambil langkah pertama. Dan begitu kita mengambil langkah pertama, kita memiliki kecenderungan yang lebih tinggi untuk mengambil langkah berikutnya .

11. IsiOtomatis

Formulir IsiOtomatis mengacu pada formulir yang menggunakan data browser pengunjung Anda untuk mengisi otomatis (atau melengkapi otomatis) bidang seperti nama, nomor telepon, info kartu kredit, dan alamat, daripada memaksa pengunjung untuk mengisinya sendiri.

Menurut Google, pengisian otomatis dapat membuat pengisian formulir Anda hingga 30% lebih cepat, sehingga meningkatkan konversi di sepanjang jalan.

IsiOtomatis
IsiOtomatis menghemat waktu (terutama di seluler) - sumber

Takeaway: Tidak ada yang suka mengisi formulir web, terutama di perangkat seluler. Gunakan IsiOtomatis untuk mengurangi gesekan dan meningkatkan konversi.

12. Format otomatis

Pernahkah Anda mengisi formulir hanya untuk mengetahui bahwa Anda lupa membubuhkan tanda kurung di sekitar kode area Anda atau bahwa Anda menambahkan terlalu banyak spasi di antara nomor kartu kredit—lalu Anda harus memulai dari awal?

Sama.

Untuk membuat formulir Anda lebih mudah diisi (dan untuk mengurangi beban kognitif dan membatasi kesalahan format), jangan membuat prospek Anda menebak apakah mereka perlu menambahkan tanda hubung, tanda kurung, koma, garis miring atau tidak sama sekali: format otomatis bidang Anda jadi tidak tidak peduli bagaimana pengunjung mengetikkan informasi, formatnya akan mengoreksi dirinya sendiri.

Misalnya, bidang formulir ini secara otomatis memformat nilai dolar saat Anda menambahkan lebih banyak angka:

Nilai dolar format otomatis
Nilai dolar format otomatis - sumber

Lebih baik lagi, Anda dapat menggunakan fitur yang disebut "penyembunyian teks" yang tidak hanya akan memformat nilai secara otomatis dengan benar tetapi juga akan menyediakan placeholder sebaris yang memberi tahu Anda berapa banyak lagi yang perlu Anda masukkan.

Penyembunyian teks + format otomatis
Penyembunyian teks + format otomatis = konversi emas - sumber

Takeaway: Gunakan format otomatis untuk tanggal, nomor telepon, nomor kartu kredit, atau nilai numerik lainnya (misalnya harga, pendapatan) yang mungkin memerlukan pemformatan khusus. Tidak hanya akan mengurangi kesalahan pemformatan dan meningkatkan konversi, tetapi juga akan memastikan bahwa semua data pengiriman formulir akan terlihat sama.

13. Bukti sosial

Bukti sosial mengacu pada ulasan pihak ketiga, testimonial, peringkat bintang, atau lencana kredibel lainnya yang menunjukkan orang lain telah sukses dengan produk atau layanan Anda.

Mengapa bukti sosial penting? 66% pelanggan mengatakan kehadiran bukti sosial meningkatkan kemungkinan mereka untuk membeli.

Mengapa bukti sosial bekerja dengan sangat baik? Karena ketika orang memiliki keraguan tentang komitmen atau ketidakpastian tentang pilihan, mereka mencari inspirasi dari orang-orang yang telah membuat pilihan yang sama. Dan lebih sering daripada tidak, mereka memilih apa yang orang lain pilih.

Jika Anda pikir Anda hanya membutuhkan bukti sosial di halaman arahan Anda yang sebenarnya, pikirkan lagi.

Tempatkan bukti sosial seperti peringkat bintang, testimonial, atau logo klien di dekat atau di sekitar formulir Anda untuk mengingatkan orang bahwa mereka membuat keputusan yang tepat.

Khususnya untuk halaman klik-tayang (yaitu halaman arahan yang mengklik-tayang ke halaman konversi seperti halaman checkout atau halaman pembuatan akun), tempatkan juga bukti sosial di samping formulir Anda.

Misalnya, Jarvis menempatkan jumlah klien dan logo klien di sebelah formulir pembuatan akun mereka:

Bukti sosial Jarvis
Bukti sosial di sebelah formulir pembuatan akun Jarvis

InvisionApp juga menampilkan bukti sosial di samping formulir mereka, kali ini dalam bentuk testimonial dari salah satu klien mereka (Uber):

Bukti sosial Invisonapp
Bukti sosial di sebelah formulir uji coba gratis InvisionApp

Takeaway: Berikan bukti sosial di sekitar atau di dekat formulir Anda untuk mengingatkan pengunjung mengapa mereka harus terus berjalan.

14. Bidang wajib vs. opsional

Jika bidang formulir tidak diperlukan, tanyakan pada diri Anda apakah Anda benar-benar membutuhkannya atau tidak. Jika tidak, hilangkan bidang yang tidak perlu sama sekali.

Namun, jika Anda menganggap bidang opsional perlu dan perlu disandingkan dengan bidang wajib, ikuti praktik terbaik berikut:

  • Beri label pada bidang wajib dengan tanda bintang merah: Apakah harus tanda bintang merah? Tidak. Tapi tanda bintang merah adalah standar untuk bidang yang wajib diisi, dan pengguna Anda akan mengharapkannya.
  • Menempatkan tanda bintang di sebelah kiri label: Dengan menempatkan tanda bintang sebelum label, memudahkan pengunjung untuk memindai sisi kiri formulir, dari atas ke bawah, untuk bidang yang diperlukan.
  • Pertimbangkan label "wajib": Jika Anda ingin menambahkan label "wajib" selain tanda bintang, sebaiknya tempatkan teks di luar bidang (yaitu di atas bidang formulir) daripada sebaris.
  • Beri label pada bidang opsional juga: Memberi label pada bidang opsional juga dapat membantu mengurangi beban kognitif karena pengunjung tidak perlu menyimpulkan opsionalitas; sebagai gantinya, formulir akan memberi tahu mereka secara eksplisit. Tidak perlu, tetapi bonus yang bagus.
  • Hindari tidak memberi label pada bidang yang wajib diisi: Dalam kasus tertentu, Anda mungkin berpikir bahwa tidak perlu memberi label pada bidang yang wajib diisi. Jangan lakukan itu. Selalu beri label pada bidang yang wajib diisi.
Bidang yang harus diisi
Perhatikan bagaimana tanda bintang merah lebih mudah dikenali saat disejajarkan ke kiri? - sumber

Takeaway: Tidak ada yang seksi tentang label bidang yang diperlukan — dan itulah mengapa Anda tidak boleh bersikap manis dengannya. Menurut Hukum Jakob, karena pengunjung situs web Anda menghabiskan sebagian besar waktunya di situs web lain, mereka mengharapkan situs web Anda mengikuti prinsip dasar pengalaman pengguna yang sama seperti orang lain. Setiap penyimpangan dan Anda melemparkan kunci pas dalam model mental mereka.

15. Responsivitas seluler

Ini seharusnya tidak perlu dikatakan lagi, tetapi karena lebih dari 50% lalu lintas internet sekarang terjadi dari perangkat seluler, jika formulir Anda tidak dioptimalkan untuk layar yang lebih kecil (responsif seluler), Anda mungkin mengalami pendarahan konversi.

Seperti apa bentuk yang dioptimalkan untuk seluler? Bagaimana dengan empat ketukan dan gesekan untuk memesan hotel?

Formulir seluler
Hotel Tonight menghancurkan persaingan dengan UX bentuk seluler mereka - sumber

Ketika datang untuk mengoptimalkan formulir untuk seluler, aturan yang sama berlaku yang baru saja kami uraikan dalam artikel ini, hanya dampaknya yang lebih besar.

Misalnya, orang memiliki sedikit kesabaran untuk label bidang yang ditempatkan dengan buruk di desktop, tetapi mereka akan menghentikan Anda karena mudah untuk mengetahui dan menavigasi di layar yang lebih besar.

Namun, ketika datang ke perangkat seluler, orang memiliki toleransi yang jauh lebih sedikit untuk gesekan kegunaan karena ibu jari yang canggung dan bentuk yang kecil sudah membuat pengalaman yang tidak menyenangkan.

Saat mendesain formulir Anda untuk seluler, terapkan praktik terbaik yang sama yang telah kami uraikan dalam artikel ini, bersama dengan yang berikut:

  • teks yang lebih besar
  • Tombol CTA yang lebih besar
  • Lebih banyak ruang putih antara bidang dan tombol di sekitar (sehingga mudah disentuh)
  • Tidak ada dropdown, pilih tombol radio sebagai gantinya (dropdown membutuhkan waktu paling lama untuk diisi di ponsel)
  • Pilih formulir yang disematkan atau halaman formulir terpisah di atas sembulan

Takeaway: Tata letak satu kolom, multi-langkah, bilah kemajuan, isi otomatis, label bidang… semuanya juga berlaku untuk seluler, hanya pada layar yang lebih kecil.

16. Logika bersyarat

Logika bersyarat memungkinkan Anda untuk menyesuaikan pengalaman formulir secara dinamis berdasarkan jawaban pengunjung Anda.

Meskipun setiap orang akan memulai formulir pada pertanyaan yang sama, tergantung pada bagaimana mereka menjawab, mereka mungkin berakhir di dua tempat yang sangat berbeda.

Contoh logika bersyarat
Contoh logika bersyarat - sumber

Logika bersyarat meningkatkan konversi dengan memperpendek formulir, mengurangi jumlah pilihan per pertanyaan (yaitu menghilangkan langkah-langkah yang tidak perlu), dan menciptakan pengalaman formulir yang lebih dipersonalisasi.

Takeaway: Formulir gen prospek dasar tidak akan mendapat manfaat dari logika kondisional karena tidak memerlukan informasi yang cukup dipersonalisasi. Tetapi untuk formulir yang lebih panjang, formulir aplikasi, atau formulir kualifikasi prospek, logika kondisional dapat mengubah mimpi buruk formulir menjadi pengalaman yang menyenangkan.

17. Tombol radio vs. dropdown

Semakin sedikit pengunjung Anda perlu bekerja untuk mengisi formulir Anda, semakin tinggi kemungkinan mereka akan mengisinya. Periode.

Menurut CXL, setelah menjalankan tes untuk melihat apakah tombol radio atau dropdown lebih mudah untuk diisi, mereka menemukan bahwa responden mengisi tombol radio 2,5 detik lebih cepat daripada dropdown.

Tombol radio
Tombol radio lebih cepat diisi daripada dropdown - sumber

Seperti tombol radio, kotak centang juga lebih mudah diisi.

Apa bedanya? Tombol radio adalah ketika beberapa opsi saling eksklusif (yaitu Anda hanya dapat memilih satu pilihan), kotak centang adalah ketika Anda dapat memilih lebih dari satu opsi.

Kami juga menggunakan dropdown pada formulir multi-langkah kami, lalu menukarnya dengan kotak centang. Sekarang, tidak hanya lebih mudah dan lebih cepat untuk mengisi formulir kami (terutama di seluler), tetapi kami juga mendapatkan lebih banyak konversi.

Bentuk lama dengan dropdown
Formulir baru dengan tombol radio
Formulir baru dengan tombol radio

Takeaway: Dalam kebanyakan kasus, pilih tombol radio atau kotak centang di atas dropdown. Namun, gunakan akal sehat. Jika Anda memiliki lusinan opsi, seperti, katakanlah, memilih negara bagian atau negara, tidak masuk akal untuk menyertakan 50+ tombol radio (itu tidak mengurangi beban kognitif siapa pun). Sebagai gantinya, pilih dropdown.

Pengujian A/B untuk kemenangan

Terlepas dari banyak bukti yang mendukung elemen-elemen yang disebutkan di atas dari formulir halaman arahan dengan konversi tinggi, Anda tetap harus mengujinya sendiri.

Untuk membuat hidup lebih mudah, ada baiknya juga membentuk analitik.

Itu benar, analitik aktual yang dapat mengukur perilaku pengguna saat mereka melintasi formulir multi-langkah Anda.

Beberapa alat analisis formulir favorit kami:

  • Arus Tikus
  • Zuko
  • Hotjar
  • MonsterInsights (plugin WP)

Buat templat formulir halaman arahan Anda menggunakan praktik terbaik yang kami uraikan dalam artikel ini. Kemudian andalkan analitik formulir Anda untuk mengekspos kebocoran apa pun. Kemudian uji tambalan yang berbeda. Voila.

Dan apa pun yang Anda lakukan, jauhkan bidang opsional itu dari formulir Anda kecuali Anda benar- benar membutuhkannya (melihat Anda, Expedia).

Baca Artikel Selanjutnya