Praktik terbaik desain formulir

Perusahaan menggunakan formulir di situs web mereka untuk memungkinkan pengunjung mendaftar untuk membuat akun, membeli produk, membayar barang, dan banyak lagi. Itulah mengapa desain formulir online sangat penting. Anda mungkin tidak dapat menarik pengunjung untuk meluangkan waktu memberikan semua informasi pribadi mereka jika Anda tidak memiliki formulir yang sederhana, mudah digunakan, dan menyenangkan secara visual atau estetis.

Apa sebenarnya desain formulir itu?

Desain formulir adalah tentang membuat formulir web di mana pengunjung situs Anda dapat memasukkan dan mengirimkan informasi dengan tetap memperhatikan tata letak, format, pengalaman pengguna (UX), tampilan, dan faktor lainnya. Formulir yang dirancang dengan baik akan meningkatkan pengalaman pengguna dan meningkatkan konversi, yang berarti Anda mengubah pengguna menjadi pelanggan.

Desain formulir Anda memengaruhi UX situs web Anda secara keseluruhan, yang memengaruhi jumlah pengunjung yang senang dan konversi. Formulir yang dirancang dengan baik menunjukkan kepada pengguna bahwa perusahaan Anda membantu, bijaksana, profesional, paham teknologi, dan menyenangkan untuk digunakan.

Di sisi lain, formulir yang dirancang dengan buruk dapat menyebabkan halaman dan situs web ditinggalkan atau pengguna frustrasi, yang mengakibatkan penurunan konversi dan penjualan. Expedia, misalnya, menemukan bahwa satu kotak isian formulir yang tidak sesuai saja telah membuat mereka kehilangan keuntungan sebesar $12 juta per tahun! Dalam bacaan ini, Anda akan belajar tentang beberapa praktik terbaik dan pedoman desain formulir.

Praktik dan pedoman terbaik desain formulir

Jaga agar formulir tetap sederhana dan lugas

Hindari menambahkan kolom atau pertanyaan yang tidak perlu. Sertakan hanya informasi yang diperlukan dalam formulir Anda.

Gunakan satu kolom

Jika memungkinkan, gunakan tata letak formulir web satu kolom - ini sangat penting saat membuat formulir multi-langkah yang panjang. Tata letak satu kolom lebih mudah diikuti, dipahami, diisi, dan dikirim oleh pengunjung daripada formulir dengan banyak kolom.

Beri label formulir Anda dengan jelas

Beri judul formulir Anda yang memungkinkan pengunjung Anda mengetahui apa yang akan terjadi setelah mereka mengirimkannya. Misalnya, judul formulir sederhana seperti 'buat akun' dengan jelas menyatakan bahwa setelah pengunjung mengirimkan informasi mereka, mereka akan membuat akun.

Urutkan bidang formulir Anda dari yang paling sederhana ke yang paling sulit

Mulailah formulir Anda dengan pertanyaan-pertanyaan yang paling mudah (seperti nama dan email) sebelum beralih ke pertanyaan yang lebih memakan waktu, misalnya, informasi penagihan dan pengiriman. Ketika pengunjung mulai mengisi formulir Anda dan berpikir, 'Oke, saya dapat dengan cepat menambahkan nama dan email saya,' mereka jauh lebih kecil kemungkinannya untuk meninggalkan halaman karena mereka telah memutuskan untuk berkomitmen.

Manfaatkan validasi bidang formulir sebaris

Validasi formulir sebaris adalah prosedur yang memeriksa informasi pengunjung secara real-time saat mereka mengisi formulir. Misalkan pengunjung Anda memasukkan informasi yang salah ke dalam sebuah kolom, seperti nomor kartu kredit atau email yang salah. Pesan kesalahan akan muncul di bawah atau di dalam kolom formulir, memperingatkan pengunjung akan kesalahan mereka dan memungkinkan mereka untuk segera memperbaikinya dan melanjutkan ke pertanyaan berikutnya.

Teks harus disejajarkan ke kiri

Sejajarkan semua teks Anda - termasuk pertanyaan dan label - di sisi kiri formulir agar mudah dibaca dan diisi oleh pengunjung. Para peneliti di University of Basel mengamati bahwa menyelaraskan teks di sisi kiri, di atas kotak isian formulir, mengurangi waktu yang diperlukan untuk mengisi formulir. Penyelarasan ini mengurangi waktu yang dibutuhkan mata pengguna untuk berpindah-pindah, sehingga formulir lebih mudah dibaca.

Jangan meminta nomor telepon

