Berikut adalah kesalahan umum yang dibuat oleh perancang dan cara memperbaikinya.

Apakah itu alur pembuatan akun, tahapan dengan banyak tampilan (multi-view) atau antarmuka entri data yang monoton, form (formulir) adalah salah satu komponen terpenting dari rancangan produk digital. Artikel ini berfokus pada hal yang boleh dan tidak boleh dilakukan dalam merancang form secara umum. Perlu diingat bahwa ini adalah pedoman umum dan ada pengecualian untuk setiap aturan.

1. Form sebaiknya satu kolom

Tampilan dengan banyak kolom mengganggu momentum vertikal pengguna.

2. Label rata atas/Top align labels

Pengguna akan lebih cepat mengisi data pada form berlabel rata atas dibanding form berlabel rata kiri. Label rata atas juga diterjemahkan dengan baik di perangkat seluler. Namun, pertimbangkan untuk menggunakan label rata kiri untuk entri kumpulan data yang besar dengan opsional variabel karena mereka lebih mudah untuk dipindai bersama, mereka mengurangi tingginya dan meminta lebih banyak pertimbangan dibanding label rata atas.

3. Kelompokkan label dengan inputnya

Tampilkan label dan input berdekatan, dan pastikan ada ketinggian yang cukup di antara bidang sehingga tidak membingungkan pengguna.

4. Hindari semua huruf kapital

Semua huruf kapital lebih sulit dibaca dan dipindai.

5. Tampilkan semua pilihan jika di bawah 6 opsi

Menempatkan opsi dalam drop-down membutuhkan dua kali klik dan menyembunyikan opsinya. Gunakan penyeleksi input jika ada lebih dari 5 opsi. Masukkan pencarian kontekstual dalam drop-down jika ada lebih dari 25 opsi.

6. Jangan menggunakan teks placeholder sebagai label

Penggunaan teks placeholder sebagai label untuk mengoptimalkan ruang memang sangat tidak tertahankan.

7. Tempatkan kotak centang (dan radio) di bawah satu sama lain

Menempatkan kotak centang di bawah satu sama lain memungkinkan pemindaian secara mudah.

Bersambung..

(Sumber: https://uxdesign.cc – Andrew Coyle)