产品入门，如何绘制产品功能结构图和产品信息结构图

下面是笔者通过实践和资料整理对这两个结构图进行定义区分，并辅以实际demo分析阐释：

1.产品功能结构图：是对整个产品功能点的梳理，一般认为它是在你对产品的页面布局还没有一个清晰的认知时绘制的，对脑海中该产品要实现的功能的细化。

2.产品信息结构图：是对整个产品要展示的信息做的梳理，一般认为它是你通过分析整理得出的该产品各个页面应该展示的信息，同时也为后台上传数据提供依据。

一般在实际工作中，一个产品需求从创意、构想到最终输出给设计、开发，不一定会用到这两种图，视情况选择使用。如要有要求先输出产品方案时，还是建议绘制“产品功能结构图”和“产品信息结构图”，方便直观地让开发人员了解该产品的架构，同时自己参照结构图绘制产品原型时也避免模块和功能的遗漏。

一、产品功能结构图

作用：梳理产品架构功能点。

说明：我们绘制产品功能结构图一般是在原型绘制前，所以大多不以页面为模块去罗列，而是以功能划分模块，以产品的主要功能及其他围绕主要功能而展开的下级功能点进行罗列。

一般做竞品分析时会倒推已经成型的产品来练手，此时需要反复使用软件，列出其主要功能，涉及的功能细节需要不断测试得出。

在自己构想一个新的产品时，也需要大量使用同类或者有借鉴意义的产品，在绘制功能结构图的过程要结合过往或者同类产品经验罗列功能模块、细化功能点。

功能和信息的概念有时比较模糊，如果想要更清晰的让自己的表达更清晰可以采用“动词+名词”的形式对功能点命名，比如：登录/注册账号；查看/取消收藏等。

操作过程：

我们在绘制功能结构图之前，要先梳理主要功能逻辑，下面是笔者参照B站功能模块拆解的主要功能：

功能结构图主页

在主要功能的基础上添加下级功能和细节点，产品功能结构图就绘制出来啦！

如下图：

功能结构图

二、产品信息结构图

作用：梳理系统页面的模块功能显示信息，是绘制原型的基础，信息结构图类似数据表结构设计，揭示了需要哪些数据，这些数据需要有怎样的元素组成，才能达到每个功能模块需要展现的内容表达。如果说功能结构图是产品的功能抽象，那么信息结构图则是产品的数据抽象。

说明：产品信息结构图罗列了产品需要的信息字段，是在我们绘制原型前构想如何布局页面信息的依据。在C端产品中对产品信息页尤其重要，为避免原型绘制时遗漏，此时需要绘制产品信息结构图穷尽页面内容。信息结构图中同一个对象的信息出现在多个页面是非常常见的事情。

例如个人简历，在招聘官使用招聘网站时，姓名、性别、年龄、职位、工作时间等关键信息既会出现在候选人的列表页，也会出现在候选人的详情页，还会出现在搜索结果页等等。

操作过程：

结合功能点，对设想的功能进行主页面布局。

信息结构图主页

根据需求调研、竞品调研报告、结合自己的产品经验确定具体功能模块布局:

信息结构图

总结：

1.功能结构图，关键词是功能，是功能的结构化表达；

2.信息结构图，关键词是信息，是信息的结构化表达；

互动作的细节不用体现在产品功能结构图和产品信息架构图中，比如页面布局细节、交互手势、动画效果等，属于交互设计的范畴。

绘制产品结构图时，你就要想象这是你产品的最终形态，每个页面要有哪些功能和数据，类似于开发做的不同静态页面，展现在你面前的就是产品的雏形了。