IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 」を元に、要約メモしておきたいと思います。

72_ナビゲーション定義

サイト内でのユーザーの道筋

  • 階層型ナビゲーション
  • 機能ナビゲーション
  • 関連ナビゲーション
  • ダイレクトナビゲーション
  • パンくずナビゲーション
  • ステップナビゲーション
  • ダイナミックナビゲーション

73_3つのナビゲーションエリア

効果的なナビゲーションのためのエリア定義

  • グローバルエリア
    通常はヘッダとフッタ
  • コンテンツエリア
    各ページ内容
  • ロカールエリア
    カテゴリ内で共通に使用されるエリア

74_グローバルエリア

サイト内で常に表示されるエリア

75_コンテンツエリア

ページのコンテンツが配置されるエリア

76_ローカルエリア

カテゴリ内でのナビゲーションが配置されるエリア

77_7つのナビゲーション

サイト内における基本的なナビゲーション

  • 階層型ナビゲーション
    サイトストラクチャに従ってページを遷移するためのナビゲーション
  • 機能ナビゲーション
    会員機能、検索機能など
  • 関連ナビゲーション
    そのページのコンテンツに関連したナビゲーション
  • ダイレクトナビゲーション
    特定のページへ直接リンクを用意するナビゲーション
  • パンくずナビゲーション
    サイト内での位置を表示し、それらの経路へ遷移できるようにするナビゲーション
  • ステップナビゲーション
    登録手続きなど、一連のページ遷移を示すナビゲーション
  • ダイナミックナビゲーション
    検索など、動的に生成するナビゲーション

78_階層型ナビゲーション

ユーザーの行き来をつかさどるサイト内の廊下

79_機能ナビゲーション

サイト内共通の機能やコンテンツに対するナビゲーション

80_関連ナビゲーション

主動線とは別に用意されるナビゲーション

81_ダイレクトナビゲーション

サイト内の任意の位置に直接誘導するナビゲーション

82_パンくずナビゲーション

現在地を表示するためのナビゲーション

83_ステップナビゲーション

一続きのページ群を移動するためのナビゲーション

84_ダイナミックナビゲーション

動的生成されるナビゲーション

85_先進的なナビゲーション

ナビゲーションの新しい試み

こちらの関連記事もあわせてどうぞ!