Webデザイン:オンラインリファレンス

良いナビゲーションと悪いナビゲーション

ナビの表示方法に注意

例えば,トップページの他に,ページA,ページB,ページCの3つのページをもつサイトを構築するとする.ナビゲーションは,現在どのページにいても,他のページに容易に移動できることが重要である.
いま,ページAにいるとすると,トップページ,ページB,ページCにリンクが設定されていればいいので,
082-1.png
としてみる.
次に,ページCいるとすると,トップページ,ページA,ページBにリンクが設定されていればいいので,
082-2.png
となる.
動作的には問題ないので,一見よさそうにみえるが,実は2つの画像で「ページB」へのリンクの表示場所が異なっている.これでは閲覧者を混乱させる.

現在地を示す

この問題を解決するには,現在表示しているページも含めてナビゲーションを構成することである.上記の2つのナビゲーションを以下のようにすれば,問題は解決できる.
082-3.png
082-4.png
現在表示しているページも含めたナビゲーションにすれば,各ページの表示位置が変わらないように設定できる.
↑インデックスに戻る←前の項目(068. 箇条書きとナビゲーション)→次の項目(070. フレーム)