ITパスポート 平成23年度 特別 問97
ヒューマンインタフェース
GUIに関する問題
〔中問C・Web ページの作成〕〔テクノロジ〕D さんは，E さんから受けたアドバイスの内容を考慮して，図1の懸賞ページ案のデザインを改善することにした。改善内容として，適切なものはどれか。
〔中問C の記述（抜粋・再掲）〕スーパマーケット N 町店の広報スタッフである D さんは，本社の Web サイト担当の E さんと協力して N 町店紹介のページを作成している。このたび，N 町店紹介のページのアクセス数増加を目的として，Web サイトで懸賞付きアンケートを実施することになった。D さんは，図1のような懸賞ページ案を作成し，E さんに相談した。
〔図1 懸賞ページ案〕画面の並びを字で書き起こしたもの
懸賞ページタイトル
賞品 A賞〔写真1〕 B賞〔写真2〕 C賞〔写真3〕
希望賞品を一つ選んでください ［ ］
〔アンケートでの個人情報の取得目的，用途，管理などに関する記述〕
アンケート
〔アンケートの内容の一部〕
N町店のWebページを見たご感想 ［ ］
お名前 ［ ］ 性別 ［ ］
連絡先メールアドレス ［ ］
（応募する） （キャンセル）
注記 ［ ］は入力領域，（ ）はボタン，〔 〕は表示する部品や
表示内容が省略されている箇所の説明を示す。
〔デザインに関する主なアドバイス〕
1. マウスでの入力など，操作性の良い入力方法を採用する。
2. 回答などの操作がしやすい順序に，入力領域やボタンを配置する。
3. 入力の誤りを防ぐため，データ形式に応じた入力フォームを利用する。
- ア “応募する” ボタンは，押し忘れがないよう画面の一番上に配置する。
- イ “希望賞品” は，マウスのクリックで賞品を選択できるようチェックボックスを用いる。
- ウ “性別” は，“男”，“女” の二つの選択肢から選べるようラジオボタンを用いる。
- エ 画面の右上の項目から順に回答することを想定して，アンケート項目を配置する。
答えと解説
✓ これが正解ウ “性別” は，“男”，“女” の二つの選択肢から選べるようラジオボタンを用いる。
解説
一つだけ選ばせる性別の欄には、ラジオボタンを使います。
GUI の入力部品は、いくつ選ばせるかで使い分けます。並んだ中から一つだけ選ばせる欄には、ラジオボタンを使います。一つを押すと他の選択が外れるので、必ず一つに決まります。性別を男と女の二つから選ぶ欄は、まさにこの形です。したがって、性別にラジオボタンを用いると述べた肢が正解です。クリックするだけで選べるので、打ち間違いも起きません。いくつでも選ばせる欄には、チェックボックスを使います。希望賞品は一つだけ選ぶ欄なので、チェックボックスは向いていません。応募するボタンを画面の一番上に置く案も、筋が通りません。入力を終えてから押すボタンなので、入力欄の後ろに置くのが自然です。画面の右上から順に回答させる配置も、読む向きに反します。多くの人は、左上から下へ読み進めます。シラバスも、代表的なインタフェースとして GUI を学ぶよう求めています。
ほかの選択肢の解説
- ア “応募する” ボタンは，押し忘れがないよう画面の一番上に配置する。：応募するボタンを画面の一番上に置く肢です。押し忘れを防ぐ、という理由が付いています。しかし応募するボタンは、入力をすべて終えてから押すものです。一番上にあると入力の前に押しやすく、操作の順序に沿いません。
- イ “希望賞品” は，マウスのクリックで賞品を選択できるようチェックボックスを用いる。：希望賞品の欄にチェックボックスを用いる肢です。マウスのクリックで選べる点は、アドバイスに合っています。ところがチェックボックスは複数を選べる部品で、一つだけ選ぶ希望賞品の欄には合いません。部品を取り違えています。
- エ 画面の右上の項目から順に回答することを想定して，アンケート項目を配置する。：画面の右上の項目から順に回答する想定で配置する肢です。回答の順序を考えた配置ではあります。しかし多くの人の視線は左上から動き始めるため、右上始まりの並びは目の動きに反し、迷いを生みます。操作しやすい順序とは言えません。
関連用語
出典：平成23年度 特別 ITパスポート試験 問97（改変：原典の図表をテキストに書き起こした）
解説は当サイト独自のもので、IPA（独立行政法人情報処理推進機構）とは関係ありません。
関連問題
同じ分野の問題
誤りを見つけたら報告する