it-swarm.asia

Apa yang lebih baik: ya / tidak radio, atau kotak centang sederhana?

Dalam bentuk yang sangat besar di situs web perusahaan saya, ada kecenderungan untuk menggunakan Yes / No kombinasi tombol radio.

enter image description here

Saya dapat memikirkan satu argumen untuk tidak menggunakannya, tetapi itu tidak berhubungan dengan UX: kita perlu mempertahankan tiga status alih-alih hanya dua: null, true dan false untuk bidang-bidang itu.

Apakah ada argumen, menurut UX, untuk menggunakan kotak centang?

enter image description here

Sunting: Kita tidak perlu mencakup semua 3 kasus, kasus null hanyalah keadaan awal dan tidak mungkin untuk melangkah lebih jauh dalam formulir tanpa memilih "Ya" atau "Tidak", maka kesulitan pemeliharaan menyebut.

103
wscourge

Tergantung pada apakah pertanyaan itu wajib atau tidak. Anda memerlukan tombol radio jika Anda ingin memastikan bahwa pengguna menjawab pertanyaan, karena dengan kotak centang kosong Anda tidak akan pernah tahu apakah pengguna lupa pertanyaan ini.

234
denR89

Tidak ada jawaban yang tepat tetapi kontrol tergantung pada konteksnya.

Kotak centang cocok untuk meminimalkan kekacauan tetapi penggunaannya terbatas untuk kasus-kasus di mana pilihan yang dijelaskan juga memiliki makna yang berlawanan (tanpa perlu menyebutkannya):

[X] include subdirectories

Tombol radio cocok ketika membuat sesuatu yang lebih eksplisit atau jika pilihan membutuhkan deskripsi terpisah:

Overwrite files when copying (cannot be undone):

(•) Yes, overwrite   ( ) No

Tombol radio juga merupakan kontrol terbaik untuk memulai tanpa ada pilihan.

Menu dropdown (masih dengan 2 pilihan) cocok untuk pilihan yang biasanya tidak boleh diubah oleh pengguna, dll. Pilihan lain tidak terlihat dan perubahan membutuhkan 2 klik:

Format drive for the following file system:   exFAT32 ▼

(setelah dibuka, pilihan lainnya adalah NTFS).

Tentu saja, ini bukan satu-satunya kriteria. Jika Anda sudah memiliki sekelompok kontrol serupa yang ada, Anda menambahkan satu lagi untuk mencocokkannya. Atau kadang-kadang tata letak yang mengatur tipe kontrol utama untuk digunakan, misalnya beberapa opsi terlihat lebih gettable jika disejajarkan dalam tabel. Dan kadang-kadang Anda perlu menambahkan label atau ikon multi-baris ke pilihan, yang menyiratkan kontrol untuk digunakan.

Jadi pilihan ada pada Anda, tujuannya adalah membuat UI efisien, tetapi membuat pilihan penting secara eksplisit dan beberapa lainnya menonjol dari cara pengguna.

81
miroxlav

Saya akan menggunakan kotak centang, karena:

  • itu ringkas secara visual (vs radiobox mengambil lebih banyak ruang layar)
  • itu adalah minimum yang diperlukan untuk menyelesaikan pekerjaan
  • itu adalah widget UI klasik dan orang-orang mengenalnya (meskipun ini juga berlaku untuk kotak radio)
  • versi kertas dari formulir dapat terlihat sama (meskipun beberapa survei kertas menggunakan radiobox)

