功能架构图信息结构图产品结构图的区别和绘制方法

Posted 2020-10-26

一、功能架构图

1. 定义

功能结构图就是以功能模块为类别，介绍模块下其各功能组成的图表，体现了产品功能的同时，也展示了功能的从属关系。

2. 作用：

产品设计时，辅助思路梳理，避免功能概念模糊、缺失。

3. 注意点：

绘制功能结构时，尽量避免出现信息结构要素出现的可能性，形容一个功能点时建议多采用“动词+名词”的语言描述形式，如：设置密码。

4. 如何绘制：

1）针对设计中的新功能/产品
列出产品的核心功能模块，针对每个模块，绘制业务流程，从流程中提炼功能点，罗列整个闭环需要的功能点，找出从属关系层次，粒度从粗到细。多用动词加名词作为一个功能节点。
2）针对已有产品或功能的倒推
快捷方法：参考产品的Tab功能模块找出产品主功能模块，然后按照层级归属关系详叙该功能模块提供的下一级功能模块或功能，如有必要，其颗粒度可一直细化到功能操作的描述程度。
注意：当一个次级功能模块反复出现在不同的Tab功能模块中的时候，我们就可以考虑将其拆分出来作为主功能模块。

二、信息结构图

1.定义

指脱离产品的实际页面，将产品的数据抽象出来，组合分类的图表，信息结构有点类似编程中的数据表结构设计，揭示了需要哪些数据，这些数据需要有怎样的元素组成，才能达到每个功能模块需要展现的内容表达，对于内容类产品尤为重要。

2.作用

帮助pm梳理复杂的数据信息，避免遗漏、重复、混乱；
可作为研发建立数据库、做表结构设计的依据。

3.注意点

信息结构设计晚于功能架构设计，要脱离页面功能，考虑数据的组成、流动、关联，避免出现功能结构要素，节点要素多为名词。

4.如何绘制

找出每个功能点需要的内容组成要素，将其去重、归类。

三、产品结构图

1.定义

综合展示产品信息和功能逻辑的图表，简单说产品结构图就是产品原型的简化表达，是将功能和信息以一种合理自然的逻辑，把功能结构图和信息结构图中的内容放入产品中的每一个页面的结果，是产品概念化设计的结尾阶段的产物。

2.作用

可以替代原型，快速评审产品方案的可行性，实现成本低。可指导原型制作，避免原型绘制反复修改，浪费时间。

3.注意点

没有产品结构图之前，不要动手画原型！画原型之前，最好先画草稿，纸上画比电脑上要快，有问题也能及时发现。

4.如何绘制

先从概念和功能上分类和分层，然后在每个需要体现内容数据的节点，展看所需要的数据描述，不同页面若都有展示同一个数据的情况，那就都体现出来，此时，你就要想象这是你产品的最终形态，每个页面要有哪些功能和数据，类似于开发做的不同静态页面。
至于交互动作的细节不用体现在结构图中，比如页面布局细节、交互手势、动画效果等，属于交互设计的范畴，在产品结构设计时，可以一并考虑，除非很特别的交互，否则都遵循简单原则即可：pc端以点击、滚动、选择为主，移动端以点击、滑动为主。

总结

产品设计阶段，经过需求收集和分析，首先要根据需求，将需要的功能大致罗列，输出功能结构图；
功能结构图成型后，根据产品形态大小，业务是否复杂，产出信息结构图；
结合两者，将功能和信息向着页面和展示方向靠拢，每个动作进入哪些页面或窗口，相应展现哪些内容，产出产品结构图，指导原型绘制。

以上总结，与各位产品共勉！