近10年的互联网生涯过程中，无论是负责运营还是负责产品，基本上都需要和流程图打交道。期间也有很多的同事对于如何画好流程图很困惑。我根据这几年积累的经验大致总结了一下。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
要想画好流程图，大致需要从这几方面去深入文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
流程图的目的 流程图的种类 流程图的元素 流程图的思路 流程图的工具
1、流程图的目的文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
在画流程图之前，我们必须了解流程图的目的是什么。一切的操作都要为这个目的服务。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
流程图作为一种图形化的表达，其实是为了这样几个目的文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
展示：清晰的表达业务过程中各个环节的流转逻辑和步骤 ； 协同：帮助不同的部门和团队成员之间更好的写作沟通，对齐信息 ； 分解：简化复杂的过程，将复杂的业务简化和分解为一个个简单的活动和决策； 总结：识别问题和优化机会，帮助团队从流程图中总结或者预测问题。
当然对于单个流程图的目的，可能会更加细化一些。但是大致的目的就是这些。那么在我们画流程图的时候可能就要多次地问自己——我画的流程图为这样目的服务了吗？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
2、流程图的种类文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
了解了流程图的目的后，我们就要开始准备我们的流程图，第一步其实就是我们要知道自己在画的是什么流程图。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
流程图的种类按照不同的维度会有不同的分类。根据场景不同大致可以分为下面几种：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
程序流程图：也称为结构化流程图，用于显示计算机程序中的算法和控制流程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html 业务流程图：用于显示业务流程中的活动、角色和决策。它通常用于业务过程再造和流程优化。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
数据流程图：用于显示数据流程和数据处理的过程。它通常用于分析和设计信息系统。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
管理流程图：用于显示管理过程中的步骤和活动，例如项目管理和流程改进。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
工程流程图：用于显示工程设计、制造和测试的流程。它通常用于工程领域，例如机械、电气和软件工程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
系统流程图：用于显示计算机系统、网络或其他技术系统中的组件和交互。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
除了这些常见的流程图种类，还有许多其他特定领域或行业的流程图类型，可能我无法一一列举。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
这篇文章主要对象是运营或者产品经理，所以我主要讲的是业务流程图。下面我所提到的流程图基本就等同于业务流程图啦。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
3、流程图的元素文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
如果要罗列流程图的所有元素，可能几千个都列举不完，但是在我的运营和产品生涯中，真正常用的元素其实都不会超过10个。大致如下文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
开始/结束节点：用于表示业务流程的开始和结束，通常使用椭圆符号表示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html 流程节点：用于表示业务流程中的具体活动或任务，通常使用矩形符号表示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
决策节点：用于表示业务流程中的分支决策点（也就是一些判断），通常使用菱形表示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
连接线：用于连接不同的节点，表示业务流程中不同活动之间的流转关系。我比较习惯用实线表示正常流程，虚线表示异常流程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
数据存储：用于表示业务流程中的数据存储位置，通常使用圆柱体符号表示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
注释：用于添加描述性文字或注释，以便更好地理解业务流程。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
除此之外，为了更好的理解业务流程中不同的部门或者角色之间的职责和关系，业务流程图还可以使用泳道（Swimlane）符号来划分不同的部门角色或职能区域，并使用不同颜色或图案来表示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
4、流程图的思路文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
在了解了以上的的内容后，基本上就可以开始我们的流程图的制作了。那么在画流程图之前，我们脑子里面应该先想什么呢？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
由于业务流程图的特性，我总结了一下业务流程图的一个万能公式，使用这个公式基本上可以解决80%以上的流程图绘制。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
(主流+支流)×(正常流+异常流)×规则注释 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
也就是说，把主流和支流合并在一起，并且将主流和支流各自的正常流和异常流合并，这样就形成了一个完整的业务流程图了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
下面我就以 账号密码登录 这个流程来举例分解文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
4.1 主流文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
账号密码登录的主要流程就是很简单的，进入登录页面，填写账号密码，登录成功；画成流程图就是这样的文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
4.2 支流文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
账号密码登录的支流就是，用户在登录时忘记了密码，需要有一个重置密码的流程。重置密码的流程也比较简单：进入重置密码页面，填写手机号，发送填写验证码，重置密码，回到登录页面。画成流程图就是这样的文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
4.3 正常流文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
所谓的正常流就是一切都很顺利的话，那么上面的流程已经是完整的业务流程了。所以在我们画出主流和支流的时候，就等于画了正常流了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
但是用户的操作可能是千变万化的，可能无法直接达成最后的目标，所以就有可能走进异常流。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
4.4 异常流文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
4.4.2 支流异常流文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
在重置密码的过程中，用户的验证码错误会导致无法进入重置密码页面，或者在重置密码时候，2次密码输入不一致也会导致无法重置成功。流程图画出来是这样的文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
4.5 合并流程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
合并流程可能不是一个实际的操作，因为你会发现，画异常流的时候，我们并不是另起画板的，而是在正常流的基础上进行绘制的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
那么合并流程需要思考的一个关键点就是，哪些步骤或者规则在正常的过程中也会被涉及到。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
比如说，刚刚我们增加的那个错误3次延时登录的规则，在正常流中，登录的时候就需要去判断该账号是否处于错误延时期间。所以合并后需要增加是否处于处罚状态的流程，如下图：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
4.6 注释并完成文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
是否需要注释其实是根据这个流程图使用场景的，如果是和PRD文档一起使用的话，没有注释问题也不大，如果是用来演示的话，那么注释就可以更好的帮助观众对这个流程的理解。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
这里的注释，我们可以写一下各个环节的大致规则。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
在以上步骤之后，最终呈现的流程图是这样的：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
*注意：有一个小小的原则需要去遵守就是——尽量不要跨线，如果必须跨线，建议用“圆弧”以及不同的颜色的方式来表达，比如：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
在以上案例流程图中，只有一个唯一的操作角色，就是用户自己。所以可以说是一个比较简单的流程图。如果当不同的环节有不同的操作者的时候，那么就需要泳道图来进行表达了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
例如：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
5、流程图的工具文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
流程图的工具放在最后讲，是因为可选择的工具非常之多。我们经常听到的有Visio、Edraw、Giffy、ProcessOn等。而我一直在用的是draw.io（直接复制到浏览器内就可以使用网页版，也可以复制下方url进行下载）。这个工具算是比较冷门的一个，它最大的优势是免费，而且模板和元素也非常多。我举例所用的就是这个软件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
下载地址：https://github.com/jgraph/drawio-desktop/releases/tag/v20.8.16文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html
其实对于绘制流程图来说，工具是次要的。最重要的是我们充分理解绘制流程图的思路，只要思路对了，很多大佬用Word或者PPT都可以画很完美的流程图。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cp/51029.html