mcpField
I
information-architecture

information-architecture

github.com/aj-geddes设计与 UI374636 次安装34 周前更新
代码仓库

关于 information-architecture

面向设计师和产品团队的信息架构技能，用于规划网站、应用及大型信息空间的组织方式。内容涵盖基于研究的分类、导航与搜索，并提供相关方法指南。

主要功能

  1. 01用户研究与心智模型
  2. 02卡片分类与分类体系
  3. 03站点地图与导航规划
  4. 04搜索与内容发现设计
  5. 05信息架构实践建议

适用场景

  1. 01规划网站改版的导航
  2. 02组织文档或电商内容
  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

详细介绍

信息架构

目录

概述

信息架构通过创建逻辑结构，帮助用户轻松查找和理解信息。

适用场景

  • 网站或应用重设计
  • 大型信息空间（文档、电商）
  • 导航结构规划
  • 分类体系与分类
  • 搜索功能设计
  • 用户旅程映射

快速入门

最简可运行示例：

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