スーパマーケット N 町店の広報スタッフである D さんは,本社の Web サイト担当の E さんと協力して N 町店紹介のページを作成している。このたび,N 町店紹介のページのアクセス数増加を目的として,Web サイトで懸賞付きアンケートを実施することになった。D さんは,図 1 のような懸賞ページ案を作成し,E さんに相談した。 D さんは,懸賞ページ案を確認した E さんから,次のようなアドバイスと指示を受けた。 〔デザインに関する主なアドバイス〕 (1) マウスでの入力など,操作性の良い入力方法を採用する。 (2) 回答などの操作がしやすい順序に,入力領域やボタンを配置する。 (3) 入力の誤りを防ぐため,データ形式に応じた入力フォームを利用する。 〔作成に関する主な指示〕 (1) 懸賞ページは HTML 形式の ank01.html というファイル名で作成し,Web サーバの指定されたディレクトリに転送する。 (2) ファイルを指定する場合は,相対パスで記述する。 (3) 使用する写真のファイルサイズは,1 枚当たり 200k バイト以下とする。 完成した懸賞ページを本社の Web サイトで公開するために,サイト内でのリンクを設定したい。公開に当たっては懸賞付きアンケートの実施をトップページで告知して,トップページから懸賞ページへのスムーズな誘導と,N 町店紹介のページのアクセス数の増加を図りたい。最も適切なサイトのページ構成を示した図はどれか。 なお,図中の □ はサイトの1画面(ページ)を,→ はページのリンク経路を示す。
平成23年度 特別試験 ITパスポート試験 問99
この問題の解説と、これまでの解答の記録です。
問 99
不正解ア
トップページ → 店舗一覧のページ → N町店紹介のページ → 懸賞ページ という一本道の直列構成。懸賞ページへ行くには必ず N町店紹介のページを通るので要求 2 (アクセス数の増加) は満たすが、トップページから懸賞ページまで 3 回もクリックが必要で、途中で離脱する利用者が増える。トップページで告知したのに目的のページが遠く、要求 1 の「スムーズな誘導」を満たさない。
不正解イ
トップページから懸賞ページへ直接リンクが張られており、1 クリックで到達できるので要求 1 の「スムーズな誘導」は満たす。しかし懸賞ページは N町店紹介のページとまったくつながっておらず、懸賞目的で訪れた利用者が N町店紹介のページを見ることがない。要求 2 の「N町店紹介のページのアクセス数の増加」にまったく寄与しないため不適切である。
- ウ
正解 正解は ウ。この問題は 2 つの要求を同時に満たす画面遷移 (サイト構成) を選ぶ問題である。要求 1 は「トップページから懸賞ページへのスムーズな誘導」、要求 2 は「N町店紹介のページのアクセス数の増加」。ウ の構成では、トップページから N町店紹介のページへ直接向かうリンクが引かれているため、トップページの告知をクリックした利用者は トップページ → N町店紹介のページ → 懸賞ページ とわずか 2 回のクリックで懸賞ページにたどり着ける (要求 1 を満たす)。同時に、懸賞ページへ入る矢印は N町店紹介のページからの 1 本だけなので、懸賞に応募したい利用者は全員が必ず N町店紹介のページを経由することになり、そのページのアクセス数が確実に増える (要求 2 を満たす)。さらに従来どおり トップページ → 店舗一覧のページ → N町店紹介のページ という経路も残っており、店舗を探す通常の利用者の動線も損なっていない。2 つの要求を両立できるのはこの ウ だけである。
不正解エ
懸賞ページへ入る経路が、店舗一覧のページからの 1 本と N町店紹介のページからの 1 本の計 2 本ある。利用者はより短い トップページ → 店舗一覧のページ → 懸賞ページ の経路を選ぶため、N町店紹介のページを迂回して懸賞ページに到達できてしまう。つまり N町店紹介のページを必ず通す仕掛けになっておらず、要求 2 のアクセス数増加が確実に得られない。
- Web サイトの構成 (サイトマップ・画面遷移図) を設計するときは、目的のページまでのクリック数を減らして誘導をスムーズにすることと、通過させたいページを動線上に置くことの両立を考える。ページ数が同じでもリンクの張り方で利用者の動線は大きく変わる。
- 特定のページのアクセス数を増やしたい場合は、そのページを目的地への唯一の通り道 (必ず経由する中継ページ) にするのが有効。逆に、目的地への迂回ルートが 1 本でも存在すると利用者は短い方を選ぶため、通過させたいページは素通りされてしまう。