【好評にて期間延長】 Supreme - Supreme Text Stripe New Era 紺 1/2 キャップ

【好評にて期間延長】 Supreme - Supreme Text Stripe New Era 紺 1/2 キャップ

【好評にて期間延長】 Supreme - Supreme Text Stripe New Era 紺 1/2 キャップ

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

正式に名前が決まっているという訳ではなく、
スマートフォン用バックアップカードリーダー ADR-IPBUW
・ヘッダーナビゲーション
・ヘッダーメニュー
・メインメニュー

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

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

【好評にて期間延長】 Supreme - Supreme Text Stripe New Era 紺 1/2 キャップ

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

さらに、グローバルナビゲーションは検索エンジンにとっても非常に重要な要素とされています。
検索エンジンは、グローバルナビゲーションからリンクが張られているページを重要なページとして認識します。
よって、SunGreen(サングリーン) 手動式芝刈機 刈幅25cm SG-250DXとされています。

※SEOについて詳細は過去記事をご覧ください。
こたつ布団 掛け布団 掛け かけ布団 長方形 省スペース デスク 用掛布団 75×50 ハイタイプ 用 235×210 デスク型 フトン 炬燵 ポケット コード穴 しじら織り大宮SK様専用オーダーページ♡

【好評にて期間延長】 Supreme - Supreme Text Stripe New Era 紺 1/2 キャップ

カーテン 幅100cm×丈260cm ブラック 1枚入り 日本製 洗える 防炎 1級遮光 遮熱 断熱 形状記憶 アジャスターフック付き リビング

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

【好評にて期間延長】 Supreme - Supreme Text Stripe New Era 紺 1/2 キャップ

ページによってグローバルナビゲーションのデザインが違うとユーザーの混乱を招いてしまいます。
[CA4LA] ベレー帽 パール ウール サイズ調節付き KTZ02226 レディース BRN ONESIZE

田島メタルワーク 集合住宅用郵便受け箱 エフ・プラス F1053Y-3 98君 前入前出/多段式 省スペースタイプ よこ型3段 MYナンバー錠 『郵便

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

YKKAP窓サッシ 装飾窓 フレミングJ[複層防犯ガラス] 外倒し窓 排煙錠仕様[透明3mm+合わせ透明7mm]:[幅640mm×高570mm]

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

超合金魂 GX-33R レオパルドン&マーベラー召喚セット

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

【好評にて期間延長】 Supreme - Supreme Text Stripe New Era 紺 1/2 キャップ

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

[1-9821-01] シリコン耐熱手袋ロング H200−55 1982101 ポイント10倍

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

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

自分がそのサイトに訪問したと仮定して、
・目的のぺージがどこにあるのか
リング レディース【鑑定書付】大粒希少エクセレント!2ct・L・SI-2 天然ダイヤモンド PT900 プラチナ リング 指輪 4月誕生石
・サイトの全体像を把握できるか

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

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