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