10 Praktik Terbaik untuk Desain Formulir Online dengan Contoh Langsung

Tips Desain Formulir Online: 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 itu adalah 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 ramah pengguna dan menarik sangat penting jika Anda ingin serius dalam menghasilkan prospek.

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 audiens Anda. Dan itu seringkali lebih mudah diucapkan daripada dilakukan. Sebelum Anda berpikir untuk membuat desain formulir Anda menyenangkan dan mengasyikkan, Anda perlu memastikan bahwa itu fungsional dan mudah digunakan.

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

Faktor penting untuk 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, Formulir Lengkap

Warna dan kontras yang sulit dibaca

Semua poin ini mungkin terdengar jelas, tetapi kenyataannya adalah bahwa bahkan formulir online 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 Format

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

Ada banyak kasus penggunaan yang baik untuk formulir satu langkah, misalnya formulir yang hanya meminta 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 panduan, 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 berlebihan.

Jauh lebih menggembirakan untuk hanya melihat satu pertanyaan pada satu waktu vs. 10 atau 20 pertanyaan 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 dapat menggunakan bilah kemajuan yang memberikan indikasi berapa banyak formulir yang telah diselesaikan.

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 pengambilan prospek, kualifikasi pengguna, formulir umpan balik, formulir aplikasi, dan lainnya. Aplikasi LeadGen memungkinkan Anda membuat formulir multi-langkah dengan teks khusus dan elemen grafik 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 - Form-builder dan Live form

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 komunikatif dan tidak terlalu statis seperti formulir online pada umumnya (Lihat gambar di bawah)

Hubungi kami dari desain bagian tajuk yang disesuaikan dengan elemen teks

Anda juga dapat menggunakan gambar GIF di kotak teks agar ide kreatif 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

Branding dan gaya formulir online Anda biasanya bukan sesuatu yang diperhatikan pemasar. Di sisi lain, orang terobsesi dengan desain web (yang jelas juga penting). 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 formulir menangkap pertanyaan kontak

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

Pertanyaannya tidak jelas dan meninggalkan ruang untuk interpretasi. Dari segi branding, bentuknya hanya menggunakan warna putih dan abu-abu, yang mungkin terlihat paling membosankan.

Desain formulir kontak baru dalam format multi-langkah

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

Warna memainkan peran penting untuk desain formulir online dalam hal:

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

2) Mencocokkan gaya bentuk dengan identitas merek Anda

3) Ciptakan pengalaman yang lebih ramah pengguna

5. Gamify

Kuesioner formulir LeadGen untuk melibatkan pengguna di situs web

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

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

Gamifikasi adalah "Proses menambahkan game atau elemen mirip game ke sesuatu (seperti tugas) untuk mendorong partisipasi" (Sumber: Kamus Merriam Webster).

Contoh Formulir Gamified Online

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 memberi tahu pengguna, baik tentang jawaban yang benar juga atau opsi untuk mencoba lagi dengan mengklik tombol kembali.

Formulir Kuesioner LeadGen - Halaman jawaban untuk jawaban yang benar

Langkah-langkah formulir tanggapan ini dapat disesuaikan sesuka Anda, 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 hingga selesai.

Formulir online gamified juga bisa menjadi sesuatu yang kreatif, out of the box, yang tidak akan Anda temukan di tempat lain di internet. Salah satu contoh bagus dari formulir online yang di-gamifikasi adalah kuis dari BBC ini

Ini meminta Anda untuk menebak finalis Liga Champions dengan hanya menunjukkan kepada Anda pemain sebagai bayi. Hal-hal seperti ini membuat orang penasaran untuk membuka formulir untuk melihat jawabannya. Selain itu, kuis atau formulir online gamifikasi Anda kemungkinan besar akan dibagikan ulang yang akan membantu Anda memenangkan eksposur untuk situs web Anda yang tidak akan terjadi begitu saja untuk formulir konvensional.

6. Navigasi Pada Halaman

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

Perjalanan di halaman web dimulai saat pengguna mendarat dan berlanjut bahkan setelah pengiriman formulir. Itu 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 online, pastikan untuk menempatkannya secara mencolok di situs, di bagian terbaik. Formulir harus ditempatkan di tempat yang tepat di halaman yang dapat ditemukan dengan mudah dan tempat tujuan navigasi pengguna.

Menemukan tempat yang tepat tergantung pada kasus penggunaan formulir.

Laman landas atau laman penawaran biasanya memiliki formulir tepat di atas (seperti laman pemesanan Demo kami di bawah)

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

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

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

8. Arahkan Menuju Bentuk Desain

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 mengarah ke 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 gunakan font standar. Terapkan font yang mudah dibaca yang paling sesuai dengan panduan 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 mengalihkan ke URL halaman Terima Kasih khusus. Ini sangat penting saat menggunakan formulir penangkapan prospek. Hal terakhir yang tidak ingin Anda lakukan adalah membingungkan prospek 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 tingkat konversi.

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