Radiobox akan menjadi pilihan yang lebih baik jika Anda memiliki lebih dari 2 status. Misalnya, dalam survei Anda mungkin perlu {yes, no, I don't know, prefer not to say} untuk membedakan antara nuansa opsi apa pun selain yes.

Ini akan membantu jika Anda bertanya kepada orang-orang generasi sebelumnya yang membuat antarmuka ini tentang alasan di balik penggunaan radiobox. Mungkin ada alasan bagus untuk itu, tetapi belum didokumentasikan.

22
ralien

Jika Anda benar-benar harus mencakup semua kasus penggunaan:

  • Tanda centang tidak akan berfungsi karena hanya dapat mencakup dua kasus.
  • Tombol radio harus menutupinya, tetapi Anda melewatkan opsi ketiga. Sesuatu di baris "Saya lebih suka tidak mengatakan." Karena pengaturan saat ini akan rusak jika Anda secara tidak sengaja memilih sesuatu (tetapi dengan melihatnya Anda mungkin mendukung menghapus centang tombol radio?) Yang saya pikir bukan praktik yang baik.

Anda dapat membaca artikel menarik ini pada tombol radio oleh Norman Group jika Anda memerlukan wawasan lebih lanjut.

14
rojcyk

Kotak centang digunakan untuk memilih atau menegaskan pilihan. Pertanyaan "Apakah Anda punya ...?" tidak menawarkan pilihan sehingga kotak centang tidak berlaku untuk pertanyaan. Bahkan muncul untuk memilih pertanyaan saja.

Jadi pilihan harus ditawarkan - ya atau tidak. Kemudian gunakan kotak centang untuk pemilihan pilihan.

6
Rob

Komentar @hsan pada pertanyaan itu penting: jika Anda perlu memastikan bahwa pengguna benar-benar bermaksud 'Tidak' sebagai jawaban mereka, Anda memerlukan mereka untuk secara aktif membuat pilihan, sehingga formulir tidak dapat dikirim hingga mereka membuatnya. .

Untuk ini, kontrol pilih dengan opsi pertama yang dinonaktifkan untuk 'tolong pilih' berfungsi dengan baik: https://codepen.io/anon/pen/LaZzzP

<label for="mandatory-yes-no">Do you need the thing?</label>
<select id="mandatory-yes-no">
  <option disabled selected> Please select</option>
  <option> Yes </option>
  <option> No </option>
</select>

Dengan menjadikan status default sebagai 'pilihan' yang valid, Anda mengambil risiko pengguna hanya mengabaikan atau tidak mempertimbangkannya. Apakah risiko itu dapat diterima atau diinginkan tergantung pada situasinya.

4
Beejamin

Untuk kasus khusus Anda, sepertinya Anda perlu menambahkan opsi "N/A" ketiga yang dipilih secara default.

Berkenaan dengan penggunaan kotak centang vs. radio ya/tidak, saya pikir kotak centang berfungsi lebih baik untuk situasi di mana bidang cenderung tetap "sebagaimana adanya" ketika pengguna pertama kali memasukkan formulir.

Sebagai contoh:

sample of multiple check boxes grouped together

Dengan pengelompokan yang tepat oleh perancang UX, ini memungkinkan pengguna untuk dengan cepat melewati bidang formulir yang tidak relevan.

Tombol radio, dalam cara Anda menunjukkan sedang digunakan, menekankan bahwa pilihan diperlukan, lebih baik daripada kotak centang yang dapat dibiarkan kosong.

4
mpr

Seperti banyak jawaban lain katakan, itu tergantung pada konteksnya

Saya ingin menambahkan bahwa itu tergantung bukan hanya pada pertanyaan yang Anda ajukan tetapi juga seberapa banyak Anda ingin pengguna untuk memikirkan pertanyaan dan tanggapan mereka. Sebuah kotak radio memerlukan beberapa tindakan untuk bergerak sementara kotak centang dapat dibolak-balik.

Seperti yang dikatakan DenR89, Anda tidak pernah dapat memastikan apakah kotak centang telah dijawab secara negatif atau diabaikan. Terkadang ini ok. Terkadang Anda harus yakin bahwa pengguna telah memahami pertanyaan dan memberikan respons yang jujur. Misalnya, pada aplikasi asuransi mobil, Anda dapat menggunakan kotak radio untuk:

Do you own the car?
( ) Yes ( ) No

Karena mungkin ada implikasi hukum untuk menganggap ini salah. Namun, Anda mungkin menggunakan kotak centang dalam bentuk yang sama untuk:

[ ] Include breakdown cover

Di mana default (tidak ada penutup kerusakan) adalah benar untuk kebanyakan orang dan itu tidak akan mempengaruhi validitas polis asuransi jika ini terlewatkan.

Bentuknya sangat besar

Orang bosan/frustrasi dengan bentuk yang sangat besar. Untuk kasus ini, saya akan menyarankan tombol radio karena memaksa orang untuk membaca pertanyaan dan membuat pilihan, mencegah kemalasan membiarkan orang membaca kotak centang.

Ini hanya benar-benar berlaku saat kita berbicara tentang kotak radio ya/tidak/null vs satu kotak centang. Jika kotak radio awalnya dalam keadaan "tidak", pada dasarnya sama dengan kotak centang. Jika Anda dapat mengganti beberapa pertanyaan dengan:

Do you have:
[ ] Thing 1
[ ] Thing 2
[ ] Thing 3
...

Maka ini adalah pertanyaan yang sangat berbeda.

3
Kichi

Menurut opini saya

Tombol radio

  1. Pengguna seharusnya hanya dapat memilih satu opsi tunggal

    (o) Bebek () Angsa () Membalas Condor of Death

  2. TIDAK jawaban bukanlah Jawaban. Setelah Anda memilih (klik pada tombol radio) salah satu dari 3 opsi dalam contoh sebelumnya, Anda hanya dapat mengubah pilihan Anda, bukan membatalkan pilihan.

Kotak centang

  1. Pengguna dapat memilih beberapa opsi

Topping: [] Keju Swiss [x] Keju Aneh [] Daging Misteri [x] Hijau Kedelai

  1. TIDAK jawaban adalah jawaban yang valid. yaitu dalam contoh sebelumnya Anda dapat memutuskan Anda tidak ingin topping.
2
raubvogel

Tidak ada yang benar.

Radio dan kotak centang keduanya dirancang untuk daftar . Oleh karena itu mereka akan digunakan dalam kasus seperti ini di mana ada beberapa kata sifat (angka/jumlah) atau kata benda (objek 1, 2, 3) opsi yang diminta (setidaknya dua item).

Which of the following do you have?
- Whatever 1
- Whatever 2
- Whatever 3

Perbedaannya adalah bahwa radio membatasi pilihan Anda hanya pada satu opsi sementara daftar periksa memungkinkan Anda untuk memilih beberapa opsi (mis., Apa warna favorit Anda? (Radio) vs. warna apa yang Anda suka? (Daftar periksa)).

Apa yang ingin Anda capai tidak memerlukan radio atau kotak centang karena ini bukan daftar melainkan pernyataan ini atau itu. Ini sebaliknya membutuhkan tombol. Ini biasanya terlihat pada perangkat lunak yang mengikuti pertanyaan seperti "Apakah Anda yakin ingin menghapus ini?" atau "Apakah Anda ingin menginstal perangkat lunak ini?"

enter image description here

Karena ini adalah formulir web, kemungkinan menggunakan HTML Radio Buttons. Saya akan mengedit kode seperti ini untuk menyembunyikan lingkaran radio karena Anda hanya menampilkan opsi ya atau tidak.

2
Davbog