This question's explanation and your answers so far.
問99
頻出度★☆☆
スーパマーケット 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
//
×Incorrectア
This is a single straight chain: Top page → Store list page → N-town store introduction page → Prize page. To reach the prize page a user must always pass through the N-town store introduction page, so requirement 2 (increasing the number of visits) is met; however, it takes as many as three clicks to get from the top page to the prize page, so more users drop out on the way. The announcement is made on the top page, but the target page is far away, so requirement 1, “smooth navigation”, is not satisfied.
×Incorrectイ
A link is drawn directly from the top page to the prize page, so the prize page can be reached in one click, and requirement 1, “smooth navigation”, is satisfied. However, the prize page is not connected to the N-town store introduction page at all, so users who come for the prize draw never see the N-town store introduction page. It contributes nothing to requirement 2, “increasing the number of visits to the N-town store introduction page”, so it is not appropriate.
○ウ
正解The correct answer is ウ. This question asks you to choose the page structure (site layout) that satisfies two requirements at the same time. Requirement 1 is “smooth navigation from the top page to the prize page”, and requirement 2 is “increasing the number of visits to the N-town store introduction page”. In structure ウ, a link is drawn directly from the top page to the N-town store introduction page, so a user who clicks the announcement on the top page reaches the prize page in only two clicks: Top page → N-town store introduction page → Prize page (requirement 1 is met). At the same time, the only arrow entering the prize page is the one from the N-town store introduction page, so every user who wants to enter the prize draw must pass through the N-town store introduction page, and the number of visits to that page is certain to increase (requirement 2 is met). In addition, the existing route Top page → Store list page → N-town store introduction page is still there, so the normal path for users who are looking for a store is not damaged either. ウ is the only structure that satisfies both requirements.
×Incorrectエ
There are two routes into the prize page: one from the store list page and one from the N-town store introduction page. Users will choose the shorter route Top page → Store list page → Prize page, so they can bypass the N-town store introduction page and still reach the prize page. In other words, the structure is not built so that users must pass through the N-town store introduction page, so the increase in visits required by requirement 2 cannot be reliably obtained.
ここがポイント
When you design the structure of a website (a site map or a page-transition diagram), consider two things together: reducing the number of clicks needed to reach the target page so that navigation is smooth, and placing the page you want users to pass through on their route. Even with the same number of pages, a different way of drawing the links greatly changes the path users take.
When you want to increase the number of visits to a particular page, it is effective to make that page the only way through to the destination (a relay page that must be passed). Conversely, if even one bypass route to the destination exists, users will take the shorter one, and the page you wanted them to pass through will simply be skipped.