平成23年度 特別 ITパスポート試験 問99
テクノロジ／ヒューマンインタフェース【中問C（問97〜100の共通文章）】 スーパーマーケットN町店の広報スタッフであるDさんは，本社のWebサイト担当のEさんと協力してN町店紹介のページを作成している。このたび，N町店紹介のページのアクセス数増加を目的として，Webサイトで懸賞付きアンケートを実施することになった。Dさんは，図1のような懸賞ページ案を作成し，Eさんに相談した。 図1 懸賞ページ案 ＜懸賞ページタイトル＞ 賞品 A賞 ＜写真1＞ B賞 ＜写真2＞ C賞 ＜写真3＞ 希望賞品を一つ選んでください［ ］ ＜アンケートでの個人情報の取得目的，用途，管理などに関する記述＞ アンケート ＜アンケートの内容の一部＞ N町店のWebページを見たご感想［ ］ お名前［ ］ 性別［ ］ 連絡先メールアドレス［ ］ 〔応募する〕ボタン 〔キャンセル〕ボタン 注記 ［ ］は入力領域，〔 〕はボタン，＜ ＞は表示する部品や表示内容が省略されている箇所の説明を示す。 （注：本サイトでは原問題の図1を文字表記に変換しています） Dさんは，懸賞ページ案を確認したEさんから，次のようなアドバイスと指示を受けた。 〔デザインに関する主なアドバイス〕 (1) マウスでの入力など，操作性の良い入力方法を採用する。 (2) 回答などの操作がしやすい順序に，入力領域やボタンを配置する。 (3) 入力の誤りを防ぐため，データ形式に応じた入力フォームを利用する。 〔作成に関する主な指示〕 (1) 懸賞ページはHTML形式のank01.htmlというファイル名で作成し，Webサーバの指定されたディレクトリに転送する。 (2) ファイルを指定する場合は，相対パスで記述する。 (3) 使用する写真のファイルサイズは，1枚当たり200kバイト以下とする。 【設問】完成した懸賞ページを本社のWebサイトで公開するために，サイト内でのリンクを設定したい。公開に当たっては懸賞付きアンケートの実施をトップページで告知して，トップページから懸賞ページへのスムーズな誘導と，N町店紹介のページのアクセス数の増加を図りたい。最も適切なサイトのページ構成を示した図はどれか。 なお，図中の□はサイトの1画面（ページ）を，→はページのリンク経路を示す。
出典：平成23年度 特別 ITパスポート試験 問99
- ア図ア
- イ図イ
- ウ図ウ
- エ図エ
正解：ウ
解説
目的は，トップページで懸賞を告知して懸賞ページへスムーズに誘導することと，N 町店紹介のページのアクセス数を増やすことです。トップページから N 町店紹介のページへ直接リンクし，懸賞ページには N 町店紹介のページを通ってのみ到達できる構成にすれば，懸賞ページを目当てに来た利用者が必ず N 町店紹介のページを見るので，アクセス数が増えます。この構成になっているのは図ウです。
選択肢ごとの解説
- ア誤り。トップページから懸賞ページまで，店舗一覧と N 町店紹介の 2 ページを順にたどらなければならず，スムーズな誘導とはいえません。
- イ誤り。トップページから懸賞ページへ直接移動でき，N 町店紹介のページを経由しなくても済むので，N 町店紹介のページのアクセス数は増えません。
- ウ正しい。トップページから N 町店紹介のページに直接移動でき，懸賞ページへは N 町店紹介のページ経由でしか行けないので，両方の目的に合います。
- エ誤り。店舗一覧のページから懸賞ページへ直接行くことができ，N 町店紹介のページを経由しない経路があります。また，トップページからは店舗一覧を経由しなければならず，誘導もスムーズではありません。