10 Praktik Terbaik untuk Desain Formulir Online dengan Contoh Langsung

Apa yang Salah dengan Desain Formulir di Situs Web?

Merek dan pemilik bisnis berusaha keras untuk membuat desain web yang hebat.

Hanya ada sedikit masalah dengan itu.

Namun, desain saja tidak akan memonetisasi situs web Anda.

Lebih penting lagi, ini tentang membangun saluran yang menghasilkan prospek dan penjualan.

Dan di situlah formulir online masuk.

Banyak merek mengabaikan pentingnya desain formulir, namun saluran pertanyaan utama yang menentukan keberhasilan situs web Anda.

Sebagian besar contoh desain formulir di internet terlihat membosankan, tidak ramah, dan akibatnya menghasilkan lebih sedikit konversi.

Formulir online adalah pintu gerbang untuk menangkap potensi bisnis baru.

Menggunakan formulir online yang mudah digunakan dan menarik sangat penting jika Anda ingin menganggap serius generasi pemimpin Anda.

Untuk membantu Anda terhubung lebih baik dengan audiens Anda, berikut adalah 10 praktik terbaik kami tentang cara membuat formulir online menyenangkan:

1. Hilangkan Kebingungan

Pertama, formulir harus mudah dipahami oleh audiens Anda. Dan itu seringkali lebih mudah diucapkan daripada dilakukan. Sebelum Anda berpikir untuk membuat desain formulir Anda menyenangkan dan menarik, Anda perlu memastikan bahwa itu berfungsi dan ramah pengguna sejak awal.

Internet penuh dengan desain formulir yang memiliki pertanyaan yang berlebihan, yang mengajukan pertanyaan dalam bahasa yang membingungkan dan yang hanya terlihat membosankan. Semua karakteristik ini membuat formulir kurang menarik untuk diisi oleh pengunjung web.

Faktor penting yang harus dihapus dalam Desain Formulir:

Bentuk panjang (kurang lebih)

Pertanyaan yang berlebihan

Pertanyaan yang tidak perlu yang tidak memberikan nilai bagus

Jenis pertanyaan yang salah untuk sebuah pertanyaan, misalnya penggunaan bidang teks terbuka alih-alih pilihan tombol

Jargon & bahasa teknis

Teks ajakan bertindak standar pada tombol, misalnya Daftar, Berlangganan, Lengkapi Formulir

Warna dan kontras yang sulit dibaca

Semua poin ini mungkin terdengar jelas, tetapi kenyataannya adalah bahwa formulir online yang paling sederhana pun melanggar beberapa poin ini.

Internet penuh dengan ribuan desain formulir dengan pengalaman pengguna yang kurang.

Satu pengalaman negatif dapat memengaruhi pengguna lebih dari sekadar pengalaman hebat dengan formulir Anda.

Tinjau praktik ini dan Anda akan memiliki peluang yang jauh lebih baik untuk menghasilkan konversi dan menciptakan keterlibatan.

2. Ganti Formatnya

Ketika kita memikirkan formulir online, kita biasanya memikirkan formulir panjang yang sederhana. Formulir panjang atau formulir satu langkah menyajikan semua pertanyaan pada satu langkah, biasanya satu per satu di bawah satu sama lain.

Ada banyak kasus penggunaan yang baik untuk formulir satu langkah, misalnya untuk formulir yang hanya menanyakan nama depan dan alamat email. Namun, Anda harus mempertimbangkan untuk mengganti format formulir saat berpikir untuk membuat formulir lebih menyenangkan.

Alternatif untuk formulir satu langkah adalah formulir multi-langkah.

Formulir multi-langkah , terkadang juga disebut formulir wizard, jauh lebih intuitif dan memberikan pengalaman yang lebih baik di sepanjang perjalanan pengguna.

Karena pengguna hanya melihat satu langkah pertanyaan pada satu waktu, informasinya tidak terlalu banyak.

Jauh lebih membesarkan hati untuk hanya melihat satu pertanyaan pada satu waktu vs. 10 atau 20 pertanyaan yang berbeda. Tidak ada bedanya dengan kehidupan nyata: Dalam percakapan pribadi dengan orang lain, Anda juga hanya akan mengajukan satu pertanyaan sebelum mengajukan pertanyaan berikutnya.

Dalam formulir multi-langkah, Anda bisa menggunakan bilah kemajuan yang memberikan indikasi berapa banyak formulir yang sudah selesai.

Terkait: 7 Praktik Terbaik Untuk Membuat Formulir Panjang Untuk Meningkatkan Konversi

Bilah kemajuan dalam desain formulir hubungi kami multi-langkah

