ユーザーフレンドリーなナビゲーションバーを作る5つのポイント
シンプルなデザインと利便性の高さが人気の「ナビゲーションバー」は、今ではあらゆるアプリやWebサイトで取り入れられ...
- Webデザイン
- アプリデザイン
- ナビゲーションメニュー
ナビゲーションメニューとは【意味/英語表記】（Navigation Menu）
ナビゲーションメニューの概要
ナビゲーションメニューとは、サイトの上部やサイドバーに並んでいるリンクです。また、どのページを開いても定位置に表示されるものを「グローバルナビゲーション」とも呼びます。
ナビゲーションメニューの詳細
■ ナビゲーションメニューの役割
・ユーザーに目的の情報へ辿り着いてもらうため
・ユーザーにひと目でサイトページの全体感を把握してもらうため
・ユーザーに開いているページの現在位置を正しく把握してもらうため
■ ナビゲーションメニューを設置するコツ
・メインのナビゲーションは同じ位置に設置する
・位置はサイトの上部やサイドに設置する
・少ないクリック数で目的のページに飛べるようにする
・項目を増やしすぎない
・階層別に文字のフォントや色を変換して見やすくする
・ページをカテゴライズし、サイト内を効率よく閲覧してもらえるようにする
■ ナビゲーションメニューの種類
・ドロップダウン（プルダウン）
メニューボタンを押すと、隠れていたメニューが下に並んで表示される
・スライドメニュー
メニューボタンを押すと、隠れていたメニューが左右のどちらかに表示される
・モーダルウィンドウ
メニューが画面全体に表示され、カテゴリーボタンを押すとさらに新たなメニュー表示に切り替わる
