Tips dan Contoh Membuat Formulir Kontak Menjadi Lebih Baik

Desain formulir kontak yang lebih baik dimulai dengan kegunaan. Tujuan formulir jelas: Anda memerlukan informasi dari pengguna. Formulir harus cukup intuitif sehingga pengguna tahu persis apa yang harus dilakukan dan tidak teralihkan dalam proses menyelesaikan tindakan itu.

Formulir kontak terbaik mudah dilihat dan menyertakan elemen yang sangat bermanfaat yang dapat digunakan pengguna tanpa memikirkannya. (Kedengarannya sedikit lebih mudah daripada kadang-kadang.) Tapi syukurlah, kami memiliki beberapa tips untuk membantu Anda merancang formulir kontak yang lebih baik.

1. Jadikan Satu Kolom

desain formulir kontak

Bentuk vertikal berfungsi dengan baik karena pengguna terbiasa menggulir. Itu membuat melihat awal dan akhir formulir mudah.

Apa yang lebih mudah? Tab melalui formulir secara vertikal atau mengisi item melintasi dan kemudian ke bawah layar? Membuat formulir dengan satu kolom vertikal adalah solusi termudah bagi banyak pengguna karena mereka hanya perlu memikirkan satu tindakan – bergerak turun layar melalui formulir.

Dapat bekerja untuk bidang yang serupa, seperti jawaban singkat untuk nama, alamat email, dan nomor telepon. Ini juga dapat bekerja dengan baik untuk elemen-elemen seperti layar checkout.

Bentuk ini juga berfungsi lebih baik dengan format responsif sehingga bentuknya memiliki bentuk yang sama pada perangkat yang berbeda, memberikan pengalaman pengguna yang lebih konsisten. Ini bisa sangat penting dengan formulir e-commerce atau checkout karena Anda tidak ingin pengalamannya beragam, membuat pertanyaan tentang validitas dan kredibilitas formulir.

2. Konten Grup Secara Logika

desain formulir kontak

Bidang pertanyaan atau formulir yang kecil dan dikelompokkan secara visual dapat membuat formulir lebih mudah dipahami. Menyimpan item serupa bersamaan (seperti informasi alamat atau bidang pembayaran), dan elemen grup dengan label mereka dan teks pengajaran lainnya. Pengguna tidak boleh mempertanyakan bidang apa yang terkait dengan label atau instruksi.

Pengelompokan logis dari konten menciptakan aliran untuk formulir, di mana pengguna dapat mengantisipasi informasi apa yang akan datang berikutnya. Ini membuat pengalaman itu mudah dan menyenangkan.

3. Tempatkan Label di Atas Konten

desain formulir kontak

Sebagian besar alat pembuat formulir memberi Anda banyak pilihan untuk menempatkan label atau tooltips di mana. Tahan godaan untuk menjadi terlalu kreatif dan menempatkan label di atas bidang informasi. Ini adalah penempatan yang paling umum – dan dapat digunakan – untuk label.

Plus, penempatan ini mudah dikonversi ke perangkat lain. Pikirkan tentang formulir di telepon daripada desktop, misalnya. Jika formulir ada di depan label, Anda bisa merencanakan informasi apa yang akan dimasukkan di bidang bahkan sebelum Anda menggulir ke sana, dan itu akan tetap ada sampai formulir formulir selesai. Tetapi jika label di bawah bidang, Anda mungkin terjebak dalam pola gulir ke bawah dan kemudian naik lagi untuk melihat instruksi dan mengisi formulir.

Meskipun ini sekarang mungkin tampak seperti masalah besar, ini bisa membuat frustasi bagi pengguna. Dan dengan formulir yang lebih panjang, itu bisa mengakibatkan kesalahan di seluruh formulir. Ini adalah masalah kegunaan utama dalam desain formulir kontak Anda.

4. Jangan Meminta Informasi Terlalu Banyak

desain formulir kontak

Semakin sedikit pengguna yang terlibat dan loyal, semakin sedikit bidang yang akan mereka terima untuk menyelesaikan suatu tindakan.

Formulir yang lebih pendek cenderung diisi sepenuhnya daripada formulir panjang yang meminta informasi yang tidak perlu. (Apakah Anda benar-benar harus memasukkan kartu kredit jenis apa yang Anda miliki di halaman pembayaran? Jawabannya adalah tidak, nomor menunjukkan jenis kartu, jadi jangan buat pengguna memasukkan informasi yang tidak perlu ini.)

