11.结构图（脑图）、功能结构图、信息结构图、产品结构图

 结构图的作用和注意事项

 使用Xmind：

 

结构图分类

 功能结构图

 信息结构图

信息结构图也是在原型设计之前产生的。

 产品结构图

 注意：如果某个功能几乎在每个页面都有，那我们就可以把这个功能单独提出来

例如：标题栏在微信多个页面都有，那我们就可可以在结构图里面单独抽出来（和开发做公共接口一样）

 常用工具

 

区分

1. 功能结构图（原文定义 + 摘要 2/5）
   • 核心：以 “功能模块” 为单位，描述产品 “能做什么”，强调业务逻辑的抽象分类（如 “创建优惠券”“发送人群选择”）。
   • 命名：动词 + 名词（如 “编辑照片”“搜索商品”），体现操作行为。
   • 层级：2-3 级为主，避免过度细化（如微信的 “添加朋友” 下分 “扫一扫”“手机联系人”）。
   • 用途：需求梳理、跨团队沟通功能范围（开发 / 测试关注的 “功能清单”）。
2. 产品结构图（原文定义 + 摘要 3/4）
   • 核心：以 “页面 / 模块” 为单位，描述产品 “长什么样”，包含页面层级、功能入口和信息载体（如微信的 “发现页” 包含 “朋友圈”“小程序”）。
   • 命名：名词化的页面或模块（如 “首页”“个人中心”），可包含重复的公共组件（如标题栏、搜索框）。
   • 层级：贴近用户操作路径，可细化到具体页面元素（如 “个人信息页” 包含头像、昵称、地址）。
   • 用途：原型设计前的框架规划，明确页面关系和信息分布（类似 “静态原型草稿”）。