流程图梳理

流程图是产品经理传达需求的常用做法，三大类：业务流程、页面流程、功能流程。分别对应着战略、战术、执行三大层次。

业务流程

体现Boss对整个产品的战略思想。产品经理根据老板的传达以及自身对产品的理解，梳理出整个产品核心业务的走向，生成业务流程图。

 

 

页面流程

体现PD对核心业务的高度理解。把核心业务的每一个节点抽象成一张张页面图，用页面跳转体现节点关系，生成页面流程图。

 

 

功能流程

体现每个功能模块的操作路径。每个核心功能都应该独立化。先用解耦的思想来最小化每个核心功能，然后用流程梳理清楚每一个操作。额，大部分功能模块都是和商城购物相关的。具体如下：

1.订单状态流转

 

 

2.优惠券领取

 

 

3. h5活动制作

 

 

4. 项目开发

 

 

5. PD到UI配合

 

 

总结

按照这样的思路来梳理产品的整体脉络，会慢慢从表象的视觉层到抽象的结构层，不仅PD自己对产品越来越理解深刻，同时研发RD也会更容易理解需求。

一、如何正确画出功能结构图？

对于PM来说，梳理完产品的整体架构，简单的功能用线框图即可，复杂的功能应该怎么办呢？

这时候，初级PM的做法是一个页面一个页面往下画，一个控件一个控件的抠细节。然后画到一半有问题，再一个页面一个页面往回修改。

（以前趟过的坑）

从时间来看，反复修改十几遍，浪费时间和精力。

从沟通来看，技术会因为一次性做这么复杂的功能，怼你们。

从结果来看，大家看到的是一个细节很完美整体复杂混乱的功能。

为什么需要功能结构图

碰到上述情况的时候，首先你应该整体分析一下这个功能，画出详情的内部结构，然后和前端工程师过一遍需求。让大家清楚这个功能由及部分组成。每部分是什么，以及各有什么作用。

最后根据公司的需求，是做完这些功能重要，还是某个时间点上线重要。来综合考虑是做完整个功能还是只做这个功能的子功能。

这就是功能结构图的由来。

功能结构图是什么

功能结构图是用来表示复杂功能的内部结构，包含了哪些子功能。

设计特性

最好设计成独立的模块，和其他功能尽量不存在关联。

注意是功能内部结构，不要误认为是功能间的关系。（功能间的关系是功能流程图）

如何画功能结构图

以电商app的下单功能为例，来讲一下如何画功能结构图。

1. 分析功能结构

当我们接到这样一个需求的时候，脑子中想到的是我们在京东淘宝等电商平台的下单步骤，很容易就想到至少要这样做。

 

 

然后这时候就直接去画页面，或者去抄袭竞品来设计原型。

2. 避免步骤页面化

有3个步骤，那就画3个页面好了。

简单的“步骤=页面”，只是偷懒的做法。

比如提交订单可以只是一个提交按钮，选择商品可以有多种方式，可能会涉及到多个页面。

3. 避免功能竞品化

貌似竞品淘宝有现成的，全部照抄一遍就好了。

事实上你们可能不是电商平台，商品也没有不同的sku。

细化功能粒度

根据自身业务，将下单功能拆分到更细的粒度。

 

 

详见订单结构，可以结合订单物理结构、订单逻辑结构、订单金额结构一起阅读。

如果你愿意按照这种思路去拆分，可以避免把步骤当作页面去画了。

再对照自己的业务是不是也需要用购物车，是否也需要有优惠券。如果是刚刚上线的ÿ