Kami menemukan formulir multi-langkah lebih mudah digunakan dalam banyak kasus, misalnya penangkapan prospek, kualifikasi pengguna, formulir umpan balik, formulir aplikasi, dan banyak lagi. Aplikasi LeadGen memungkinkan Anda membuat formulir multi-langkah dengan teks khusus dan elemen grafis dengan sangat mudah.

3. Hibur Desain Formulir Anda dengan Konten

Dalam formulir multi-langkah LeadGen, Anda dapat menampilkan elemen kotak teks bersama dengan pertanyaan dan langkah formulir Anda, misalnya di atas pertanyaan.

Elemen kotak teks ini dapat ditambahkan melalui editor WSIWYG tempat Anda dapat menambahkan tautan, grafik, dan gambar GIF. Judul dapat diatur ke berbagai ukuran, misalnya format H1, H2, H3.

Meningkatkan formulir LeadGen dengan elemen kotak teks - Pembuat formulir dan formulir langsung

Dengan menambahkan beberapa baris teks misalnya, untuk memperkenalkan pertanyaan, Anda dapat membuat formulir lebih individual dan lebih mudah dipahami.

Ini dapat membuat formulir Anda terlihat lebih percakapan dan tidak statis seperti formulir online biasa (Lihat gambar di bawah)

Hubungi kami membentuk bagian tajuk yang disesuaikan dengan elemen teks

Anda juga dapat menggunakan gambar GIF di kotak teks untuk membiarkan kreativitas Anda mengalir. Lihat contoh desain formulir di bawah ini untuk mengikuti kompetisi:

Formulir pendaftaran kompetisi undian berhadiah dengan gambar GIF

4. Praktik Terbaik Untuk Desain Formulir

Pencitraan merek dan gaya formulir online Anda biasanya bukan sesuatu yang diperhatikan pemasar. Di sisi lain, orang terobsesi dengan desain web (yang jelas penting juga). Desain formulir online, bagaimanapun, adalah elemen kunci dari situs web yang benar-benar mendorong bisnis.

Jadilah salah satu dari sedikit pemasar yang memanfaatkan potensi ini dan mulai mengoptimalkan formulir perolehan prospek Anda untuk tingkat konversi terbaik.

Berikut adalah salah satu contoh desain formulir kontak online dengan gambar sebelum dan sesudah:

Contoh bentuk menangkap pertanyaan kontak

Desain asli formulir dibangun dalam format panjang. Itu membuat segalanya lebih rumit dari yang diperlukan.

Pertanyaan-pertanyaan itu tidak jelas dan meninggalkan ruang untuk interpretasi. Dari segi branding, bentuknya hanya menggunakan warna putih dan abu-abu, paling terlihat membosankan.

Desain formulir kontak baru dalam format multi-langkah

Di atas Anda melihat bentuk baru dalam desain merek yang sebenarnya. Merek tersebut sudah menggunakan warna hijau yang kuat di logo dan situs web, jadi kami mengadopsi gaya ini untuk bentuknya. Format multi-langkah membuat pertanyaan lebih mudah dipahami dan pengguna lebih mungkin untuk menindaklanjuti.

Warna memainkan peran penting untuk desain formulir online dalam hal:

1) Menambah kepribadian pada bentuk dan membuatnya terlihat kurang serius;

2) Mencocokkan gaya formulir dengan identitas merek Anda

3) Ciptakan pengalaman yang lebih ramah pengguna

5. Gamify

Kuisioner formulir LeadGen untuk melibatkan pengguna di situs web

Orang-orang menyukai permainan dan hiburan. Gunakan perjalanan formulir multi-langkah untuk melibatkan pengguna, membangun seperti permainan.

Ini mungkin tidak cocok untuk setiap formulir yang Anda buat. Misalnya, formulir pengambilan kontak & prospek mungkin harus tetap terlihat sesederhana mungkin.

Gamifikasi adalah "Proses penambahan permainan atau elemen seperti permainan pada sesuatu (seperti tugas) sehingga mendorong partisipasi" (Sumber: Merriam Webster Dictionary).

Contoh Formulir Online Gamified

Formulir desain situs web kuis gamified

Gambar di atas menunjukkan formulir LeadGen gamified yang memberikan umpan balik jawaban berdasarkan logika pertanyaan bersyarat pada langkah-langkah berikut.

Jawaban yang benar akan menunjukkan langkah bentuk yang berbeda dari jawaban yang salah. Misalnya, jika pengguna memilih pilihan yang benar "Manila", maka formulir LeadGen akan membuka langkah formulir untuk jawaban yang benar. Untuk semua pertanyaan lainnya, Anda dapat menyiapkan langkah pertanyaan yang menginformasikan kepada pengguna, baik tentang jawaban yang benar juga atau opsi untuk mencoba lagi dengan mengklik tombol kembali.