Semakin sedikit pengguna yang terlibat dan loyal, semakin sedikit bidang yang akan mereka terima untuk menyelesaikan suatu tindakan. Untuk pengguna baru, tidak apa-apa untuk meminta alamat email. Tunggu email konfirmasi (setelah mereka sedikit lebih diinvestasikan) atau tindak lanjut untuk memperluas informasi yang dikumpulkan untuk memasukkan nama, kode ZIP atau ulang tahun.

Formulir sederhana pendek memiliki tingkat keterlibatan yang lebih tinggi yang panjang, formulir kontak lengkap. Desain dengan tepat.

5. Buat Tombol Terlihat Jelas

desain formulir kontak

Pastikan bahwa salinan-mikro di dalam tombol memberi tahu Anda dengan tepat apa yang terjadi

Setelah pengguna mengisi setiap bidang dalam formulir, apakah tindakan terakhir sudah jelas? Terlalu sering, membuat tombol yang mudah dilihat adalah langkah yang terlupakan dalam desain formulir. Tombol harus terlihat jelas. Gunakan warna yang spesifik untuk tombol terakhir dan pastikan bahwa salinan-mikro dalam tombol memberi tahu Anda dengan tepat apa yang terjadi (kirim, selesaikan pembayaran, dll.).

Tip Bonus: Jika Anda menggunakan captcha atau jenis tantangan manusia lainnya, letakkan di antara bidang terakhir di formulir dan kirim. (Tidak ada yang lebih menyebalkan daripada mengklik ajukan saja agar captcha memaksa Anda mengulangi tindakan … atau lebih buruk, membuat Anda memulai dari awal.)

Oh, dan satu lagi tip yang tidak perlu dikatakan lagi … beri tahu pengguna kapan formulir berhasil diselesaikan! Dialog sederhana “terima kasih” sudah cukup.

6. Gunakan Jenis Bidang yang Tepat

desain formulir kontak

Perancang formulir yang baik tahu bahwa satu jenis bidang tidak cocok dengan semua informasi. Cocokkan jenis bidang dengan data yang dikumpulkan untuk memudahkan pengguna mengisi formulir dengan benar. Anda tidak akan menggunakan menu tarik-turun untuk nomor telepon, bukan?

Meskipun ini adalah salah satu tips yang tampaknya sangat jelas, itu terjadi salah terlalu banyak waktu.

Pikirkan bidang ini pada formulir kontak: cara terbaik untuk menghubungi saya adalah melalui email atau telepon. Menggunakan pilihan tombol memperjelas bahwa pengguna harus memilih satu. Menggunakan drop-down adalah tindakan yang terlalu kompleks untuk pilihan salah satu / atau ini. Dan Anda pasti tidak membutuhkan ini sebagai bidang jawaban singkat.

Tidak hanya akan menggunakan jenis bidang yang tepat membuat formulir lebih mudah bagi pengguna, itu juga akan merampingkan pengumpulan dan analisis data Anda.

7. Validasi Data Bila Mungkin

desain formulir kontak

Tidakkah Anda hanya menyukainya ketika sebuah formulir memberi tahu Anda tentang kesalahan saat Anda pergi daripada di akhir?

Tidakkah Anda hanya menyukainya ketika sebuah formulir memberi tahu Anda tentang kesalahan saat Anda pergi daripada di akhir? Anda tidak hanya dapat melihat dan memperbaiki kesalahan, tetapi juga menghemat waktu dan sakit kepala dalam prosesnya.

Menggunakan validasi pada formulir kontak adalah suatu keharusan. Dari mengonfirmasi bahwa alamat email mengikuti format yang tepat, hingga memvalidasi jumlah digit untuk kode ZIP atau nomor telepon, hal-hal kecil ini dapat membuat perbedaan besar.

Dan jika Anda tidak melakukannya, Anda berada di minoritas. Sebuah studi dari Baymard Institute menunjukkan bahwa 60 persen formulir menggunakan validasi sebaris. Jadi ini bukan hanya alat kegunaan, tetapi dengan cepat menjadi pola pengguna yang diterima umum (dan harapan).

Kesimpulan

Dua jenis formulir yang paling populer dalam proyek desain situs web mungkin adalah pendaftaran email dan formulir kontak. Mulailah dengan memastikan bahwa formulir ini diatur dengan benar dan atur desain agar lebih berguna. (Jika Anda melihat lebih banyak keterlibatan, ini mungkin berhasil.)

Konsep yang sama dapat diterapkan pada formulir di seluruh desain serta survei, halaman checkout, dan pengumpulan data lainnya. Konsep-konsep ini ditingkatkan untuk memenuhi segala jenis elemen situs web di mana pengguna perlu memasukkan informasi untuk menyelesaikan suatu proses.

sumber: designshack.net

Latest articles

12.6k Followers
Follow

Related articles