9 Praktik Terbaik Desain Formulir Web untuk Meningkatkan Konversi

Diterbitkan: 2022-09-02

Apakah Anda menggunakan praktik terbaik desain formulir untuk mendapatkan hasil maksimal dari formulir WordPress Anda?

Saat mendesain formulir, membuat formulir yang sederhana, efisien, dan responsif yang dapat diisi oleh pengguna Anda sangatlah penting.

Anda cenderung mendapatkan lebih banyak kiriman dan prospek terselubung jika formulir Anda mengikuti praktik terbaik utama yang telah bertahan dalam ujian waktu selama bertahun-tahun.

Artikel ini akan menunjukkan kepada Anda praktik desain formulir web terbaik untuk meningkatkan konversi dan membuat pengunjung menyukai formulir Anda.

Dalam Artikel Ini

  • 1. Gunakan Logika Bersyarat
  • 2. Tambahkan Bidang Unggah File untuk Formulir Aplikasi
  • 3. Hentikan Pengiriman Spam Dengan CAPTCHA Khusus
  • 4. Biarkan Pengunjung Memilih Jumlah Donasi Khusus
  • 5. Biarkan Beberapa Bidang sebagai Opsional
  • 6. Gunakan Bidang Ponsel Cerdas WPForms
  • 7. Gunakan Pelengkapan Otomatis Alamat
  • 8. Gunakan Tata Letak Multi-Halaman untuk Formulir yang Lebih Panjang
  • 9. Gunakan Jenis Bidang yang Tepat untuk Tujuan yang Diberikan

Apa yang Membuat Desain Formulir yang Baik?

Ketika datang ke desain formulir yang baik, praktik terbaik adalah menjaga formulir Anda sesederhana mungkin, hanya memiliki bidang yang diperlukan yang relevan dengan responden.

Semakin lama formulir Anda, semakin besar kemungkinan pengguna meninggalkannya sebelum mengisinya sepenuhnya.

WPForms adalah plugin Pembuat Formulir WordPress terbaik. Dapatkan secara gratis!

Jika Anda tidak dapat menghindari pembuatan formulir yang panjang, ada taktik seperti membagi formulir Anda menjadi beberapa halaman atau mengizinkan pengguna untuk menyimpan formulir untuk akses nanti yang dapat Anda gunakan.

Mari kita lihat secara detail praktik desain formulir terbaik yang harus Anda ikuti untuk memberikan pengalaman pengguna terbaik kepada pengunjung Anda.

Praktik Terbaik Desain Formulir untuk Meningkatkan Konversi

Sebelum kita mulai dengan praktik desain formulir terbaik, pastikan Anda menggunakan WPForms untuk membuat formulir Anda.

WPForms adalah plugin pembuat formulir terbaik untuk WordPress yang memungkinkan Anda membuat formulir responsif untuk desktop dan ponsel. Itu dicintai oleh lebih dari 5 juta bisnis berbasis WordPress.

WPForms

Dengan antarmuka pembuat formulir seret dan lepas yang mudah dan lebih dari 400 templat formulir, WPForms memiliki semua alat yang Anda butuhkan untuk membuat formulir yang mengikuti praktik terbaik desain formulir.

Dapatkan WPForms Sekarang

1. Gunakan Logika Bersyarat

Logika bersyarat memungkinkan Anda membuat formulir dinamis, menampilkan teks khusus, atau mengatur nilai bidang khusus berdasarkan pilihan pengguna.

Alasan mengapa logika bersyarat adalah fitur yang sangat bagus untuk desain formulir yang efisien adalah karena memungkinkan Anda untuk menampilkan bidang tambahan hanya ketika respons pengguna memerlukannya.

conditional job application form

Tanpa logika bersyarat, Anda akan sering mendapati diri Anda dipaksa untuk menyertakan bidang yang sama untuk semua pengunjung, meskipun bidang ini mungkin tidak relevan bagi mereka. Ini memperkenalkan gangguan yang tidak perlu bagi pengunjung seperti itu, meningkatkan kemungkinan pengabaian.

Kasus penggunaan yang paling umum untuk logika kondisional dalam formulir WordPress adalah:

  • Tambahkan pengguna ke daftar email Anda hanya jika mereka mencentang kotak untuk berlangganan daftar email dari formulir kontak (Bagus untuk bisnis).
  • Sembunyikan seluruh pertanyaan jika pelanggan tidak memilih opsi tertentu (Bagus untuk survei bentuk panjang).
  • Tampilkan Blok HTML dengan penawaran eksklusif jika pengguna membeli opsi harga tertinggi (Bagus untuk upsell).

WPForms menyertakan sistem logika bersyarat mudah yang dapat Anda gunakan untuk mengontrol perilaku tampilan bidang apa pun dalam formulir Anda.

Aktifkan logika bersyarat untuk bidang

