人気定番の felisi フェリージ ボストンバック ブリーフケース トート バック ボストンバッグ

人気定番の felisi フェリージ ボストンバック ブリーフケース トート バック ボストンバッグ

人気定番の felisi フェリージ ボストンバック ブリーフケース トート バック ボストンバッグ

グローバルナビゲーションとは、Webページを訪れた際に設置されている主要ページへの案内リンクのことを指します。

正式に名前が決まっているという訳ではなく、
SHARP - 新品・未開封 シャープ AQUOS sense4 SH-M15
・ヘッダーナビゲーション
・ヘッダーメニュー
・メインメニュー

というように様々な名前で呼ばれています。

PCで表示される場合はページ上部やサイドバー、もしくはページ下部に配置されることが多く、スマホ用のページではハンバーガーメニューと呼ばれる三本線のナビゲーションメニューで表示されることが多いです。

人気定番の felisi フェリージ ボストンバック ブリーフケース トート バック ボストンバッグ

グローバルナビゲーションの最も重要な役割は、ユーザーを目的のコンテンツページへ導くサポートをすることです。
また、ホームページ全体のコンテンツ構成を分かりやすくしたり、ユーザーが今どのコンテンツを閲覧中であるかを伝える、といった役割も担っています。

さらに、グローバルナビゲーションは検索エンジンにとっても非常に重要な要素とされています。
検索エンジンは、グローバルナビゲーションからリンクが張られているページを重要なページとして認識します。
よって、Johnny's - 室龍太 ステージフォトセットとされています。

※SEOについて詳細は過去記事をご覧ください。
TADASHI SHOJI - TADASHI SHOJI タダシ チュール刺繍ワンピース US4Herve Chapelier - エルベシャプリエ 725C 舟形トート Lサイズ ダブルハンドル

人気定番の felisi フェリージ ボストンバック ブリーフケース トート バック ボストンバッグ

LV LOUIS VUITTON ルイヴィトン モノグラム ポルトフォイユ・サラ

冒頭でも述べた通り、グローバルナビゲーションはページ上部のヘッダー部分やサイドバーに設置されるのがほとんどです。
これは、スクロールしなくても見える範囲(ファーストビュー)にメニューを置くことで、ユーザーにサイトの構成を一目で認識してもらいやすくするためです。
Drawer - ドゥロワー Drawer カットソー テラコッタ リブ ブラウン

人気定番の felisi フェリージ ボストンバック ブリーフケース トート バック ボストンバッグ

ページによってグローバルナビゲーションのデザインが違うとユーザーの混乱を招いてしまいます。
Ron Herman - 早い者勝ち♡ロンハーマン・スプリングカーディガン

Apple - 【iPad】Magic Keyboard JIS配列 美品【Apple】

ページ数が多いサイトでは、内容によってカテゴリを分けて階層構造にすることで、目的のページが探しやすくなります。
階層別に文字サイズや色を変えるなど、「親メニュー」とそれに属する「子メニュー」であることがユーザーに伝わるような分かりやすいデザインにすることが重要です。

PRADA - 専用

多くの場合、ユーザーが目的とするコンテンツへ3クリック以内でたどりつけるのが理想とされています。
それ以上かかってしまう場合、ユーザーはサイト内で迷子になりやすく、別のサイトに移動してしまう可能性が高くなります。
なるべく階層を少なくし、単純な構成にすることで、サイト内でのユーザーの動きを最小限にするような設計にすることが大切です。

EL RODEO - 新品未使用タグ付き⭐︎エルロデオ 半袖カットソー!

グローバルナビゲーションのメニューが多すぎるとユーザーの混乱を招いたり、探したい情報をピンポイントで探しにくくなる場合があります。
メニューの数に決まりはありませんが、よく使われるメニュー数は7(±2)。つまり5~9であると言われています。
この「7」という数字は、アメリカの心理学者であるジョージ・ミラー氏が提唱した「マジカルナンバー7±2の法則(最大で7つまでの要素なら人はスムーズに把握・識別できるという考え方)」に基づくもので、人間が短期的に記憶できる限界の数と言われています。
※このマジカルナンバーには諸説あり、現在は4(±1)とも言われています。

人気定番の felisi フェリージ ボストンバック ブリーフケース トート バック ボストンバッグ

最もオーソドックスなタイプのグローバルナビゲーションで、主に企業名やロゴとともに画面上部に配置されることが多いです。
通常はスクロールすると見えなくなってしまいますが、上記サイトではナビゲーションの位置を固定することでスクロールしてもユーザーがメニューを見失うことなく、ページ内のどの位置にいてもすぐに目的のぺージにアクセスすることができます。

agnes b. - 【美品】agnes.b アンジェル ショルダーバッグ 小

サイドに配置することでディスプレイの左右のスペースを有効活用することができます。
また、上部に配置されるものと比較して写真のインパクトが出やすいため、トップに風景や商品などの写真が用いられることが多いです。

グローバルナビゲーションをデザインする際は、ユーザー視点でデザインすることが大切です。
いくら良いコンテンツを作っても、そのページまでたどりついてもらえなければ意味がありません。

自分がそのサイトに訪問したと仮定して、
・目的のぺージがどこにあるのか
NIKE - 【ウィメンズXLサイズ】nike ジョーダン psg パーカー
・サイトの全体像を把握できるか

が理解できるナビゲーションになっているかを確認してみましょう。

ユーザーにとって分かりやすいグローバルナビゲーションづくりを意識してみてくださいね!