在我刚入行产物司理的时刻，我把原型设计当成产物事情中最主要的事情。领到事情任务后，第一件事就是打开axure最先画原型、做交互。

那时刻的我，异常愿意花时间做高保真原型，以为原型画的好，才是一个优异的产物司理。

然而，跟向导或者开发评审时，总是会被质疑：

1. 你的这个方案逻辑好杂乱！
2. 你能不能直看法告诉我有哪些功效？
3. 你这个页面纰谬，不应该这么设计！

于是，辛辛苦苦做的带交互、细节完善的原型，只好推翻重做或者大改，时间虚耗不说，开发对我的信托度也逐渐降低。

对于产物新人，我想许多都有这样的烦恼：为什么我自以为很完善的产物方案，会被指斥逻辑杂乱、功效不清晰、设计有问题，最后不得不虚耗大量时间返工。

直到厥后我掌握了“功效结构图”的方式，以上问题获得了根本性的改观。

一、什么是功效结构图

那，什么是功效结构图呢？

先看看百度百科的界说：功效结构图是“凭据功效的从属关系画成的图表，图中的每一个框都称为一个功效模块。”

上图是按页面拆解的一个颗粒度很大的微信功效结构图。从这个图中，我们可以看到：

1. 微信最顶级的4个功效模块是纵然通讯、通讯录、发现、我；
2. 同伙圈、扫一扫等功效被放在发现模块中；
3. 图中并没有将页面对应的详细字段列出，仅仅是对页面功效的抽象形貌。

由此，我们可以获得3个关于功效结构图的要点：

1. 功效结构图表达的是功效之间的从属关系；
2. 是产物功效模块及其逻辑结构的体现；
3. 功效结构图少少涉及详细的字段信息，只强调功效的逻辑关系。

综上所述，功效结构图是一种用于形貌产物各个功效的从属关系和逻辑结构的、脱离于详细字段信息的图表。

二、为什么要绘制功效结构图

1. 梳理页面和功效点的利器

对于一些简朴的功效，我们并没有需要绘制功效结构图，甚至可以直接画原型。由于功效过于简朴，功效结构图需要形貌的信息，在我们的脑海里已经异常的清晰明晰，也不需要花费许多的时间就可以跟开发讲清晰需求。

但要是功效对照复杂呢？

这个时刻，若是我们不绘制功效结构图，仅凭自己有限的脑容量，很难将整个产物或整个功效模块的功效梳理清晰，也很难对产物或功效模块有一个整体的、全局的熟悉。

有了功效结构图，每个产物有哪些页面、每个页面有哪些功效、多个功效之间有什么样的逻辑关系就一目了然了。

2. 指引方案设计，制止边做边改

最近我做了一个开票申请的功效。需求是，要求开票的用户联系客服，客服将开票申请信息录入系统，出纳开票后，再将发票号录入系统。整体上看，这是一个异常简朴的需求。

在没有功效结构图的情形下，想到那里就做到那里，最后大概率只思量了最顺畅的一种情形。

而这个流程背后可能涉及到的异常处置，就会所有遗漏，如开票申请信息填错时需要修改、多个订单合并开票。

360对标小红书：上线好物种草平台“轻选”

而有了功效结构图，我们就可以凭据功效结构图的层级关系，先搭建好功效结构，再对照着功效点，逐个涉及方案。

做出来的产物方案，既不会结构错误，也不会遗漏或多余，原型设计自然就会顺遂许多。

3. 剖析产物的透视镜

我们在做产物剖析或功效剖析时，经常需要看这个产物或功效的全貌。

若没有功效结构图，我们只能粗略地看到产物的页面，体验下交互，很难“看透”这个产物。

当我们把一个产物或功效的功效结构图绘制出来后，就能很清晰地看到这个产物的焦点功效、主要功效、辅助功效，以及这些功效之间的层级关系。就犹如获得了一架透视镜，将产物看的一清二楚。

4. 开发评估事情量的主要参考

当我们把产物方案提交给开发评估事情量时，若没有功效结构图，开发必须要花许多的时间去明白消化需求，自己剖析有若干页面、若干功效，剖析每个页面和功效的开发事情量，最后反馈给产物。

当我们将功效结构图给到开发时，开发很快就可以凭据我们的功效结构图，评估出开发事情量。

无论是对产物司理自己的发展，照样对处于事情流程下游的开发，功效结构图都是一个异常有价值的工具，产物司理一定要充实掌握并应用到事情当中去。

三、若何绘制功效结构图

功效结构图异常主要，那应该若何准确绘制呢？以微信同伙圈功效为例，试着绘制一个对照详细的功效结构图。

1. 梳理营业流程

要绘制功效结构图，那我们必须要知道有哪些功效。而由于功效是营业的承载方式，以是我们必须要详细的领会营业。而营业流程图，是最直观的一种明白营业的方式。

从上图，我们可看出，从微信发现页进入微信同伙圈后，可以公布同伙圈内容、替换相册封面、进入个人资料页面、浏览密友的同伙圈、与密友互动。

2. 拆解功效模块

有了营业流程图后，就能通过抽象要害营业节点或操作来划分功效模块。

例如，公布同伙圈内容的一系列操作都划归“公布同伙圈”模块、密友互动一系列操作划归“同伙圈互动”模块等。

举个例子：

• 公布同伙圈功效模块可以拆分为公布带图文和视频同伙圈、公布
• 纯文本同伙圈两个子功效模块；
• 公布纯文本同伙圈子功效模块又可以继续拆分为输入文本内容、选择定位、设置提醒谁看、设置谁可以看；
• 设置谁可以看还可以拆分为选择设置方式、设置部门可见、设置部门不能见；
• 设置部门可见任可以继续拆分为从群选择、从通讯录选择、通过标签选择······

若是你愿意，这里还可以在继续拆分。

3. 绘制成头脑脑图

这个步骤，对产物人来说，以及是最基本的工具使用，此处就不再赘述。

值得注意的是，功效结构图的最小颗粒，要凭据实际情形来掌握。若功效异常复杂，拆分到一定的颗粒度即可，并不一定要拆分到最小颗粒。