使い方ガイドへスキップ
Information Architecture作者 Owl-Listener

Information Architecture スキル。

ナビゲーションの見た目を決める前に、情報をどこに置くかを決めます。

  • UX戦略
  • コンテンツ構造
ソースレビュー · Information ArchitectureSKILL.md
タスク UX戦略 成果物 • 親、子、孤立したコンテンツを示す階層型サイトマップ。 • グローバル、ローカル、ユーティリティ、コンテキスト別のアクセスを分けたナビゲーションモデル。 • タイプ、属性、関係を記述したコンテンツモデル。 開始前に プロダクトのコンテンツとユーザータスクに関する根拠が必要です。ソースは特定のデザインアプリケーションを必要としていません。
編集部による要約 · ソース確認日 2026-10-07 · 生成された例ではありません

01 機能概要

ユーザーのタスクを軸にコンテンツを整理する

インベントリ、分類体系、コンテンツモデル、ツリーテストによる検証までを扱う、コンテンツ整理のワークフローです。

ソースに基づくワークフロー実行ベンチマークではありません

進め方

Information Architectureは、画面、機能、コンテンツの一覧を、人が理解できる構造に変えます。カテゴリ、ラベル、関係、ナビゲーションの深さを、それらを最終的に表示する視覚的なコントロールから切り離して扱います。そのため、成長したプロダクトに重複するセクション、孤立したページ、社内の人にしか通じないラベルが溜まっている場合に役立ちます。

ソースでは、監査に続いてリサーチ、階層案の作成、ツリーテスト、ドキュメント化を行うことを求めています。ラベルの根拠として、実際のカードソートの結果やインタビューで得た語彙を用意してください。スキルがその根拠を作り出すことはできません。短い経路や浅い階層の提案はデザイン上のヒューリスティクスであり、すべてのユーザーがすべての項目を見つけられることを保証するものではありません。

期待される成果物

  • 親、子、孤立したコンテンツを示す階層型サイトマップ。
  • グローバル、ローカル、ユーティリティ、コンテキスト別のアクセスを分けたナビゲーションモデル。
  • タイプ、属性、関係を記述したコンテンツモデル。
サンプルブリーフを見る

ブリーフからレビューまで

  1. 01
    コンテンツを棚卸しする

    既存の遷移先とコンテンツタイプを一覧にします。将来の階層を描く前に、重複した経路、孤立した素材、行き止まりに印を付けます。

  2. 02
    タスクに基づくグループを作成する

    提供されたユーザーの語彙とグルーピングの根拠を使ってカテゴリを提案します。会社の組織図をそのまま再現せず、複数の案を比較します。

  3. 03
    検証を計画する

    ツリーテスト用に、代表的な探しやすさのタスクを選びます。不確かなラベルや未解決のグルーピングは、案が検証済みだと宣言せず、リサーチ用に記録します。

02 利用場面

使う場面

プロダクトのコンテンツとユーザータスクに関する根拠が必要です。ソースは特定のデザインアプリケーションを必要としていません。

適したケース

  • 増え続けるコンテンツライブラリ記事、製品、機能が増えて、元の構造ではたどりにくくなった場合に役立ちます。
  • ナビゲーション設計の前タブ、サイドバー、ドロワーを選ぶ前に、何をまとめるべきかを定めます。

確認すべき制約

  • メニューコンポーネントではありませんこれは情報モデルを定めるものです。コントロール、アクティブ状態、プラットフォームの慣例はNavigation Patternsが扱います。
  • リサーチは依然として必要です見栄えのよいサイトマップが探しやすさを示すわけではありません。対象ユーザーでのテストと実際のコンテンツに基づく根拠は引き続き必要です。

用意する入力

  • コンテンツインベントリ既存の画面、コンテンツタイプ、ラベル、重要な関係を提供してください。
  • 優先タスクユーザーが最も見つけたい遷移先と、よく使う入口を挙げてください。
  • リサーチで得た語彙カードソートの結果、インタビューでの言葉、検索語を含めてください。確認済みの知見と仮定は区別します。

03 重要な判断

重要な判断

  1. スタイリングより先に構造

    ユーザーが理解できないカテゴリは、サイドバーでは直せません。このスキルはその判断を前倒しします。

  2. URLは別の判断

    ソースは、URLツリーをナビゲーション階層と同一視しないよう注意を促しています。コンテンツには、発見される経路が複数あってもかまいません。

04 依頼例

焦点を絞ったブリーフで試す

以下のサンプルブリーフはテストされていません。使用前に、スキルのセットアップを確認してください。

セットアップを確認する

リポジトリに記載されたインストール手順を使い、参照されている付属ファイルも保持してください。この項目は、実行可能なアプリケーションではなく、焦点を絞ったデザイン手法を説明するものです。

アップストリームのソースファイル
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ux-strategy/skills/information-architecture/SKILL.md

プロダクトのコンテンツとユーザータスクに関する根拠が必要です。ソースは特定のデザインアプリケーションを必要としていません。

まず1つの成果物から始める

スキルを実行する前に、このブリーフの範囲、元資料、制約を調整してください。

サンプルブリーフ
information-architectureを使い、提供された記事インベントリとサポート検索語からヘルプセンターを再構成してください。2つの階層案、推奨するコンテンツモデル、5つのツリーテストタスクを作成してください。請求関連のユーティリティはタスク別コンテンツと分けてください。根拠のないラベルは、リサーチ結果を作り出さずにフラグを付けてください。

結果を確認する

実際の出力を、以下の確認可能な基準に照らして点検してください。

  • 提供されたすべてのコンテンツタイプに、配置先があるか、明示的な未解決ステータスが付いている。
  • 主要な遷移先とユーティリティの遷移先を区別できる。
  • 提案されたラベルが根拠に結び付けられているか、仮説として明記されている。

OpenDesignは、コーディングエージェント向けのローカルなデザインワークスペースを提供します。この掲載は、スキルが同梱されていることや、外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、下記にリンクされた固定リビジョンのソースを説明しています。アップストリームの動作や要件は変更される可能性があります。

ソースの所有者
Owl-Listener
ライセンス
MIT
確認したスナップショット
2026-10-07 · 9a6930cf84a8
編集部によるソース要約
インベントリ、分類体系、コンテンツモデル、ツリーテストによる検証までを扱う、コンテンツ整理のワークフローです。

リンク先のソースに基づき、OpenDesignが作成したオリジナルの要約です。リポジトリのスター数は日付時点の人気の目安であり、スキルの利用状況や品質スコアではありません。

06 開始前の質問

始める前の質問

サイドバーを設計しますか?

サイドバーが表示しうる構造を定義します。サイドバーの挙動や状態は、ナビゲーションパターンの仕様で決めてください。

サイトマップはURL計画も兼ねますか?

必ずしもそうではありません。ソースは、情報構造とURL構造を明確に分けています。

カードソートの結果がなくても使えますか?

仮説の作成には役立ちますが、カテゴリやラベルの選択は、テストされるまで暫定のままにしてください。

OpenDesign

次のデザインの改善に向けて、余白を作りましょう。

ブリーフ、元資料、デザイン作業をローカルのワークスペースにまとめて管理できます。ワークフローに加える前に、スキル自体のセットアップを確認してください。

アップストリームのソースファイル
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ux-strategy/skills/information-architecture/SKILL.md