Anda dapat mendefinisikan logika Anda sesederhana atau serumit yang Anda suka,

Dengan logika bersyarat, formulir Anda terlihat lebih bersih, fokus, dan lebih ramping. Jadi, setiap kali Anda memiliki formulir di mana Anda memerlukan bidang yang mungkin hanya relevan untuk sebagian kecil pengunjung Anda, coba tambahkan logika kondisional untuk memberikan pengalaman pengguna yang lebih baik.

2. Tambahkan Bidang Unggah File untuk Formulir Aplikasi

Jika Anda membuat formulir lamaran kerja, masuk akal untuk memberi pelamar kemampuan untuk mengunggah resume dan file lainnya secara langsung melalui formulir Anda.

WPForms hadir dengan bidang Unggah File yang memungkinkan Anda mengumpulkan file melalui formulir online Anda.

Example of multiple files uploaded to the Modern File Upload field

Saat pengguna mengirimkan entri, Anda dapat dengan mudah mengakses file yang mereka kirimkan sambil juga melihat detail aplikasi lainnya dari antarmuka yang sama.

Ini bagus untuk menjaga agar aplikasi Anda tetap teratur dengan file dan detail lengkap dari setiap pelamar yang disimpan secara terpisah di dalam dasbor WordPress Anda.

Selain itu, mempermudah pelamar karena mereka dapat memberikan semua detail dan melampirkan dokumen apa pun yang mereka butuhkan dari tempat yang sama.

3. Hentikan Pengiriman Spam Dengan CAPTCHA Khusus

Spam formulir adalah masalah utama yang harus dihadapi setiap situs web. Meskipun reCAPTCHA Google telah membantu memerangi spam formulir kontak, reCAPTCHA juga dapat mengganggu privasi dan membuat frustrasi pengguna untuk menyelesaikan tantangan gambarnya.

WPForms dilengkapi dengan banyak alat anti-spam selain reCAPTCHA. Salah satu metode efektif yang juga sangat ramah pengguna adalah dengan menggunakan captcha khusus.

Addon Captcha Kustom WPForms memungkinkan Anda membuat pertanyaan sederhana dan menentukan jawabannya. Ini bisa menjadi sesuatu yang sederhana seperti penjumlahan matematika, yang dapat diselesaikan manusia dengan mudah tetapi bot spam biasanya gagal.

A custom maths question in a form field

Lihat panduan ini tentang membuat formulir kontak WordPress bebas spam untuk mempelajari lebih banyak cara untuk mencegah pengiriman formulir yang tidak diinginkan.

4. Biarkan Pengunjung Memilih Jumlah Donasi Khusus

Saat mengumpulkan dana di halaman arahan donasi Anda, Anda tidak ingin memaksa mereka untuk memberikan jumlah tertentu. Alih-alih, lebih baik memberi mereka kebebasan untuk memilih berapa banyak yang ingin mereka sumbangkan tergantung pada apa yang dapat mereka kelola.

WPForms menawarkan berbagai jenis bidang pembayaran. Bidang Item Tunggal dapat diatur untuk menerima input yang ditentukan pengguna, yang memungkinkan pengguna untuk memasukkan jumlah donasi pilihan mereka dan mendapatkan biaya yang sama persis.

A simple donation form

Sebagai organisasi nirlaba, halaman donasi Anda harus mendorong pengunjung untuk berkontribusi dengan cara apa pun yang mereka bisa, dan menentukan jumlah donasi tetap terkadang dapat membatasi mereka untuk memberikan donasi secara bebas.

5. Biarkan Beberapa Bidang sebagai Opsional

Anda harus selalu berusaha untuk membuat formulir Anda sesingkat dan sesederhana mungkin. Ini berarti memastikan bahwa Anda hanya menandai bidang tersebut sebagai wajib yang benar-benar diperlukan untuk kebutuhan Anda.

Menandai terlalu banyak bidang formulir yang diperlukan adalah praktik desain yang buruk dan dapat mematikan pengunjung yang ingin mengisi formulir dengan cepat.

form fields required

Di WPForms, Anda dapat menandai bidang apa pun yang diperlukan atau membiarkannya opsional menggunakan tombol sakelar dari Opsi Bidang.

mark as required

Jika Anda ingin pengunjung mengisi informasi lebih lanjut, Anda dapat menandai yang opsional alih-alih menandai bidang yang wajib diisi.

6. Gunakan Bidang Ponsel Cerdas WPForms

Untuk meningkatkan konversi, Anda harus membuat proses pengisian formulir menjadi mudah, membutuhkan klik dan penekanan tombol paling sedikit dari pengguna.

Bidang Telepon WPForms dapat secara otomatis menampilkan format nomor telepon yang benar berdasarkan geolokasi Anda. Jadi dari mana pun pengguna Anda berasal, bidang Telepon akan secara otomatis menambahkan format nomor telepon yang digunakan di negara pengunjung.

