mcpField
I
information-architecture

information-architecture

github.com/aj-geddesデザイン・UI374636 回インストール34 週間前に更新
リポジトリ

information-architecture について

Webサイトやアプリ、大規模な情報空間を整理するための情報アーキテクチャスキルです。調査に基づく分類、ナビゲーション、検索の設計を扱い、各手法のガイドも含みます。

主な機能

  1. 01ユーザー調査とメンタルモデル
  2. 02カードソーティングと分類体系
  3. 03サイトマップとナビゲーション設計
  4. 04検索とコンテンツ発見の設計
  5. 05情報アーキテクチャの実践指針

活用シーン

  1. 01Webサイト再設計のナビゲーション計画
  2. 02ドキュメントやECコンテンツの整理
  3. 03分類体系と検索の設計
  4. 04ユーザージャーニーのマッピング

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/aj-geddes/useful-ai-prompts --skill information-architecture

インストール後、Claude Code で/information-architectureを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
card-sorting-taxonomy.md
search-discovery.md
sitemap-navigation-structure.md
scripts/
scaffold-tests.sh
templates/
test-template.js

詳細

情報アーキテクチャ

目次

概要

情報アーキテクチャは、ユーザーが情報を簡単に見つけ、理解できるようにする論理的な構造を作ります。

使用する場面

  • Webサイトやアプリの再設計
  • 大規模な情報空間（ドキュメント、Eコマース）
  • ナビゲーション構造の計画
  • タクソノミーと分類
  • 検索機能の設計
  • ユーザージャーニーのマッピング

クイックスタート

最小限の実行可能な例：

IA Process:

1. Research & Discovery
  - Interview users about mental models
  - Card sorting sessions (open and closed)
  - Analyze current usage patterns
  - Competitive analysis

2. Structure Development
  - Create organization scheme (hierarchical, faceted, etc.)
  - Define categories and relationships
  - Build taxonomy
  - Plan navigation

3. Wireframing
  - Sitemap creation
  - Navigation structure
  - Page templates
  - User flows

4. Validation
  - User testing with prototypes
  - Tree testing (navigation only)
  - Iterate based on feedback

// ... (see reference guides for full implementation)

リファレンスガイド

詳細な実装は references/ ディレクトリにあります。

ガイド内容
カードソーティングとタクソノミーカードソーティングとタクソノミー
サイトマップとナビゲーション構造サイトマップとナビゲーション構造
検索と発見検索と発見

ベストプラクティス

✅ 推奨事項
  • ユーザー調査から始めます
  • カードソーティング調査を実施します
  • ユーザーのメンタルモデルを活用します
  • 階層は最大3レベルにします
  • 明確で簡潔なラベルを使用します
  • コンテンツを見つける複数の方法を用意します
  • ユーザーと一緒にナビゲーションをテストします
  • 利用データに基づいて更新します
  • タクソノミーを文書化します
  • 検索機能を提供します
❌ 非推奨事項
  • 調査を行わずに組織構造を押し付ける
  • 専門用語や技術用語を使用する
  • 階層を深くしすぎる
  • 重要なコンテンツを見つけにくい場所に置く
  • ナビゲーションだけに頼る（検索も提供する）
  • ナビゲーションを頻繁に変更する
  • 曖昧なラベルを作成する
  • エッジケースを忘れる
  • アクセシビリティを無視する
  • デスクトップ専用のナビゲーションを前提とする

コメント

Markdown 対応