選んでもらう部品の違い
チェックボックス・ラジオボタン・トグルスイッチ・セグメントコントロール
どれも「選ぶ」部品ですが、いくつ選べるか、押してすぐ反映されるかが違います。
表で比べる
| チェックボックス | ラジオボタン | トグルスイッチ | セグメントコントロール | |
|---|---|---|---|---|
| 選べる数 | いくつでも | 1つだけ | オンかオフ | 1つだけ |
| 反映のタイミング | 「保存」などで確定 | 「次へ」などで確定 | 押した瞬間に反映 | 押した瞬間に表示が切り替わる |
| 選択肢の数 | 1個〜たくさん | 2〜5個くらい | 1個（オン・オフ） | 2〜4個 |
| よくある例 | 利用規約への同意 | 支払い方法 | 通知のオン・オフ | 日・週・月の表示切り替え |
こんなときは、これ
- 複数選べる・あとで確定するチェックボックス →
- 必ず1つだけ選んでほしいラジオボタン →
- 設定をすぐ切り替えたいトグルスイッチ →
- 同じ内容の見せ方を切り替えたいセグメントコントロール →
迷ったら「いくつ選べるか」と「すぐ反映するか」の2つで決めると迷いません。