ITパスポート試験 ITパスポート 2011年 (平成23年 特別) 問97: [中問C 共通設定] スーパーマーケットN町店の広報スタッフであるDさんは,本社のWebサイト担当のEさんと協力してN町店紹介のページを作成している。このたび,

問題本文

[中問C 共通設定] スーパーマーケットN町店の広報スタッフであるDさんは,本社のWebサイト担当のEさんと協力してN町店紹介のページを作成している。このたび,N町店紹介のページのアクセス数増加を目的として,Webサイトで懸賞付きアンケートを実施することになった。Dさんは,図1のような懸賞ページ案を作成し,Eさんに相談した。 [図1 懸賞ページ案] - 懸賞ページタイトル - 賞品: A賞 <写真1, B賞 <写真2, C賞 <写真3 - 希望賞品を一つ選んでください [入力域] - <アンケートでの個人情報の取得目的,用途,管理などに関する記述 - アンケート <内容の一部 - N町店のWebページを見たご感想 [入力域] - お名前 [入力域], 性別 [入力域] - 連絡先メールアドレス [入力域] - [応募する] ボタン, [キャンセル] ボタン Dさんは,Eさんから次のアドバイスと指示を受けた。 [デザインに関する主なアドバイス] (1) マウスでの入力など,操作性の良い入力方法を採用する。 (2) 回答などの操作がしやすい順序に,入力領域やボタンを配置する。 (3) 入力の誤りを防ぐため,データ形式に応じた入力フォームを利用する。 [作成に関する主な指示] (1) 懸賞ページはHTML形式のank01.htmlというファイル名で作成し,Webサーバの指定されたディレクトリに転送する。 (2) ファイルを指定する場合は,相対パスで記述する。 (3) 使用する写真のファイルサイズは,1枚当たり200kバイト以下とする。 [テクノロジ] 問97 Dさんは,Eさんから受けたアドバイスの内容を考慮して,図1の懸賞ページ案のデザインを改善することにした。改善内容として,適切なものはどれか。

選択肢

• ア."応募する"ボタンは,押し忘れがないよう画面の一番上に配置する。
• イ."希望賞品"は,マウスのクリックで賞品を選択できるようチェックボックスを用いる。
• ウ."性別"は,"男","女"の二つの選択肢から選べるようラジオボタンを用いる。
• エ.画面の右上の項目から順に回答することを想定して,アンケート項目を配置する。

正解

ウ. "性別"は,"男","女"の二つの選択肢から選べるようラジオボタンを用いる。

解説

Webフォームのデザイン原則: ①入力方法はデータ形式に応じる(複数選択ならチェックボックス、単一選択ならラジオボタン)、②応募ボタンは入力完了後の最下部、③画面の流れは左上から順(日本語の自然な読み順)。性別は「男・女」の二択(単一選択・排他)なのでラジオボタンが適切。データ形式と入力UIを正しく対応付けるユーザビリティの基本問題。

選択肢ごとの解説

• ア.不正解。応募ボタンを画面の一番上に配置するのは不自然。入力完了後に押すボタンなので最下部が適切で、UIの基本原則に反する。押し忘れ防止は別の工夫(確認画面など)で対応する。
• イ.不正解。希望賞品は「一つを選ぶ」=単一選択なのでラジオボタンが適切。チェックボックスは複数選択用で、データ形式と合わない。
• ウ.正解。性別の「男・女」は単一選択(排他選択)なのでラジオボタンが適切。データ形式に応じた入力フォームの選択原則に合致し、誤入力を防げる。
• エ.不正解。日本語Webの一般的読み順は左上→右下。右上から順に回答というレイアウトは操作性を損ね、利用者が混乱する原因になる。