it-swarm.asia

Kapan saya harus menggunakan kotak pilih alih-alih tombol radio?

Saya tahu bahwa kotak pilih tidak memakan banyak ruang dan bagus untuk banyak opsi. Tetapi haruskah ada pengaruh yang lebih dalam pada pilihan saya selain ruang? Apakah ada studi yang menunjukkan pengguna lebih suka satu atau yang lain?

Ada juga masalah multi-pilih vs kotak centang di html, yang dapat dibahas di sini juga, mengingat jawabannya mungkin akan sama.

53
Gordon Gustafson

Saya menggunakan pilih ketika pengguna tidak perlu tahu semua pilihan alternatif yang tersedia. Saran otomatis berguna untuk daftar panjang. Umumnya, mereka tahu apa yang mereka inginkan dan memilih menghemat ruang. Contoh: Pilih "Negara" seperti California atau New York. Anda tidak akan pernah menggunakan tombol radio.

Saya menggunakan tombol radio ketika alternatif itu penting. Ketika saya ingin pengguna melihat apa yang TIDAK mereka pilih. Tombol radio memungkinkan Anda memperluas pilihan dan bahkan menggunakan teks yang lebih panjang.

Rule of thumb: Jika daftar panjang atau alternatif tidak begitu penting, gunakan pilih.

78
Glen Lipka

Panduan antarmuka pengguna seperti dari MS, Apple, Gnome dll biasanya memberikan saran yang cukup jelas tentang ini:

  • Tombol radio: kurang dari 5 pilihan

  • Pilih Kotak: 6 hingga 10 opsi

  • Daftar yang dapat digulir: 11 opsi atau lebih atau
    • Perlu mendukung seret dan lepas ke daftar
    • jumlah elemen bervariasi

Selain itu Anda dapat menggunakan kotak pilih saat Anda harus menghemat ruang atau pilihan default biasanya cukup baik, sehingga pengguna jarang harus melihat pilihan mereka.

Ketiga dapat digunakan selama berhari-hari dalam seminggu, berbulan-bulan, dll. Itu adalah hal-hal di mana Anda tah pilihan apa yang Anda miliki tanpa ditunjukkan semuanya. Jika saya melihat "Februari" di kotak pilih, saya bisa menebak apa saja pilihan lainnya.

Dasar pemikiran untuk menggunakan satu elemen GUI di atas yang lain

Secara umum tombol radio biasanya lebih disukai karena pengguna dapat melihat semua pilihan mereka segera. Namun, menunjukkan semua pilihan dapat menghabiskan banyak ruang berharga di antarmuka pengguna. Itulah sebabnya sebagian besar pedoman menyarankan menggunakan metode pemilihan lain ketika ada banyak pilihan.

Misalnya. a daftar yang dapat digulir dapat menampilkan jumlah pilihan yang berubah-ubah tanpa menghabiskan banyak ruang. Kelemahannya adalah Anda tidak bisa melihat semua pilihan.

A kotak pilih berbeda karena kami menggunakannya saat menunjukkan kepada pengguna semua pilihan tidak begitu penting. Misalnya. ketika pengguna dapat menebak pilihannya, atau akan sangat jarang perlu mengubah pengaturan default. kotak pilih terutama ada untuk menunjukkan kepada pengguna apa pengaturannya. Namun ketika ada banyak pilihan a kotak pilih dapat menjadi canggung untuk dinavigasi dan dengan demikian daftar yang dapat digulir akan lebih disukai.

13
Erik Engheim

Selain ruang dan jumlah opsi, sebenarnya tidak ada perbedaan besar. Satu hal yang saya sukai dari tombol radio adalah Anda dapat mengaturnya agar terlihat seperti tombol besar, yang dapat berguna untuk antarmuka sentuh. Jika Anda hanya memiliki beberapa opsi, akan lebih mudah untuk menekan tombol besar daripada menekan dropdown kecil dan menekan opsi kecil.

Sejauh multi-seleksi vs kotak centang, saya benar-benar memilih untuk tidak menggunakan multi-seleksi. Hanya karena Anda harus menggunakan kombinasi tombol bersama dengan klik mouse Anda. Banyak pengguna tidak mengetahui bagaimana cara pintas bekerja dan tidak dapat memilih beberapa opsi.

12
LoganGoesPlaces

Perbedaan lain antara dua input yang sering diabaikan: Jika tombol radio tidak dipilih, itu tidak diteruskan pada formulir kirim. Atau untuk melihatnya dengan cara lain, tombol radio menawarkan opsi untuk tidak memilih opsi apa pun.

Dengan dropdown (kotak pilih), Anda mungkin memiliki opsi tanpa nilai (kosong, "") dan menjadikannya default, tetapi jika pengguna membiarkan opsi ini tidak tersentuh, mereka secara efektif mengatakan "jawaban saya kosong", karena form meneruskan "my_input_name: ''". Dengan memiliki tombol radio, Anda dapat menawarkan opsi seperti "Tidak Ada" atau "Tidak satu pun di atas" yang dapat dipilih secara eksplisit oleh pengguna dan karenanya membedakan antara pengguna yang memilih "-blank-" dan pengguna yang melewatkan pertanyaan/memilih. untuk tidak menjawab (Perbedaan ini menjadi acar nyata dalam logika DB tingkat rendah ketika membedakan antara bidang yang disimpan dengan nilai NULL versus nilai kosong (kosong)).

