information-architecture
Organize and structure information for clarity and discoverability. Design navigation systems, hierarchies, and mental models that match user needs.
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o information-architecture.zip https://jpskill.com/download/21447.zip && unzip -o information-architecture.zip && rm information-architecture.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/21447.zip -OutFile "$d\information-architecture.zip"; Expand-Archive "$d\information-architecture.zip" -DestinationPath $d -Force; ri "$d\information-architecture.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
information-architecture.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
information-architectureフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 5
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
インフォメーションアーキテクチャ
目次
概要
インフォメーションアーキテクチャは、ユーザーが情報を簡単に見つけ、理解できるように論理的な構造を作成します。
使用する場面
- ウェブサイトやアプリのリデザイン
- 大規模な情報空間(ドキュメント、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/ ディレクトリにある詳細な実装:
| ガイド | 内容 |
|---|---|
| Card Sorting & Taxonomy | カードソーティングとタクソノミー |
| Sitemap & Navigation Structure | サイトマップとナビゲーション構造 |
| Search & Discovery | 検索と発見 |
ベストプラクティス
✅ 実施すべきこと
- ユーザーリサーチから始める
- カードソーティング調査を実施する
- ユーザーのメンタルモデルを活用する
- 階層は最大3レベルまでにする
- 明確でシンプルなラベルを使用する
- コンテンツを見つける複数の方法を提供する
- ユーザーとナビゲーションをテストする
- 使用データに基づいて更新する
- タクソノミーを文書化する
- 検索機能を提供する
❌ 実施すべきでないこと
- リサーチなしに組織構造を押し付ける
- 専門用語や技術用語を使用する
- 階層を深くしすぎる
- 重要なコンテンツを埋もれさせる
- ナビゲーションだけに頼る(検索も提供する)
- ナビゲーションを頻繁に変更する
- 曖昧なラベルを作成する
- エッジケースを忘れる
- アクセシビリティを無視する
- デスクトップ専用のナビゲーションだと仮定する
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
Information Architecture
Table of Contents
Overview
Information Architecture creates logical structures that help users find and understand information easily.
When to Use
- Website or app redesign
- Large information spaces (documentation, e-commerce)
- Navigation structure planning
- Taxonomy and categorization
- Search functionality design
- User journey mapping
Quick Start
Minimal working example:
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)
Reference Guides
Detailed implementations in the references/ directory:
| Guide | Contents |
|---|---|
| Card Sorting & Taxonomy | Card Sorting & Taxonomy |
| Sitemap & Navigation Structure | Sitemap & Navigation Structure |
| Search & Discovery | Search & Discovery |
Best Practices
✅ DO
- Start with user research
- Conduct card sorting studies
- Use user mental models
- Keep hierarchy 3 levels deep max
- Use clear, simple labels
- Enable multiple ways to find content
- Test navigation with users
- Update based on usage data
- Document taxonomy
- Provide search functionality
❌ DON'T
- Impose organizational structure without research
- Use jargon or technical terms
- Make hierarchy too deep
- Bury important content
- Rely only on navigation (provide search)
- Change navigation frequently
- Create ambiguous labels
- Forget about edge cases
- Ignore accessibility
- Assume desktop-only navigation
同梱ファイル
※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。
- 📄 SKILL.md (2,472 bytes)
- 📎 references/card-sorting-taxonomy.md (1,971 bytes)
- 📎 references/search-discovery.md (1,070 bytes)
- 📎 references/sitemap-navigation-structure.md (965 bytes)
- 📎 scripts/scaffold-tests.sh (574 bytes)