web-dev-qa-db-ja.com

オプションの同じリストのラジオボタンまたはドロップダウン

表示できる最大数が9であるオプションのリストがあります。表示される数に応じてこれらのオプションのコントロールを切り替えるのが混乱するのではないかと思っています。 。せいぜい9つのオプションしか表示されない場合もありますが（これはまれなケースですが）、一貫性を保つために、全体でラジオボタンを使用することに傾倒しています。

作業しているスペースの幅（537px）のワイヤーフレームがいくつかあります

enter image description here

enter image description here

usabilityformscontrolsdropdownradio-buttons
3
belladactyl

Jakob Nielsenによる記事「 Checkboxes vs. Radio Buttons 」に続いて、これに基づいてラジオボタンを使用します。

この記事では、ラジオボタンとドロップダウンメニューを次のように比較しています。

可能であれば、ドロップダウンメニューではなく、ラジオボタンを使用してください。ラジオボタンは、すべてのオプションを永続的に表示してユーザーが簡単に比較できるようにするため、認知負荷が低くなります。ラジオボタンは、マウスを正確に動かすことが難しいユーザーにとっても操作が簡単です。 （スペースが限られていると、このガイドラインに違反するように強制される場合がありますが、可能な場合は常に選択肢が表示されるようにしてください。）

9つのラジオボタンオプションがEdgeケースになるとおっしゃいましたが、すべてのオプションがすぐに表示されるので、ラジオボタンはユーザーの認知的負荷を軽減するのに最適です。あなたが持っているUIスペースの量も要因となるので、設計のための画面の例をいただければ幸いです！

4
Clint

9つのラジオボタンではない…

ガイドラインに従うか、別のソリューションを使用することをお勧めします。

ラジオボタンの場合、Microsoftには このラジオボタンのガイドライン があります。

オプションの数は2から7の間ですか？使用される画面スペースはオプションの数に比例するため、グループ内のオプションの数は2つと7つ。 8つ以上のオプションの場合、 ドロップダウンリスト または 単一選択リスト を使用します。

同じガイドラインで、Microsoftはドロップダウンリストの動作がラジオボタンのセットとは異なることを認めています。

ドロップダウンリストの方が適していますか？ほとんどの状況でほとんどのユーザーにデフォルトのオプションが推奨されている場合、ラジオボタンが必要以上のオプション。

  • オプションに注意を向けたくない場合、またはユーザーに変更を促すことを望まない場合は、ドロップダウンリストの使用を検討してください。ドロップダウンリストは現在の選択に焦点を当てていますが、ラジオボタンはすべてのオプションを等しく強調しています。

  • ページに他のドロップダウンリストがある場合は、ドロップダウンリストを検討してください。

ドロップダウンリストも使用しないこともできます。

3番目のオプション：単一選択リスト

他の回答ではラジオボタンをドロップダウンリストと比較していますが、3番目のオプションがあります：単一選択リスト：

A single-selection list

ユーザーは複数ではなく、1つの値を選択できます。

3
JeromeR

ドロップダウンのオプションで、ユーザーがそれらを表示する必要がない場合は、ドロップダウンを使用する必要があります。

例：「1〜10の数字を選択してください[ド​​ロップダウン]」。指示により、ドロップダウンオプションで何を期待するかが明確になるため、それらを表示する必要はありません。

"次のうちどれがあなたの好きな果物ですか？Apple [radio] orange [radio] pear [radio]"。ユーザーはこのオプションを表示したいと考えています。

2
user5482

私は別の考慮事項を追加します：ラベルの長さ。短い単語が1つまたは2つしかない場合は、選択オプションの可能性があります。フレーズや文の場合は、ラジオボタンを使用します。

1
Eric Stoltz

選択ドロップダウンは、リストが長い場合や、ユーザーが選択で使用可能なオプションに慣れている場合に適しています。長さに関しては、9つの選択肢が境界線です。おそらく大丈夫ですが、それぞれに9つのラジオの選択肢がある多数の異なる入力がある場合、フォームは認知的にかなり負担になるように見えます。

より重要なのは、オプションの親しみやすさ/理解です。ドロップダウンは「米国の州」（順序が理解できる50の選択肢）または「サイズ」に適しています（[XS、SM、MD、LG、XL]）（リストはそれほど長くありませんが、オプションは一般的に理解されています） ）。

ですから、それは本当にあなたのオプションが何であるかに依存します！

0
Voodoo

これは、フォーム内のこの特定のアイテムに費やす必要のある画面の面積によって異なります。 @Clintの調査に基づいて、ラジオボタンを優先しますが、ユーザーの注意を必要とする他の項目がある場合は、選択ボックスを使用します。

0
Cosmic

限界を考えると

  • 多言語

  • スペースの可用性

私は一緒に行くことを好む

  • ラジオボタンオプションの場合4以下
  • ドロップダウン for 4つ以上のオプション
0
Kailas Mahajan