Sebaliknya fitur tombol radio ini adalah hal lain yang sering dilupakan tentang tombol radio: Anda tidak dapat membatalkan pertanyaan. Jika Anda memiliki bidang radio seperti:

Jenis kelamin Laki-laki Perempuan ()

seorang pengguna dapat melewatkan pertanyaan dan bidang tersebut bahkan tidak diteruskan sebagai kosong. Tetapi jika pengguna memilih laki-laki, nah sekarang mereka macet. Mereka dapat mengubah jawaban untuk wanita, atau meninggalkannya sebagai pria. (Untuk formulir HTML, mereka juga dapat belajar sedikit tentang menggunakan konsol browser mereka, tetapi itu berada di luar desain UI/UX dan ke dalam pemrograman dan keamanan).

Jadi dengan fitur "no take backs" tombol radio ini, Anda memiliki beberapa opsi yang tidak akan disediakan oleh dropdown:

  1. Kemampuan membedakan "tidak menjawab" dari "jawaban saya kosong"
  2. Kemampuan untuk menyajikan semua opsi tanpa memaksa opsi kosong atau default. Dengan dropdown, Anda harus mengosongkan opsi dan kemudian berurusan dengan opsi itu tidak benar-benar menjadi pilihan pengguna yang valid, atau pra-pilih opsi untuk pengguna (seperti opsi pertama pada daftar), yang memiliki risiko menjadi diserahkan secara tidak sengaja jika pengguna lalai untuk membuat pilihan (mungkin mereka bermaksud untuk kembali ke sana, mungkin mereka tidak melihatnya), atau jika dibiarkan tidak dipilih dengan sengaja karena kurangnya pilihan kosong. Dalam kedua kasus tersebut, data sekarang kurang bernilai karena opsi "default" mungkin atau mungkin bukan jawaban yang benar (jika Anda tidak percaya, kueri data Anda untuk mendapatkan rasio baris dengan opsi default untuk bidang versus baris dengan opsi lain. Anda akan terkejut melihat berapa banyak orang yang tampaknya tinggal di Alabama ketika itu opsi default).

  3. Kontrol yang lebih baik atas penanganan validasi formulir, khususnya bidang "wajib". Tidak ada bidang dropdown yang diperlukan. Hanya ada bidang dropdown di mana opsi kosong tidak valid. Jelas akan lebih baik untuk menyediakan dropdown negara dengan opsi kosong dan memperlakukan yang kosong sebagai tidak memilih negara, daripada meniup formulir Anda untuk menghindari opsi kosong, tetapi untuk pertanyaan yang memiliki 4-5 tanggapan paling banyak, itu lebih baik untuk memberikan daftar opsi yang lengkap daripada menggunakan dropdown dengan opsi kosong yang sebenarnya bukan pilihan dan kemudian harus berurusan dengan membedakan kosong dari yang tidak dipilih.

Pendapat bonus:

Dengan cara yang sama seperti ide-ide di atas, juga sangat bodoh untuk menggunakan dropdown daripada kotak centang. Dropdown dengan opsi "Ya/Tidak" atau "Benar/Salah" membuat saya memutar mata setiap kali. Alasan hanya untuk menggunakan dropdown adalah jika Anda memberikan opsi kosong ketiga dan itu dianggap pilihan yang valid. Dan bahkan kemudian, tombol radio mungkin akan menjadi pilihan yang lebih baik.

4
Anthony

Saya hanya merenungkan ini sendiri untuk interaksi, dan berpikir manfaat lain dari tombol radio adalah mereka dapat memberikan sedikit ruang ekstra untuk teks dukungan atau penjelasan tentang pilihan yang mungkin.

3
annemarie lock

Saya menggunakan pilih kotak (kotak centang) untuk mengaktifkan pemilihan beberapa opsi atau saat membuat pilihan biner.

Praktik Terbaik Untuk menggunakan Select Boxes:

  1. Pertimbangkan pengaturan default untuk opsi yang dipilih pengguna dengan waktu 80% atau lebih.
  2. Hindari opt-in default, seperti mendaftar untuk pemasaran email.

Saya menggunakan Tombol Radio untuk mengaktifkan satu item dari dua atau lebih opsi yang saling eksklusif.

Praktik Terbaik Untuk menggunakan Tombol Radio:

  1. Jangan gunakan tombol radio untuk meluncurkan tindakan.
  2. Selalu gunakan dua atau lebih tombol radio
1
Manoj Kumar

Tombol radio biasanya lebih disukai sampai Anda memiliki lebih dari beberapa opsi. Mereka hanya membutuhkan satu klik dibandingkan dengan dua. Tombol radio juga lebih baik untuk sub opsi bersarang.

1
Tom R

Jika hanya beberapa pilihan, tombol radio menang untuk kemudahan penggunaan dan pemilihan cepat. menggunakan pilihan dropdown mencegah pengguna melihat semua pilihan sampai mereka mencapai bidang itu.

Pertanyaan ini bisa juga diterapkan pada kotak centang vs banyak pilihan.

0
ericslaw