カテゴリー
単一コンポーネント
48

ラジオボタンは単数選択、チェックボックスはオンオフ

AかBかの場合はラジオボタン、真か偽かの場合はチェックボックス。

01
✕ Bad

単一選択にチェックボックスを使用している

お支払い方法を選択（1つだけ）

✓ Good

単一選択にラジオボタン、オンオフにチェックボックス

お支払い方法を選択（1つだけ）

02
✕ Bad

複数選択できるべきなのにラジオボタンで1つしか選べない

好きな果物を選択（複数可）

※ 複数選択したいのに1つしか選べない

✓ Good

複数の項目を自由に選択できる適切なUI

好きな果物を選択（複数可）

※ 複数の項目を自由に選択できる

03
✕ Bad

10個以上の選択肢をラジオボタンで表示し画面を圧迫

生まれ月を選択

※ 選択肢が多すぎて画面を圧迫

✓ Good

選択肢が多い場合はドロップダウンで省スペース化

生まれ月を選択

※ ドロップダウンで省スペース化

No.48ラジオボタンは単数選択、チェックボックスはオンオフ
48

ラジオボタンは単数選択、チェックボックスはオンオフ

AかBかの場合はラジオボタン、真か偽かの場合はチェックボックス。

01
✕ Bad

単一選択にチェックボックスを使用している

お支払い方法を選択（1つだけ）

✓ Good

単一選択にラジオボタン、オンオフにチェックボックス

お支払い方法を選択（1つだけ）

02
✕ Bad

複数選択できるべきなのにラジオボタンで1つしか選べない

好きな果物を選択（複数可）

※ 複数選択したいのに1つしか選べない

✓ Good

複数の項目を自由に選択できる適切なUI

好きな果物を選択（複数可）

※ 複数の項目を自由に選択できる

03
✕ Bad

10個以上の選択肢をラジオボタンで表示し画面を圧迫

生まれ月を選択

※ 選択肢が多すぎて画面を圧迫

✓ Good

選択肢が多い場合はドロップダウンで省スペース化

生まれ月を選択

※ ドロップダウンで省スペース化