在近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都可以画很完美的流程图。 聊一聊 说一说,你画过最复杂的流程图是怎么样?最终实现了吗? |
|