UIXHERO
#115
情報設計・ナビゲーション
#115

さいとまっぷ

サイトマップ

別名・表記:Sitemap構成図

UIXHERO Definition

「サイトの地図」。ページの親子関係やリンク構造を可視化したもの。開発用(設計図)とユーザー用(案内図)、検索エンジン用(XML)がある。

概要

情報設計(IA)のアウトプットの一つ。 ユーザー体験を設計する上では、単なるページリストではなく、ユーザーがどのような動線で移動するか(ユーザフロー)とセットで考えることが重要。

UXでの活用

  • 構造の俯瞰: 「深すぎる階層(クリック数が多い)」や「孤立したページ(どこからも行けない)」などの構造的な欠陥を見つける。
  • スコープの定義: プロジェクトの初期段階で「何ページ作る必要があるか」を可視化し、見積もりやスケジュールの基礎とする。

💡 使いどころ

サイトの全体像を把握したい時、新規ページの追加場所を決める時、プロジェクトメンバー間で認識を合わせる時。

⚠️ 注意点・誤用

作成して終わりではなく、サイトの成長に合わせて更新し続けないと、すぐに現実と乖離して役に立たなくなる(ドキュメントの腐敗)。

具体例

  • 組織図のようなツリー構造図
  • フッターにある全ページリンク集
作成: 2026年2月1日
更新: 2026年2月14日

読んだ内容を、自分の画面に当てるとき

UIXHEROは、記事を書くほかに、画面の検品・判定、デザインシステムの構築、実装と改善の伴走を受けています。何を頼めばいいか決まっていない段階の相談も、同じ窓口で受けます。

UIXHEROに頼めることを見る

※ 記事の内容についての質問や、書いてほしいテーマの要望も同じ窓口で受けています

この記事をシェアする
シェア: