三种结构图
写需求之前要画三张树状图:功能结构、信息结构、产品结构。顺序不能反,混成一张谁都看不明白。
你会遇到的现象
- 画了一张大图,功能和字段全塞在上面,最后自己都看不懂
- 跟开发讨论时对不上,因为图上没有对象和字段
- 直接开始画原型,画到一半推翻重来,陷在细节里出不来
三张图各管什么
| 图 | 回答什么 | 画什么 | 主要用途 |
|---|---|---|---|
| 功能结构图 | 产品有哪些功能模块,怎么划分 | 树状,功能名,2~3 级 | 梳理需求范围,对齐设计思路 |
| 信息结构图 | 每个业务对象包含哪些信息 | 以对象为根,字段为枝 | 给开发做数据表设计参考 |
| 产品结构图 | 功能和信息怎么落到页面上 | 页面框架 + 各页承载的信息 | 替代原型做评审,指导画原型 |
各自怎么画
1 了解业务,梳理业务流程
2 抽象出关键节点和操作
3 划分功能模块,罗列功能点
4 确定从属关系,粒度从粗到细
命名动词 + 名词,比如「导出对账单」
1 从业务里抽象出对象
2 梳理描述这个对象要哪些字段
3 补上业务和功能需要的字段
4 检查有没有缺失或冗余
关键跨页面、跨功能,别按页面罗列
基于前两张,把功能分类分层、抽象出产品框架,在每个节点上标注这一页要展示哪些信息。
注意不涉及交互细节,那是下一步的事
信息结构图最容易画错的地方是按页面罗列信息。它应该站在全局鸟瞰整个信息体系,以对象为单位——同一个用户对象的信息会出现在很多页面上,图上只画一次。
跟架构图、流程图的区别
| 类型 | 描述什么 | 形式 | 什么时候用 |
|---|---|---|---|
| 结构图 | 系统由哪些部分组成,静态的组成关系 | 框图、树状图 | 写需求文档之前,梳理业务 |
| 架构图 | 组件之间怎么交互、依赖,信息怎么流动 | 框图 | 系统设计、软件与网络架构 |
| 流程图 | 步骤的顺序和条件分支 | 流程符号、泳道图 | 用户操作流程、业务流程分析 |
一个人要画几张
三张都画当然最稳,但一个人做产品可以按项目复杂度取舍。
- 做一个小工具:画信息结构就够。功能就那几个,但对象和字段定错了后面全别扭。
- 有多个角色或多条业务线:三张都要。功能归属和权限边界必须先画清楚。
- 主要是内容展示:功能结构加产品结构。数据模型往往很简单,重点在组织方式。
- 只画一张:选信息结构。它是唯一一张画错了要重构数据库的图,另外两张改起来便宜得多。
画的形式不用讲究。思维导图、文本缩进、让 AI 生成一段 Mermaid,都行。它们的价值在于逼你把关系想清楚,不在于交付物本身——这也是它们能替代原型做评审的原因:改一个节点几秒钟,改一版原型要半天。
