Diperlukan validasi bidang

Itu sangat tergantung pada berbagai faktor.

1. Sebagai aturan umum: harus ada indikasi teks (tanda bintang) dan indikasi visual, seperti hanya memiliki pandangan sekilas ke formulir, Anda harus dapat memahami bidang apa yang diperlukan. Misalnya, Anda dapat menambahkan tanda bintang di sisi label (lebih baik jika diformat sedikit berbeda dari label itu sendiri) dan menambahkan perbatasan yang lebih intens ke bidang yang wajib diisi.
2. Sebagai aturan umum kedua, cobalah sangat keras untuk melihat apakah Anda dapat menyederhanakan formulir: sangat sering ada cara untuk meminimalkan formulir dan menghindari sama sekali bidang opsional. Misalnya formulir pendaftaran minimalis bisa meminta hanya email, dan meninggalkan yang lain untuk ditindaklanjuti dan widget seperti "Profil Anda selesai 90%".
3. Jadilah konsisten di semua situs web, itu sangat penting, karena itu tidak memaksa pengguna untuk belajar setiap saat.
4. Perhatikan bahwa jika tanda bintang disejajarkan bersama pada kolom yang sama itu sedikit lebih baik (tapi sedikit, itu biasanya dihindari untuk membuat formulir lebih bagus, formulir Nice berkinerja lebih baik daripada yang lebih buruk).
5. Jika sebagian besar elemen dalam formulir adalah wajib, maka mungkin lebih baik untuk menandai opsional.

Gotchas:

1. Jangan mengandalkan warna saja (merepotkan jika Anda tidak bisa membaca warna dengan baik).
2. Jangan mengandalkan asterisk saja (Anda memaksa pengguna untuk berpikir tentang apa yang wajib dan apa yang tidak).
3. Jangan hancurkan formulir di sekitar: walaupun tampak di luar cakupan pertanyaan ini, seringkali formulir yang dipoles, disejajarkan secara vertikal dengan label yang jelas sangat membantu dalam memahami bidang wajib: karena pemindaian vertikal tunggal lebih mudah, juga lebih mudah untuk mendeteksi bidang wajib.

Saya pikir Anda mungkin tertarik dengan penelitian terbaru Baymards: http://baymard.com/blog/required-optional-form-fields

Ringkasannya adalah:

• Saat membandingkan 100 proses checkout AS teratas, hanya 9% dari situs yang secara eksplisit menandai kedua jenis bidang
• Dengan secara eksplisit menunjukkan bidang opsional dan wajib, pengguna tidak dipaksa untuk menyimpulkan apa pun dan dapat tetap fokus hanya pada bidang yang mereka isi dan akibatnya dapat berkembang mulus di seluruh bidang formulir seluruh bidang demi bidang tanpa bolak-balik pemindaian bidang sebelumnya.
• Kesalahan paling umum - dibuat oleh 63% dari 100 checkout e-commerce teratas - adalah hanya menunjukkan salah satu dari jenis
• Saat menguji checkout seluler, 75% subjek uji mengalami masalah kegunaan bentuk parah di situs yang gagal menandai bidang wajib dan opsional dengan jelas.

Dan rekomendasi mereka:

Menjaga tanda bintang bisa bermanfaat daripada hanya indikator berbasis warna (+1 untuk aksesibilitas). Melemparkan atribut judul di asterisk juga, mis. <span title = "Field yang Diperlukan"> * </span>

Ini mungkin perlu untuk menata gaya itu dengan tepat

Saya tidak berpikir posisi asterisk itu penting - konsisten saja!

Saya pikir saya sudah melakukan semua itu pada satu titik atau yang lain. Yang baru-baru ini saya lakukan adalah sesuatu yang membutuhkan lebih banyak pekerjaan tetapi saya pikir lebih baik bagi pengguna. Pada dasarnya, Anda memberikan kotak popover merah kecil dengan panah gemuk menunjuk ke arah lapangan yang bersangkutan, memberi tahu mereka bahwa itu adalah bidang wajib. Menampilkannya di atas bidang dalam warna cerah saya pikir mendapatkan titik melintasi tanpa mengubah aliran sisa dokumen dengan konten yang disisipkan atau teks tebal.

Ini menjadi lebih rumit jika Anda memiliki banyak kesalahan di mana saat ini menampilkan beberapa popover sangat kacau, sehingga Anda memutuskan untuk hanya menampilkan kesalahan pertama atau hanya menampilkan satu kesalahan sekaligus dan sekali salah satu konflik telah diselesaikan, tampilkan kesalahan berikutnya .