一知半解流程图:业务流程、功能流程、页面流程

首先介绍下背景

很多公司对于开发管理的流程不一样，对于流程的定义和叫法也不一样（比如传统企业更多的使用业务流程，IT类互联网类的企业更多的打磨页面流程和功能流程），本文主要基于流程图描述的内容的维度，介绍业务流程、功能流程、页面流程。

设计流程图时建议尽量避免混用这些流程图，避免陷入汇报时本来在讲业务，结果陷入到功能的讨论中，或者本来在讨论功能，被引导到业务流的沟通中，陷入无尽的拉扯中。

一、流程图的主要作用

1、降低沟通成本

通过图形化的形式，将业务方一些逻辑复杂与规则不清楚的需求进行展示，作为与相关方沟通的抓手进行沟通，保证各方的理解一致，避免因为语言表达、理解的问题导致最终的扯皮

2、逻辑梳理

通过梳理，快速发现业务逻辑上的不足之处，简化繁琐的操作流程，优化复杂的关键节点，便于实现方快速理解

二、流程图的要素

要想设计好流程图，首先得了解流程的六大要素及方法论。

流程有六要素：资源、过程、过程中的相互作用（即结构）、结果、对象和价值。

把一些基本要素串联起来：流程的输入资源、流程中的若干活动、流程中的相互作用（例如串行还是并行.哪个活动先做，哪个活动后做，即流程的结构)、输出结果、顾客、最终流程创造的价值。称其为“流程的6要素”。

1）客户：是流程服务的对象，对外来讲是单位服务的个人或组织,对内来讲是流程的下一个环节;

2）价值：是流程运作为客户带来的好处，很多情况下不是用货币来衡量的,它可以表现为提高了效率、降低了成本等等；

3）输入：是运作流程所必需的资源，不仅包括传统的人、财、物,而且包括信息、关系、计划等；

4）活动：是流程运作的环节；

5）活动之间的相互作用:是环节之间的关系，把流程从头尾串联起来；

6）输出:流程运作的结果，它应该承载流程的价值。

流程的方法论包括：梳理业务逻辑、明确角色与任务、分析异常情况、流程优化与调整等。

三、流程图的制作方法

1、需求沟通

通过与相关方的沟通，确认需求的背景以及需求的主要内容，明确各方的利益点以及操作路径

2、需求提炼

将业务方的需求，提炼为各个功能点，并形成基于场景的操作路径

3、业务规则梳理

基于功能点和场景，通过用例描述需求的业务规则

4、定性定量分析

对需求做定性和定量分析，基于用户访问路径，尽可能细化异常场景

5、设计流程图

最后设计流程图，确保业务的主流程走通，并涵盖所有子流程节点

四、业务流程图

业务流程图抽象地描述业务进行的次序，以及流转过程中传递的信息，但不涉及具体的用户操作与执行细节。

一般将流程图分为：基础流程图和跨职能流程图。

以商品退货为例，我们从角色和事项两个维度梳理业务，了解整个事件的操作流程。

首先按角色划分为顾客、电商平台与商家；其次再画出退货的主干流程，然后判断是否符合退货条件，是否已发货、是否商品完好等分支流程，最后按时间顺序用有向箭头关联，就输出了一份完整的业务流程图。

五、功能流程

功能流程图就是将系统或模块的所有功能，以及功能之间的流向关系，以图形的形式表达。

功能流程图强调的是功能之间的逻辑和因果关系，且可以具体的表达每个页面内所包含的功能。

以用户登录为例，我们从功能和条件两个维度梳理业务，了解整个功能的判断逻辑。

首先列出所有操作功能：打开APP，点击登录，输入账号密码；然后增加判断条件：校验登录信息一致性，校验注册信息一致性；最后按操作次序关联，就得到了功能流程图。

六、页面流程

页面流程图就是将产品的所有页面，及页面之间的流转关系，以图形的形式表达。

即站在用户的视角，通过相关操作，可看到不同页面的不同内容，或发现页面跳转的体验问题。

页面流程的三要素包括：页面、操作、连接线。

页面流程图是表现用户在使用产品的操作流程上，不同的操作指令下，不同页面流转关系，本质是凸显页面元素与逻辑关系，提升原型设计的效率。

以购物车商品结算为例，我们从页面和动作两个维度梳理业务，了解整个页面的跳转逻辑。

首先列出参与购物车商品结算的相关页面：淘宝首页、商品详情页、购物车页、确认订单页、确认付款页、订单详情页；然后列出主要操作功能，最后按照操作次序用连接线关联相关页面，就得到页面流程图。

综上可知：

业务流程图侧重表达产品业务逻辑的流转路径

功能流程图侧重表达产品功能逻辑的操作路径

页面流程图侧重表达产品页面元素之间的跳转关系