入力の画面部品(ラジオボタン・チェックボックスなど)(input controls)
値を入れてもらうための部品。1つだけ選ぶか複数選ぶか、一覧が見えているか、入力も許すかで使い分ける。
もう少し詳しい説明
一覧で見る
| 部品 | 見え方 | 選べる数 | 一覧に無い値 |
|---|---|---|---|
| ラジオボタン | 選択肢が最初から全部見えている。丸い印 | 1つだけ | 入れられない |
| チェックボックス | 選択肢が最初から見えている。四角い印 | 0個以上、いくつでも | 入れられない |
| ドロップダウンリスト | 押すと一覧が開く | 1つだけ | 入れられない |
| リストボックス | 一覧が枠の中にそのまま表示されている | 1つまたは複数(設定による) | 入れられない |
| コンボボックス | 押すと一覧が開き、文字の入力もできる | 1つ | 入れられる |
| テキストボックス | 入力欄だけ | — | 入力した値そのもの |
| スピンボックス | 入力欄+上下の矢印 | — | 数を増減して決める |
| スライダー | つまみを動かす | — | 範囲の中の値 |
選び方の順序
3つの問いで決まります。
| 問い | 答えで決まる部品 |
|---|---|
| 1つだけか、いくつでもか | 1つ → ラジオボタン・ドロップダウン・リストボックス/いくつでも → チェックボックス |
| 選択肢をいつも見せるか、押して開くか | いつも見せる → ラジオボタン/押して開く → ドロップダウンリスト |
| 一覧に無い値も入れさせるか | 入れさせる → コンボボックス/入れさせない → ドロップダウンリスト |
選択肢の数で決める目安
| 選択肢の数 | 向く部品 |
|---|---|
| 2〜5個くらい | ラジオボタン(全部見えるので比べやすい) |
| 6個以上 | ドロップダウンリスト(画面が縦に伸びない) |
| とても多い(例:都道府県より多い) | 文字で絞り込める形(コンボボックス、検索欄) |
少ないときに押して開く形にすると、開く操作が1回増えます。 多いときに全部見せると、画面が縦に伸びます。
迷いやすい3組
| 迷う組 | 分かれ目 |
|---|---|
| ラジオボタン と チェックボックス | 1つだけか、いくつでもか |
| ドロップダウンリスト と リストボックス | 押して開くか、最初から一覧が見えているか |
| ドロップダウンリスト と コンボボックス | 一覧から選ぶだけか、入力もできるか |
名前が似ているのではなく、できることが1つずつ違います。
初期値と非活性
| 言葉 | 中身 |
|---|---|
| 初期値 | 画面を開いたときに最初から入っている値 |
| 非活性(操作できない状態) | 条件を満たさないとき、その部品を押せなくしておくこと |
初期値を置くと、その値が選ばれやすくなります。 利用者が必ず自分で選ぶ必要がある項目では、あえて空にすることがあります。
非活性にする代わりに隠すという方法もあります。
| やり方 | 利用者から見た形 |
|---|---|
| 非活性にする | 項目があることは見える。なぜ押せないかは別に示す必要がある |
| 隠す | 項目があることが分からない |
入力チェック
部品で選ばせる形にすると、入力できる値が最初から限られます。
| 入れ方 | 誤りの入りやすさ |
|---|---|
| 選択肢から選ぶ | 想定外の値が入らない |
| 文字で入力する | 形の誤りが入る。入力チェックが必要 |
選ばせられるものは選ばせるのが、誤りを減らす基本の形です。文字の入力が避けられない項目では、正規表現などで形を確かめます。
試験ではこう出る
科目A(旧・午前)では、部品と用途の対応が問われます。1つだけならラジオボタン、いくつでもならチェックボックスです。
午後や応用情報(情報システム開発)では、画面項目定義書の空欄を埋める形で出ます。問題文に「あらかじめ表示された選択肢から1つ」「任意の数」と書かれているので、その言い方から部品が決まります。
| 問題文の言い方 | 答えになる部品 |
|---|---|
| あらかじめ表示された選択肢から1つ | ラジオボタン |
| 任意の数を選択 | チェックボックス |
| 押すと表示される一覧から1つ | ドロップダウンリスト |
| 一覧から選ぶほかに入力もできる | コンボボックス |
関連する用語
- アコーディオン・カルーセル・タブ・モーダルウィンドウ
- 見せ方の部品。入力の部品とは役割が違う
- ユーザビリティ
- 使いやすさ。部品の選び方がここに効く
- アクセシビリティ
- 誰でも使えるようにする考え方
- ユーザビリティ評価
- 選んだ部品が使いやすいかを確かめる方法
ミニクイズ
あらかじめ示された複数の選択肢から、利用者が任意の個数を選べるようにしたい。使う画面部品はどれか。
正解は 4番:チェックボックス
チェックボックスは四角に印を付ける部品で、0個から全部まで任意の個数を選べます。ラジオボタンは選択肢が全部見えている形ですが、選べるのは1つだけです。ドロップダウンリストは押すと一覧が開き、その中から1つを選ぶ形です。テキストボックスは文字を入力する部品なので、示された選択肢から選ぶ用途には向きません。
この分野をまとめて解く → システム開発とユーザーインタフェースのミニテスト(全40問)
最終更新:2026-11-09