功能结构图是用来表示复杂功能的内部结构的,能够帮助产品经理对产品或功能模块有一个整体的、全局的认识。文章中笔者就功能结构图是什么?为什么要画?以及怎么画这三点进行了分析总结,供大家参考学习。
在我刚入行产品经理的时候,我把原型设计当成产品工作中最重要的工作。领到工作任务后,第一件事就是打开axure开始画原型、做交互。
那时候的我,非常愿意花时间做高保真原型,以为原型画的好,才是一个优秀的产品经理。
然而,跟领导或者开发评审时,总是会被质疑:
- 你的这个方案逻辑好混乱!
- 你能不能直观点告诉我有哪些功能?
- 你这个页面不对,不应该这么设计!
于是,辛辛苦苦做的带交互、细节完善的原型,只好推翻重做或者大改,时间浪费不说,开发对我的信任度也逐渐降低。
对于产品新人,我想很多都有这样的烦恼:为什么我自以为很完善的产品方案,会被批评逻辑混乱、功能不清晰、设计有问题,最后不得不浪费大量时间返工。
直到后来我掌握了“功能结构图”的方法,以上问题得到了根本性的改观。
一、什么是功能结构图
那,什么是功能结构图呢?
先看看百度百科的定义:功能结构图是“按照功能的从属关系画成的图表,图中的每一个框都称为一个功能模块。”
上图是按页面拆解的一个颗粒度很大的微信功能结构图。从这个图中,我们可以看到:
- 微信最顶级的4个功能模块是即使通讯、通讯录、发现、我;
- 朋友圈、扫一扫等功能被放在发现模块中;
- 图中并没有将页面对应的详细字段列出,仅仅是对页面功能的抽象描述。
由此,我们可以得到3个关于功能结构图的要点:
- 功能结构图表达的是功能之间的从属关系;
- 是产品功能模块及其逻辑结构的体现;
- 功能结构图极少涉及具体的字段信息,只强调功能的逻辑关系。
综上所述,功能结构图是一种用于描述产品各个功能的从属关系和逻辑结构的、脱离于具体字段信息的图表。
二、为什么要绘制功能结构图
1. 梳理页面和功能点的利器
对于一些简单的功能,我们并没有必要绘制功能结构图,甚至可以直接画原型。因为功能过于简单,功能结构图需要描述的信息,在我们的脑海里已经非常的清晰明了,也不需要花费很多的时间就可以跟开发讲清楚需求。
但要是功能比较复杂呢?
这个时候,如果我们不绘制功能结构图,仅凭自己有限的脑容量,很难将整个产品或整个功能模块的功能梳理清楚,也很难对产品或功能模块有一个整体的、全局的认识。
有了功能结构图,每个产品有哪些页面、每个页面有哪些功能、多个功能之间有什么样的逻辑关系就一目了然了。
2. 指引方案设计,避免边做边改
最近我做了一个开票申请的功能。需求是,要求开票的用户联系客服,客服将开票申请信息录入系统,出纳开票后,再将发票号录入系统。整体上看,这是一个非常简单的需求。
在没有功能结构图的情况下,想到哪里就做到哪里,最后大概率只考虑了最顺畅的一种情况。
而这个流程背后可能涉及到的异常处理,就会全部遗漏,如开票申请信息填错时需要修改、多个订单合并开票。
而有了功能结构图,我们就可以根据功能结构图的层级关系,先搭建好功能结构,再对照着功能点,逐个涉及方案。
做出来的产品方案,既不会结构错误,也不会遗漏或多余,原型设计自然就会顺利很多。
3. 分析产品的透视镜
我们在做产品分析或功能分析时,常常需要看这个产品或功能的全貌。
若没有功能结构图,我们只能粗略地看到产品的页面,体验下交互,很难“看透”这个产品。
当我们把一个产品或功能的功能结构图绘制出来后,就能很清晰地看到这个产品的核心功能、重要功能、辅助功能,以及这些功能之间的层级关系。就如同获得了一架透视镜,将产品看的一清二楚。
4. 开发评估工作量的重要参考
当我们把产品方案提交给开发评估工作量时,若没有功能结构图,开发必须要花很多的时间去理解消化需求,自己分析有多少页面、多少功能,分析每个页面和功能的开发工作量,最后反馈给产品。
当我们将功能结构图给到开发时,开发很快就可以根据我们的功能结构图,评估出开发工作量。
无论是对产品经理自己的成长,还是对处于工作流程下游的开发,功能结构图都是一个非常有价值的工具,产品经理一定要充分掌握并应用到工作当中去。
三、如何绘制功能结构图
功能结构图非常重要,那应该如何正确绘制呢?以微信朋友圈功能为例,试着绘制一个比较详细的功能结构图。
1. 梳理业务流程
要绘制功能结构图,那我们必须要知道有哪些功能。而因为功能是业务的承载方式,所以我们必须要详细的了解业务。而业务流程图,是最直观的一种理解业务的方式。
从上图,我们可看出,从微信发现页进入微信朋友圈后,可以发布朋友圈内容、更换相册封面、进入个人资料页面、浏览好友的朋友圈、与好友互动。
2. 拆解功能模块
有了业务流程图后,就能通过抽象关键业务节点或操作来划分功能模块。
例如,发布朋友圈内容的一系列操作都划归“发布朋友圈”模块、好友互动一系列操作划归“朋友圈互动”模块等。
举个例子:
- 发布朋友圈功能模块可以拆分为发布带图文和视频朋友圈、发布
- 纯文本朋友圈两个子功能模块;
- 发布纯文本朋友圈子功能模块又可以继续拆分为输入文本内容、选择定位、设置提醒谁看、设置谁可以看;
- 设置谁可以看还可以拆分为选择设置方式、设置部分可见、设置部分不可见;
- 设置部分可见任可以继续拆分为从群选择、从通讯录选择、通过标签选择······
如果你愿意,这里还可以在继续拆分。
3. 绘制成思维脑图
这个步骤,对产品人来说,以及是最基本的工具使用,此处就不再赘述。
值得注意的是,功能结构图的最小颗粒,要根据实际情况来把握。若功能非常复杂,拆分到一定的颗粒度即可,并不一定要拆分到最小颗粒。
总结
在产品日常的工作中,绘制功能结构图是一个多方共赢的好习惯。需要我们耐心的在工作中不断练习和总结,才能彻底掌握,从而有效提高产品方案的质量。
本文由 @誓博 原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自Unsplash,基于CC0协议。
爱盈利-运营小咖秀(www.aiyingli.com) 始终坚持研究分享移动互联网App运营推广经验、策略、全案、渠道等纯干货知识内容;是广大App运营从业者的知识启蒙、成长指导、进阶学习的集聚平台;
想了解更多移动互联网干货知识,请关注微信公众号运营小咖秀(ID: yunyingshow)
【转载说明】  若上述素材出现侵权,请及时联系我们删除及进行处理:8088013@qq.com