产品经理如何画流程图？

对于读我公众号文章的朋友而言，我希望自己分享的知识是有顺序的，目标是带领你如何从一个产品小白一步步的学会产品经理。

之前我分享了如何用xmind来整理自己的思考，今天再分享如何把自己思考的功能，通过流程图的形式呈现出来。

之所以要用流程图的形式呈现，主要是为了程序员好懂，也是便于更好管理自己的产品。

工作中，很多人拿到需求就火急火燎的开始画原型，然后画着画着觉得有些地方没有考虑到，又回头去改。

如果在画原型之前，你能将自己的业务流程想好，用户的操作流程想好，页面跳转想清楚，你就能少做很多无用功，达到事半功倍的效果。

一、什么是流程图？

流程图=流程+图。

流程是一系列的逻辑关系（包含因果关系、判断关系、输入输出），产品经理做需求前一定要先把这些逻辑关系理清楚。

图就是将你头脑中的逻辑关系以图形化的形式呈现出来，具有图形化、可视化的特点。

二、为什么要画流程图？

1、帮助梳理逻辑

我们每个人想一个逻辑的时候，不一定能把这个逻辑的细枝末节都想到，如果我们贸然的画原型就有可能做许多无用功，特别是比较复杂的产品功能。

2、便于宣讲和传播

产品经理需要开评审会和写PRD文档，这个时候如果你有一张清晰的流程图，不仅便于你讲解，也便于技术理解。

同时把你的流程图插入PRD文档中也方便传播，当技术忘记流程的时候，查看一下文档里的流程就知道流程是啥样了，不用反复来找你确认。

3、优化迭代

每个版本迭代的流程图可能会有相应的变化，通过对每个版本流程图的对比分析，可以知道流程优化在什么地方，产品优化了什么地方。

三、流程图元素定义

流程图是符号化的图形语言，有自己的规范，菱形代表判断，矩形代表具体的操作行为、开始和结束用圆角表示...

遵守这些行业规范不仅让别人觉得你专业，同时也便于别人理解。

四、流程图的六要素

下面分别解释说明一下

参与者：也就是谁在这个流程中，一般是指人。

活动：流程过程中的事项，比如点餐，结帐等活动。

次序：这些事情发生的前后顺序如何，哪些先，哪些后？

输入：做了什么事情？

输出：操作后，导致了什么结果？

标准化：采用一套标准化的符号来传递你的流程图，让人好明白。

五、产品经理要绘制的流程图

产品设计的流程图主要有三种，业务路程图、任务流程图、页面流程图，下面我们来一一介绍。

1、业务流程图

业务流程图就是描述哪些个体在什么条件下做了什么事情，他们之间有何关联？

主要分三个方面：①涉及到哪些主体？②每个主体都有哪些任务？③各个主体之间怎么联系的？一般涉及到多个主体，每个主体之间有联系，比如p2p平台。

如上图的 P2P 业务、涉及到借款人、平台、投资人、第三方支付四个主体，以及每个主体需要完成的任务、任务之间的联系和先后顺序。

2、任务流程图

任务流程图就是在产品操作上，用户通过什么样的操作来完成它的目标。

比如你去银行ATM机器上取钱，你是如何一步步操作把钱取出来的，这里以p2p理财产品购买为例，来看看购买的任务流程图。

3、页面流程图

如果说业务流程图帮助你梳理战略，任务流程图帮助你梳理用户操作行为（主要给程序员看）。

页面跳转流程在帮助你梳理各个页面之间的跳转关系（主要给UI和前端程序员看）这是一个逐步从整体到局部，从后端到前端的过程。

页面流程图是描述完成一个任务需要经过哪些步骤，你在画图的时候只需要清晰的表现出用户点击页面的什么地方，然后跳转到哪个页面。

主要由页面、行动点、连接线组成，下面以用户购买理财产品举例。

页面流程一般只考虑正常的操作流程就行，对于异常的操作流程在正常流程的旁边画出。

例如：上面的正常页面跳转是用户购买这个流程，异常页面跳转流程是在购买界面金额不足的时候点击去充值流程，这个在正常流程的旁边标示出来就好。

六、如何绘制流程图？

上面说了产品经理工作中需要绘制流程图，这里说说绘制流程图的思路。

1 、整理主次

画流程图的时候先整理主要流程，再思考异常流程。

画流程图的时候先画主要的流程，然后再把异常额流程考虑上，查漏补缺，保证不遗漏，产品的逻辑漏洞多半是由于异常情况没有考虑清楚，画流程图可以有效的帮助你梳理逻辑。

思考到的点，可以先在纸上画画，这样速度比较快，一般可以按照这三个顺序来整理：顺序结构、选择结构、循环结构。

2、画图工具

Visio、 Omnigraffle（Mac）、 ProcessOn 、 Axure。 工作中常用的都是这些软件来画流程图。

七、画流程图的技巧和注意事项

1、绘制流程图时，为了提高流程图的逻辑性，应遵循从左到右、从上到下的顺序排列。

2、一个流程从开始符开始，以结束符结束；开始符号只能出现一次，而结束符号可出现多次。若流程足够清晰，可省略开始、结束符号。

3 、菱形为判断符号，必须要有“是和否（或Y和N）”两种处理结果。

也就是说，菱形判断框一定需要有两条箭头流出；且判断符号的上下端流入流出一般用“是”，左右端流入流出用“否”。

4 、同一流程图内，符号大小需要保持一致，同时连接线不能交叉。

5、流程处理关系为并行关系的，需要将流程放在同一高度。

6 、处理流程须以单一入口和单一出口绘制，同一路径的指示箭头应只有一个，如下图。

8 、同一路径的指示箭头应只有一个，如下图。

9、流程图中，如果较为复杂，可以用子流程表示，切记避免你准备整理核心的业务流程，也就是想把颗粒度画的粗一点，但在某个步骤的时候，又抠的比较细。

切记不要出现主次不分，密密麻麻混乱不清晰。

八、其它说明

工作中因为流程图的粗细不一样，所以没有说就有一个标准答案，说哪个好，哪个不好的。

但画流程图一定是带有目的性的，也就是说要知道你为什么而画，如果流程图是符合业务需求的，就没有好与不好，只有合适不合适。

好了，今天就分享到这，希望对你有用，觉得有所收获的话，小动一下手指，帮我点个「在看」，谢谢！