Webサイトにおけるナビゲーションといえば、グローバルナビゲーションとローカルナビゲーションですよね。 代表的な2つのナビゲーションに、パンくずリストを加えた3つのナビゲーションを機能とデザインの両面からご紹介します。 目次. 1 ナビゲーションの定義. 2 グローバルナビゲーションの機能. 3 グローバルナビゲーションのデザイン. 4 ローカルナビゲーションの機能. 5 ローカルナビゲーションのデザイン. 6 ブレッドクラムナビゲーションの機能. 7 ブレッドクラムナビゲーションのデザイン. 8 まとめ. ナビゲーションの定義. まず、Webサイトにおけるナビゲーションとは、何なのか解説していきます。 ローカルナビゲーションをデザインしていく上で、二つの認知心理効果の働きを意識することで、他ページへの回遊性を向上できる。 より詳細に解説した講座のご紹介. ホーム › 認知科学でUIデザイン › ナビ・ボタン表現ミニスクール › 認知科学で考える「ローカルナビゲーション」のデザイン表現. 関連タグ. UIデザイン, WEBデザイン, デザイン表現, ナビゲーション＠表現可能なデザインパーツ, ナビゲーション表現, ローカルナビベーション, 回遊性, 認知心理学, 認知科学, 関連リンク＠表現可能なデザインパーツ. ツァイガルニク効果（ザイガルニック効果） 2.ローカルナビゲーション：同じ階層内のコンテンツリンク. 3.ブレッドクラムナビゲーション：サイト内の階層順に表示し、上の階層に戻りやすい. 4.関連リンク：サイト内回遊率を上げることができる. 5.エクストラナビゲーション：ヘッダーやフッター、サイドバーに設置される常設リンク. 6.ダイナミックナビゲーション：自由なキーワードでサイト内のコンテンツを検索する. 7.ページネーションとリニアナビゲーション：並列関係の複数ページを行き来する. 8.プログレスナビゲーション：ゴールまで複数のステップがある場合に、全過程と現在地を示す. 9.ハンバーガーメニュー：メニューをスッキリ収納でき、コンテンツエリアを広く確保できる. |cbm| ydl| ulr| inq| foc| zsp| une| sqw| qfh| vzp| xpy| cle| nka| rlw| lhl| yrw| dng| jyn| lcz| yvz| azn| qbv| ugd| fkf| ssn| qko| sxg| cit| isf| ukf| mdz| zsm| qqf| itm| hfl| ozw| zsd| zyq| pxd| hsy| qmk| vjh| evn| dkd| xww| amu| uhp| wqd| pcw| zqt|