Smart phone field in WPForms

Ini adalah kemudahan yang sederhana, tetapi pengguna Anda pasti akan menghargai pengalaman yang dipersonalisasi karena kode negara mereka yang benar telah diisi sebelumnya oleh formulir Anda.

7. Gunakan Pelengkapan Otomatis Alamat

Pelengkapan otomatis alamat adalah fitur lain yang dapat sangat meningkatkan pengalaman pengguna untuk formulir web Anda, membuatnya lebih cepat bagi pengguna untuk mengisi alamat mereka.

Ini adalah cara mudah untuk membantu pengunjung Anda menghemat waktu sehingga dapat mengurangi pengabaian formulir.

address autocomplete field in action wpforms

WPForms bekerja sangat baik sebagai plugin geolokasi untuk WordPress karena mampu mendeteksi lokasi pengguna Anda sekaligus memungkinkan mereka untuk menentukan lokasi mereka di peta interaktif.

Anda memerlukan addon Geolokasi WPForms untuk mengakses fungsi ini. WPForms dapat berintegrasi dengan Google Places atau Mapbox untuk mengaktifkan fitur geolokasi untuk formulir Anda.

8. Gunakan Tata Letak Multi-Halaman untuk Formulir yang Lebih Panjang

Formulir yang panjang dapat membuat pengunjung Anda kewalahan. Salah satu praktik desain formulir web panjang terbaik adalah membagi formulir Anda menjadi beberapa halaman. Ini sangat bagus untuk konversi karena mereka berhasil menarik perhatian pengguna untuk waktu yang lebih lama.

Tata letak multi-halaman WPForms juga menambahkan bilah kemajuan ke formulir yang secara efektif mendorong pengguna untuk melewati garis akhir dan melengkapi formulir lengkap. Hal ini berdampak besar pada peningkatan rasio konversi untuk formulir web yang lebih panjang.

Multi-Page form in WPForms

Aturan praktis yang baik adalah memasukkan tidak lebih dari 3-4 bidang pada satu halaman formulir web Anda. Berikut panduan untuk membuat formulir multi-langkah di WordPress.

9. Gunakan Jenis Bidang yang Tepat untuk Tujuan yang Diberikan

Formulir web biasanya berisi berbagai jenis bidang tergantung pada sifat pertanyaan yang diajukan bidang tersebut.

Misalnya, bidang Pilihan Ganda (juga dikenal sebagai tombol radio) sangat bagus bila Anda ingin pengguna hanya membuat satu pilihan dari daftar berbagai opsi yang tersedia.

multiple choice example

Di sisi lain, bidang Kotak centang sangat bagus jika Anda ingin pengguna memilih satu atau beberapa opsi dari pilihan yang tersedia.

WPForms Checkboxes

Dan bidang Item Dropdown paling cocok ketika Anda ingin menyingkat beberapa opsi menjadi satu menu tarik-turun yang hanya diperluas ketika pengguna mengkliknya. Ini bagus jika Anda ingin mengurangi gulir vertikal formulir Anda.

Seperti bidang Pilihan Ganda, Anda hanya dapat memilih satu opsi pada satu waktu dari bidang tarik-turun.

drop down menu in WPForms

Jika Anda ingin tahu lebih banyak tentang tombol radio dan kotak centang, lihat artikel kami di bidang tombol radio vs. kotak centang.

Dan di sana Anda memilikinya! Ini adalah beberapa praktik desain formulir web yang telah teruji waktu yang telah digunakan pemasar top untuk meningkatkan konversi.

Gunakan ini di formulir web berikutnya yang Anda desain, dan kemungkinan Anda akan melihat n tingkat penyelesaian yang mengesankan untuk formulir Anda!

Selanjutnya, Terapkan Praktik Terbaik Formulir Halaman Arahan

Ketika seseorang mengunjungi halaman arahan Anda, Anda memiliki satu kesempatan untuk mengonversinya, jadi formulir Anda perlu dirancang untuk dampak maksimal.

Lihat artikel ini tentang praktik terbaik formulir halaman arahan yang bagus untuk mempelajari cara mendapatkan hasil yang bagus dengan halaman arahan Anda dan menghindari kehilangan prospek yang berharga.

Juga, lihat perbandingan Gravity Forms vs Typeform vs WPForms ini untuk mempelajari pembuat formulir mana yang paling cocok untuk bisnis Anda.

Dapatkan WPForms Sekarang

Siap membuat formulir web Anda? Mulailah hari ini dengan plugin pembuat formulir WordPress termudah. WPForms Pro menyertakan banyak templat gratis dan menawarkan jaminan uang kembali 14 hari.

Jika artikel ini membantu Anda, silakan ikuti kami di Facebook dan Twitter untuk tutorial dan panduan WordPress gratis lainnya.