【イーナチュラル】の ホームページをできる営業マンにするコラム:コレが気になる!

 

HOME » コラム(メルマガ) » コレが気になる! » サイトナビゲーションのレベル 2.5

ホームページをできる営業マンにするコラム

メルマガ[ホームページを できる営業マン にする方法]

【2001年1月の創刊以来、毎月2回発行されている「まぐまぐ殿堂入り」のメールマガジンです。】

登録解除 

サイトナビゲーションのレベル 2.5

  このエントリーをはてなブックマークに追加 

通常サイトを設計する際、サイトマップを作って、ページの親子関係を定義す
ることが一般的ですね。小さめのコンテンツページが50ページ以内のサイト
ですと、トップ > レベル1 > レベル2 という形になり、グローバルメニュー
(レベル1)、カテゴリ内メニュー(レベル2)という感じです。デザインも、
トップページとコンテンツ用のページを作り、コンテンツページにはグローバ
ルメニューとカテゴリ別メニューを配置することが多い様です。どのページを
閲覧していても、トップ、レベル1、同カテゴリーのレベル2のページへ移動
することができます。

【レベル2】 │ 【レベル3】
┌────────┐ │
トップ │L1a | L1b | L1c │ │ トップ
┣レベル1a │ ┌───┐ │ │ ┣レベル1a
┃┣レベル2a │L2a │ │ │ │ ┃┣レベル2a
┃┣レベル2b │L2b │ │ │ │ ┃┃┗レベル3a
┃┗レベル2c │L2c │ │ │ │ ┃┗レベル2b
┣レベル1b │ │ │ │ │ ┣レベル1b
┗レベル1c │ └───┘ │ │ ┗レベル1c
└────────┘ │
L1:グローバルメニュー │
L2:カテゴリメニュー │


ところが、さらにもう一つレベルを追加すると上記のような設計では閲覧者を
目的情報にうまく誘導することができません。まずはメニューです。レベル3
のメニューをどこに配置するか、これが問題です。グローバルメニューが横並
びでページ上部、レベル2のメニューが縦並びでページ左にあったとするとレ
ベル3はどこに配置すべきか悩みます。また、デザイナーがページをデザイン
する際、レベル3があるページを中心にデザインするのかないレベル3がない
ページを中心にデザインすべきかも考慮する必要があります。ページ誘導を考
える際も、レベル3の閲覧者をどのようにレベル2の特定ページに誘導するか
考えなければなりません。

たった1つ階層が増えるだけで、このようにメニューの作りや配置、ユーザー
誘導、そしてコンテンツの作り方や管理が難しくなってしまうのです。だから
といって有益な情報を掲載しないのはもったいないですね。このパターンにな
りがちなのが事例紹介のページです。複数の事例があるので、事例というレベ
ル2の親ページをつくり、その配下(レベル3)のページを複数作る形になり
ます。階層が下がってしまったため、元の階層に戻ってもらい、そこから問い
合わせをもらうのも一苦労です。

もし上記の様に、レベル3のページがレベル2の一部のページから派生するの
でしたら解決策があります。レベル2.5です。実際にはレベル2なのですが、
メニューの表記だけレベルが下がったように見せかけて作ります。レベル2の
メニューにインデントしたメニューでいいでしょう。これにより、メニューの
順番にページを閲覧してもらうだけでなく、ページ下に配置するナビゲーショ
ンメニュー(<<前へ 次へ>>)でも違和感なく誘導できます。

サイトが大きくなるとどうしても論理的にわかりやすい親子関係のページの構
成にしてしまいがちですが、閲覧者の立場に立ってわかりやすいメニューにす
るには、親子に見える兄弟というのもありではないでしょうか。レベル2.5お
勧めです。

2004年02月25日   このエントリーをはてなブックマークに追加 

お問い合わせ

お電話でのお問い合わせ

03-6661-2210

ホームページからのお問い合わせ

お問い合わせはこちら

営業中。お問い合わせください

 
 

メールマガジン[ホームページを できる営業マン にする方法]

【2001年1月の創刊以来、毎月2回発行されている「まぐまぐ殿堂入り」のメールマガジンです。(読者数10,000名)】

登録解除 

イーナチュラルの書籍

その営業はもう、
ホームページに
まかせなさい!

翔泳社
齋藤伸也著
1,470円(税込)

ビジネスブログの
つくり方

秀和システム
齋藤伸也・共著
1,365円(税込)

リスティング広告

Yahoo!プロモーション広告正規代理店・Googleアドワーズ認定パートナー

Yahoo!プロモーション広告正規代理店・Googleアドワーズ認定パートナーです。

ビジネスブログ制作はお任せ下さい!

ビジネスブログ

SixApart社「MovableType」のパートナー企業です。