ウェイファインディングデザインとは？情報空間のナビゲーション設計で迷子を防ぐ技術

ウェイファインディングデザインとは

ウェイファインディングデザインとは、情報空間内で読み手が「今どこにいるか」「どこに行けるか」「どうやって行くか」を常に把握できるように、ナビゲーションの手がかりを体系的に設計する技術です。

建築家・都市計画家のケヴィン・リンチが1960年の著書「The Image of the City」で、都市空間のナビゲーションにおける5つの要素（パス、エッジ、ディストリクト、ノード、ランドマーク）を提唱しました。この空間ナビゲーションの理論が情報設計分野に応用され、文書やダッシュボード、Webサイトの情報ナビゲーション設計へと発展しています。

構成要素

情報空間のウェイファインディングは5つの要素で構成されます。

現在地表示（You Are Here）

読み手が今、全体のどこにいるかを示す手がかりです。パンくずリスト、ページ番号と総ページ数、目次のハイライトなどが該当します。

方向指示（Directional Cue）

次にどこに進めるかを示す手がかりです。「次へ」ボタン、章末の「次章では〜」という導入文、関連リンクが該当します。

全体構造の提示（Overview Map）

情報空間全体の構造を俯瞰できるものです。目次、サイトマップ、ダッシュボードのナビゲーションメニューが該当します。

区画の明示（District Marking）

情報のまとまりを視覚的に区切る要素です。セクション見出し、色分け、区切り線が該当します。

ランドマーク（Landmark）

記憶に残る目印となる要素です。印象的な図表、アイコン、引用ブロックが該当し、読み手が「あの図があったあたり」と位置を想起する手がかりになります。

要素	物理空間の例	情報空間の例
現在地表示	フロアマップの赤点	パンくずリスト
方向指示	矢印看板	次へボタン
全体構造	施設案内図	目次・サイトマップ
区画の明示	フロアの色分け	セクション見出し
ランドマーク	噴水・彫刻	印象的な図表

実践的な使い方

ステップ1: 読み手の典型的な移動パターンを把握する

読み手が情報をどのような順序で探索するかを把握します。経営層は結論から逆順に読み、技術者は目次から特定セクションに飛ぶなど、対象読者の行動パターンに応じて設計します。

ステップ2: 全体構造を可視化する

資料やサイト全体の構造を読み手に伝えるマップを用意します。報告書なら冒頭の目次、ダッシュボードならナビゲーションバー、プレゼンならアジェンダスライドが全体マップになります。

ステップ3: 各ページに現在地を表示する

すべてのページに「全体のどこにいるか」を示す要素を配置します。ページ番号だけでなく、セクション名をヘッダーに表示するなど、位置情報を冗長に提供します。

ステップ4: セクション間の遷移を設計する

セクションの終わりに次セクションへの導入を設け、読み手が「なぜ次に進むのか」を理解できるようにします。唐突なセクション遷移は読み手を戸惑わせます。

ステップ5: ランドマークを戦略的に配置する

10ページ以上の資料では、記憶に残る図表やビジュアルを等間隔に配置します。「あの図の後にあった話」として、読み手の記憶の手がかりになります。

活用場面

• 大規模レポート: 100ページ超の報告書でも迷わない構成を設計します
• ダッシュボード: 複数画面にまたがるBIツールのナビゲーションを改善します
• 研修マニュアル: 受講者が必要な情報に素早くアクセスできる構成にします
• 提案書: 読み手が興味のあるセクションに直接飛べる構造を作ります
• ナレッジベース: 社内Wiki等の情報構造を整理し、検索性を高めます

注意点

ナビゲーション要素の過多

パンくずリスト、サイドメニュー、フッターリンク、ページ内リンクをすべて表示すると、ナビゲーション自体がノイズになります。対象読者の行動パターンに合った要素に絞ってください。

一貫性のない構造

セクションによって見出しの階層が異なったり、命名規則がばらついたりすると、読み手の心的モデルが形成されません。構造のルールを最初に決め、全体を通じて厳守しましょう。

非線形アクセスへの未対応

読み手は必ずしも最初から順番に読むとは限りません。途中から読んでも理解できるよう、各セクションに最低限の文脈情報を含めてください。

まとめ

ウェイファインディングデザインは、現在地表示、方向指示、全体構造の提示、区画の明示、ランドマークの5要素で情報空間のナビゲーションを設計する技術です。ケヴィン・リンチの都市計画理論を情報設計に応用し、読み手が「迷わない」資料やダッシュボードを構築しましょう。