Kecuali jika mengumpulkan nomor telepon pengunjung Anda sangat penting, misalnya, permintaan penawaran atau demo produk, jangan menyertakannya dalam formulir Anda. Meminta nomor telepon pengunjung Anda dapat menimbulkan kecurigaan kecuali mereka mengetahui alasan yang sah untuk permintaan tersebut. Jika memungkinkan, mintalah alamat email dan gunakan alamat email tersebut untuk menghubungi pengunjung dengan izin mereka. Atau, buatlah kolom nomor telepon di formulir Anda bersifat sukarela.

Gunakan pengisian otomatis peramban

Mengisi kolom formulir tertentu sekarang lebih cepat dari sebelumnya, berkat fitur pengisian otomatis di browser yang diambil dari data sebelumnya yang dimasukkan dari perangkat pengunjung, seperti nama depan dan nama belakang mereka. Untuk membantu pengunjung Anda mempercepat proses pengisian, sebaiknya beri judul setiap kolom dengan kata yang dapat dikenali browser.

Buat formulir yang ramah seluler

Banyak orang menelusuri, membeli produk, dan mengisi formulir di perangkat seluler mereka, itulah sebabnya desain formulir yang ramah seluler sangat penting. Hal ini membantu pengunjung situs web Anda untuk dengan mudah melihat situs di perangkat seluler apa pun dan memastikan bahwa semua informasi formulir sesuai dengan ukuran layar.

Pesan kesalahan harus positif

Pastikan pesan kesalahan pada formulir web terdengar positif saat membuat pesan kesalahan. Ini adalah cara terbaik untuk memastikan bahwa hanya informasi yang benar yang dikirimkan. Jangan pernah menyalahkan pengguna; sebaliknya, gunakan bahasa yang jelas dan ringkas dan sertakan informasi yang memandu pengunjung untuk menemukan kesalahan. Dengan cara ini, mereka tahu persis di mana letak kesalahan dan bagaimana cara mengoreksinya.

Menyertakan default cerdas

Mengaktifkan smart default adalah cara lain yang sangat baik untuk membantu mempercepat proses pengisian formulir sambil mempertahankan akurasi. Smart default menggunakan informasi seperti lokasi pengguna saat ini untuk langsung memasukkan detail seperti kota atau kota, sehingga menghemat waktu mereka.

Untuk formulir panjang, tambahkan bilah kemajuan

Pernahkah Anda mengisi formulir atau survei yang panjang dan berpikir, "Ada berapa banyak pertanyaan lagi?" Bar kemajuan menunjukkan berapa banyak pertanyaan yang harus dijawab oleh pengunjung Anda. Mereka akan memberi mereka petunjuk tentang berapa lama waktu yang dibutuhkan untuk menyelesaikan tugas dan dapat bertindak sebagai bentuk motivasi untuk menyelesaikan tugas yang ada. Hal ini sangat membantu pada formulir yang panjang dan memiliki banyak langkah.

Gunakan reCAPTCHA daripada CAPTCHA

Pernahkah Anda diminta untuk melihat gambar yang cukup menantang dengan angka dan huruf, lalu mengetikkan angka dan huruf tersebut ke dalam kolom formulir untuk mengonfirmasi bahwa Anda "bukan robot" setelah mengisi formulir? CAPTCHA digunakan untuk mengidentifikasi SPAM dan bot. Namun, CAPTCHA dapat memakan waktu dan membuat frustrasi untuk menyelesaikannya. Namun, CAPTCHA tetap berguna; Anda mungkin ingin menyertakan langkah keamanan tambahan ini dalam formulir Anda. Jika demikian, Anda sebaiknya menggunakan reCAPTCHA di formulir Anda. reCAPTCHA tidak hanya berhasil mengidentifikasi akun palsu dan bot, tetapi juga mengharuskan pengunjung untuk mencentang satu kotak saja sebelum mengirimkan formulir. CAPTCHA menggunakan tulisan untuk keamanan, sementara ReCAPTCHA meminta pengguna untuk mengidentifikasi elemen-elemen gambar.

Izinkan pengguna untuk menavigasi ke bidang formulir berikut ini berdasarkan tab

Tidak ada alasan mengapa formulir Anda tidak mendukung pintasan keyboard, karena ada banyak pintasan yang tersedia. Praktik yang baik adalah mengizinkan pengunjung untuk menggunakan tombol tab pada keyboard mereka untuk berpindah ke bidang formulir berikut di formulir Anda tanpa harus melepaskan tangan mereka dari keyboard.

Pikiran akhir

Kemungkinan besar ada setidaknya satu jenis formulir web di situs web Anda. Menerapkan praktik terbaik desain formulir UX UI ini akan memberikan pengalaman positif bagi pengunjung Anda. Jadi, pertimbangkan formulir yang perlu Anda sertakan di situs Anda dan mulailah menerapkan kiat-kiat desain dan kesimpulan yang paling sesuai dengan kebutuhan dan tujuan Anda.