web-dev-qa-db-ja.com

ラジオボタンとボタングループ

水平ボタングループとラジオボタンに関するUXについて人々が知っていることに興味があります。選択/ドロップダウンリストとは対照的に、いつ、どこでラジオボタンを使用するかについては、統計が豊富にあるようですが、ボタングループのパフォーマンスに興味があります。

私の仮定は、ボタングループの占有領域が(垂直方向に)少し少ないということですが、リーダーが上から下、左から右に読むことを強制すると、労力/疲労が加わり、すべてをリスト形式で維持することが有益であることを示すデータを確認しました。誰かこれについて強い意見(またはもっと良いのはデータ)がありますか?

5
Adamant

コンテキストで最も意味のあるコントロールを使用する必要があります。

ラジオボタン

  • スキャンは簡単で、一般に、以下の主な行動を促すフレーズをより明確に確認できます。
  • また、視覚的に軽く、メインのページアクションとあまり競合しません。
  • 小さいターゲット(特にモバイル)であるため、サイズが問題になる可能性があります

enter image description here

ボタングループ

  • 一般に視覚的に目立つため、選択をページの主要なアクションにしたい場合に最適です。
  • より大きなタッピングターゲットを作る

enter image description here

3
dmiloch

私にはデータはありませんが、私にとっては、いくつかのことになります。

  1. スケーラビリティ-ボタングループは、使用可能なスペース内で水平方向に収まる必要があるため、特にスケーラブルではありません。少数のオプションしか選択できない可能性が高い場合は、ラジオボタンの方が理にかなっています。同様に、オプションのラベルが1語または2語を超える可能性がある場合は、ラジオボタンを選択します。

  2. スタイル-残りのフォーム要素が一般的な標準(通常のチェックボックスやドロップダウンのように見えるチェックボックスやドロップダウンなど)に準拠している場合は、ラジオボタンをそのまま使用するのが妥当です。

1
Warren Payne

実際、グループボタンとラジオリストを使用して入力する場合は、ラジオリストが最もわかりやすく、理解しやすいコントロールです。

ただし、スイッチボタンのようにブール(1-0)の選択/入力を取るために使用すると、入力としてのグループボタンは美しく見えます。

グループボタンの主な用途はフォームではありません。これらは主に「フィルターオプション」として使用されるか、「タブ」のように機能します。

1
hamidraza