web-dev-qa-db-ja.com

アイテムvsチェックボックスvsラジオボタンを選択する

質問があったときに、WebベースおよびAndroidベースのシステムでシステムインターフェイスのリファクタリングを行っていました。レポートフィルターで次のオプションを処理しています:「すべてのユーザー」、「アクティブなユーザー」、または「非アクティブなユーザー」 、ユーザーに問い合わせるのに適したコンポーネントはどれですか?

  1. 3つのオプションがあるラジオボタン
  2. 「ACTIVE USERS」と「INACTIVE USERS」の2つのチェックボックス
  3. 上記の3つのオプションをすべて含む選択メニュー。

私は開発者ベースの意見を求めているのではなく、WebパターンとHCIの慣習に基づいた最良の選択を求めています。

前もって感謝します。

2
Jaumzera

3つのオプションすべてを備えたラジオボタン

これは非常に一般的なシナリオであり、多くのサイトでは、選択ボタンまたはラジオボタンを同じように使用しています。ただし、ラジオボタンは言うまでもなく、すべてのオプションを常に表示することをお勧めしますが、selectにはclick-->travel-->selectが必要です

可能であれば、ドロップダウンメニューではなくラジオボタンを使用してください。ラジオボタンは、すべてのオプションを表示してユーザーが簡単に比較できるようにするため、認知負荷が低くなります。

オプションが7つ未満の場合は、ラジオボタンの使用を検討してください。ユーザーは、この情報を表示するために何かをクリック(または入力)しなくても、ユーザーが持つオプションの数とそれぞれのオプションが何であるかをすぐにスキャンできます。

詳細は Radio Buttons UX Design で確認できます。

2
Devin