Formulir LeadGen Kuesioner - Halaman jawaban untuk jawaban yang benar

Langkah-langkah formulir respons ini dapat disesuaikan dengan cara apa pun yang Anda suka, misalnya dengan menulis teks jawaban singkat dengan penjelasan. Baik jawaban benar maupun salah dapat dihubungkan dengan pertanyaan berikutnya (Q2), sehingga pengguna cukup melanjutkan seluruh kuesioner sampai akhir.

Formulir online gamified juga bisa menjadi sesuatu yang kreatif, di luar kotak, yang tidak akan Anda temukan di tempat lain di internet. Salah satu contoh bagus dari formulir online gamified adalah kuis ini oleh BBC

Ini meminta Anda untuk menebak finalis Liga Champions dengan hanya menunjukkan pemain sebagai bayi. Hal seperti ini membuat orang penasaran untuk menelusuri formulir tersebut untuk melihat jawabannya. Selain itu, kuis atau formulir online gamified Anda lebih mungkin dibagikan kembali yang akan membantu Anda memenangkan eksposur untuk situs web Anda yang tidak hanya terjadi untuk formulir konvensional.

6. Navigasi Di Halaman

Penting untuk tidak hanya melihat formulir online itu sendiri, tetapi seluruh perjalanan pengguna.

Perjalanan di halaman web dimulai di mana pengguna mendarat dan berlanjut bahkan setelah pengiriman formulir. Ini menambah nilai untuk mengoptimalkan seluruh halaman untuk satu ajakan bertindak yang bisa menjadi formulir Anda.

7. Temukan Desain Formulir di Konten Halaman

Saat Anda mendesain formulir secara online, pastikan untuk menempatkannya dengan jelas di situs, di bagian sebaik mungkin. Formulir harus ditempatkan di tempat yang tepat pada halaman di mana ia dapat dengan mudah ditemukan dan di mana pengguna menavigasi.

Menemukan tempat yang tepat tergantung pada kasus penggunaan formulir.

Halaman arahan atau halaman penawaran biasanya memiliki formulir tepat di atas (seperti halaman pemesanan Demo kami di bawah)

Formulir pendaftaran buletin sederhana dapat ditemukan di mana saja di halaman web.

Formulir penangkapan prospek, misalnya unduhan laporan atau penawaran konsultasi dalam posting blog adalah kasus penggunaan yang berbeda. Formulir ini tidak boleh ditampilkan di bagian atas posting karena pengguna harus terlebih dahulu terlibat dengan konten blog untuk memahami nilai dari tawaran prospek. Formulir harus ditempatkan 3/4 di bawah halaman atau di bagian paling akhir.

Representasi visual di mana Anda dapat menempatkan desain formulir di halaman web

8. Arahkan Menuju Desain Formulir

Desain formulir kontak Aplikasi LeadGen di situs web

Taktik lain yang membantu mendapatkan lebih banyak minat pada formulir Anda adalah dengan menggunakan elemen desain web yang mengarahkan pengguna ke formulir.

Ini bisa berupa gambar panah sederhana atau gambar wajah manusia yang menghadap ke bentuk.

Gambar di atas menunjukkan desain formulir kontak yang kami gunakan di situs web LeadGen kami www.leadgenapp.io/contact. Ini berisi grafik panah yang menunjuk ke arah formulir.

Selanjutnya, Anda dapat membagi struktur halaman Anda menjadi dua bagian dan menampilkan video di sebelah kiri dan formulir di sebelah kanan.

Ini adalah taktik yang halus namun efektif yang membuat formulir online Anda menonjol.

9. Font yang Mudah Dibaca

Font yang digunakan dalam formulir online Anda memainkan peran besar dalam pengalaman pengunjung. Jangan pergi dengan font standar. Terapkan font yang mudah dibaca yang paling sesuai dengan pedoman merek, warna, gaya, dan CTA Anda pada tombol formulir.

10. Halaman Terima Kasih

Di akhir siklus setelah pengiriman formulir, Anda harus menampilkan halaman Terima Kasih atau mengarahkan ulang ke URL halaman Terima Kasih khusus. Ini sangat penting saat menggunakan formulir penangkapan prospek. Hal terakhir yang tidak ingin Anda lakukan adalah membingungkan petunjuk apakah pengiriman formulir berhasil atau tidak.

Bangun Formulir "Menyenangkan" Baru Anda

Menggabungkan semua ide ini, Anda dapat yakin bahwa formulir akan lebih menyenangkan bagi audiens Anda.

Dan lebih menyenangkan juga berarti Anda dapat mengumpulkan lebih banyak tanggapan dan meningkatkan rasio konversi.

Jika Anda belum memiliki akun Aplikasi LeadGen untuk membuat formulir menyenangkan, mulailah di sini: