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

72_ナビゲーション定義

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

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

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

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

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

74_グローバルエリア

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

75_コンテンツエリア

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

76_ローカルエリア

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

77_7つのナビゲーション

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

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

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

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

79_機能ナビゲーション

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

80_関連ナビゲーション

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

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

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

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

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

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

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

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

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

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

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

最後までお読みいただきありがとうございます!もしお役に立てる情報がありましたら、そのお気持ちを Bitcoin で送金していただけると、とても嬉しく思います!
ビットコインで送金する

他にも、Amazonのほしい物リストからお選びいただくこともできます。
大森常治のほしい物リスト

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

      【Information Architecture】09_ラベル設計

      「IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 」を元に、要約メモしておきたいと思います。 86_ラベル定義 サイト内の見出し文言を定義する メニューなどのカテゴリ名称…

      【Information Architecture】10_画面設計

      「IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 」を元に、要約メモしておきたいと思います。 91_ページデザイン ページデザインの検討要素 ユーザエクスペリエンスから考…

      【Information Architecture】07_サイトストラクチャ設計

      「IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 」を元に、要約メモしておきたいと思います。 56_サイトストラクチャ定義 Webサイトの骨格 サイト内でのユーザの動線定…

      【Information Architecture】05_コンテキスト分析

      「IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 」を元に、要約メモしておきたいと思います。 38_コンテキスト分析の意義と全体像 サイト設計のゴールと制約条件を明確にす…

      【Information Architecture】06_ユーザエクスペリエンスデザイン

      「IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 」を元に、要約メモしておきたいと思います。 50_サイトコンセプト定義 情報アーキテクチャ設計の方針を定義する コンセプ…