在我刚入行产品经理的时候，我把原型设计当成产品工作中最重要的工作。领到工作任务后，第一件事就是打开axure开始画原型、做交互。
那时候的我，非常愿意花时间做高保真原型，以为原型画的好，才是一个优秀的产品经理。
然而，跟领导或者开发评审时，总是会被质疑：
你的这个方案逻辑好混乱！
你能不能直观点告诉我有哪些功能？
你这个页面不对，不应该这么设计！
功能结构关系图怎么画，于是，辛辛苦苦做的带交互、细节完善的原型，只好推翻重做或者大改，时间浪费不说，开发对我的信任度也逐渐降低。
对于产品新人，我想很多都有这样的烦恼：为什么我自以为很完善的产品方案，会被批评逻辑混乱、功能不清晰、设计有问题，最后不得不浪费大量时间返工。
直到后来我掌握了“功能结构图”的方法，以上问题得到了根本性的改观。
一、什么是功能结构图
那，什么是功能结构图呢？
先看看百度百科的定义：功能结构图是“按照功能的从属关系画成的图表，图中的每一个框都称为一个功能模块。”
上图是按页面拆解的一个颗粒度很大的微信功能结构图。从这个图中，我们可以看到：
微信最顶级的4个功能模块是即使通讯、通讯录、发现、我；
朋友圈、扫一扫等功能被放在发现模块中；
图中并没有将页面对应的详细字段列出，仅仅是对页面功能的抽象描述。
由此，我们可以得到3个关于功能结构图的要点：
画这个图很简单，用基本流程图模板中矩形框和连接线就行，如果你不想要连接线箭头只要在连线属性设置中选择无箭头就行，另外，还有一个小技巧可以告诉初学者：图框不用一次画那么多，先画出一个并填充好文字，其余的只要按住。
功能结构图表达的是功能之间的从属关系；
是产品功能模块及其逻辑结构的体现；
功能结构图极少涉及具体的字段信息，只强调功能的逻辑关系。
综上所述，功能结构图是一种用于描述产品各个功能的从属关系和逻辑结构的、脱离于具体字段信息的图表。
二、为什么要绘制功能结构图
1. 梳理页面和功能点的利器
但要是功能比较复杂呢？
这个时候，如果我们不绘制功能结构图，仅凭自己有限的脑容量，很难将整个产品或整个功能模块的功能梳理清楚，也很难对产品或功能模块有一个整体的、全局的认识。
有了功能结构图，每个产品有哪些页面、每个页面有哪些功能、多个功能之间有什么样的逻辑关系就一目了然了。
2. 指引方案设计，避免边做边改
最近我做了一个开票申请的功能。需求是，要求开票的用户联系客服，客服将开票申请信息录入系统，出纳开票后，再将发票号录入系统。整体上看，这是一个非常简单的需求。
在没有功能结构图的情况下，想到哪里就做到哪里，最后大概率只考虑了最顺畅的一种情况。
而这个流程背后可能涉及到的异常处理，就会全部遗漏，如开票申请信息填错时需要修改、多个订单合并开票。
而有了功能结构图，我们就可以根据功能结构图的层级关系，先搭建好功能结构，再对照着功能点，逐个涉及方案。
做出来的产品方案，既不会结构错误，也不会遗漏或多余，原型设计自然就会顺利很多。
3. 分析产品的透视镜
我们在做产品分析或功能分析时，常常需要看这个产品或功能的全貌。
若没有功能结构图，我们只能粗略地看到产品的页面，体验下交互，很难“看透”这个产品。
当我们把一个产品或功能的功能结构图绘制出来后，就能很清晰地看到这个产品的核心功能、重要功能、辅助功能，以及这些功能之间的层级关系。就如同获得了一架透视镜，将产品看的一清二楚。
4. 开发评估工作量的重要参考
当我们把产品方案提交给开发评估工作量时，若没有功能结构图，开发必须要花很多的时间去理解消化需求，自己分析有多少页面、多少功能，分析每个页面和功能的开发工作量，最后反馈给产品。
当我们将功能结构图给到开发时，开发很快就可以根据我们的功能结构图，评估出开发工作量。
无论是对产品经理自己的成长，还是对处于工作流程下游的开发，功能结构图都是一个非常有价值的工具，产品经理一定要充分掌握并应用到工作当中去。
功能结构图绘画步骤如下：1、首先,想好结构布局图,然后选择工具栏上的"插入"选择"形状",选择直线。2、在文本需要的地方画一条合适的直线,然后将这条直线复制多个,如复制三个,共四个。3、接着选择一根直线,利用键盘上的。
三、如何绘制功能结构图
功能结构图非常重要，那应该如何正确绘制呢？以微信朋友圈功能为例，试着绘制一个比较详细的功能结构图。
1. 梳理业务流程
2. 拆解功能模块
有了业务流程图后，就能通过抽象关键业务节点或操作来划分功能模块。
在自己构想一个新的产品时，也需要大量使用同类或者有借鉴意义的产品，在绘制功能结构图的过程要结合过往或者同类产品经验罗列功能模块、细化功能点。功能和信息的概念有时比较模糊，如果想要更清晰的让自己的表达更清晰可以采用。
例如，发布朋友圈内容的一系列操作都划归“发布朋友圈”模块、好友互动一系列操作划归“朋友圈互动”模块等。
举个例子：
企业回吉优赛维（北京）科技有限责任公司是一家致力于数字孪生系统建设技术服务企业,集Web3D三维可视化数据层、应用层、交互层、平台层、全要素数据融合互联,三维场景建模,可根据CAD图纸建模、倾斜摄影重构模型、激光点云数据逆向建模,提供模型轻量化。
发布朋友圈功能模块可以拆分为发布带图文和视频朋友圈、发布
纯文本朋友圈两个子功能模块；
3、将主功能模块细化，完善产品的功能结构。实例分析： 大家在绘制产品功能结构图时， 需要根据目的，确定功能颗粒度大小 。比如，小路想用「路人十六」功能结构图梳理需求，所以将功能分得很细；如果你想通过结构图了解产品框。
发布纯文本朋友圈子功能模块又可以继续拆分为输入文本内容、选择定位、设置提醒谁看、设置谁可以看；
设置谁可以看还可以拆分为选择设置方式、设置部分可见、设置部分不可见；
首先,想好结构布局图,然后选择工具栏上的"插入"选择"形状",选择直线.在文本需要的地方画一条合适的直线,然后将这条直线复制多个,如复制三个,共四个,接着选择一根直线,利用键盘上的上下左右方向按钮对直线位置调整,摆放整齐。
设置部分可见任可以继续拆分为从群选择、从通讯录选择、通过标签选择······
如果你愿意，这里还可以在继续拆分。
3. 绘制成思维脑图
这个步骤，对产品人来说，以及是最基本的工具使用，此处就不再赘述。
总结
在产品日常的工作中，绘制功能结构图是一个多方共赢的好习惯。需要我们耐心的在工作中不断练习和总结，才能彻底掌握，从而有效提高产品方案的质量。
题图来自Unsplash，基于CC0协议。
![[美]安德鲁·路米斯《安德鲁·路米斯的素描课Ⅰ》作品简介与读书感悟](http://img.tianshugan.com/tsg/files/202212/1606331621320024066.jpg)
