关于流程图元素定义、结构分类;以及,我有一些技巧告诉你

7 评论 80696 浏览 305 收藏 9 分钟

流程图很重要,在开发和测试中,重要性胜于PRD等文档,因此多练习,培养规范的绘制习惯和绘制思路,会减少很多不必要的沟通,也会让PM对产品的脉络更加了然于心,庖丁解牛就是这个道理了。

前前后后做了四五个项目,确定需求后,交互、UI都要求绘制流程图,每次都达不到预期效果。自己总结了一下,工具很多,我基本都接触了,万变不离其宗,再好用的工具也用过,始终不如意,想来想去还是觉得流程图的功底不够。

网上搜罗一大圈,大家都各有各的绘制方法,元素的定义也不统一,这并不是什么好事情。所以今天整理了一下流程图的绘制基本规范,供大家参考学习。

单独为项目管理做的流程图规范并没有,目前的流程图规范基本都是为企业和工业,研究了一些相关的资料和我大学时候的相关课件笔记,做了一些优化,希望可以更适应互联网产品的流程图绘制。

一、流程图绘制的核心

绘制流程图是梳理思路的最好方法,没有之一。在产品处于想法过渡到模型的阶段,流程图对模型建构起了提纲挈领的作用。流程图对应用户体验要素中的结构层或者范围层,可以梳理功能模块、业务流程、使用路径。绘制流程图一定要注意,太乱、太复杂的流程图不是真的多难,是你自己没有梳理好,这个时候一定要反思。

二、流程图元素定义

6631353638726598344

参考:标准流程图制作规范讲义(百度文库)

二、流程图结构分类

1.循序结构

定义:根据流程图的步骤,依次执行,符合理想状态下的流程图,也是流程图主轴的基本结构。这也符合我之前在登陆注册中提到的一个概念——正常功能和异常处理。

6631264578284750033

语法解读:DO 任务1——then do 任务2

适用场景:流程图中的主要步骤或环节,按照产品设计依次进行。

2.二元选择结构

定义:二元选择结构是最常见的,我们经常遇到需要处理“是”或“否”、“确定”或“取消”这样的组合式选择。最常用的元素就是”判断决策”。

6631329449470786875

语法解读:if 条件成立,then do 选择1;or do选择2。

适用场景:二元选择结构出现在决策选择环境下,一般都是二元组合式选项,必选其一,或者只有其一。当选择二者之一时,也对应不同的路径。

3.多重选择结构

定义:流程图依据条件或者类型,提供两个以上的选项或者方案,且互相之间不是组合式选项,并列存在,不冲突。

6630819276073888618

语法解读:for条件P   case1 do方案1

Case2 do方案2

Case3 do方案3

………

适用场景:当条件或者类型固定后,程序给出多个同层次的选择和方案,自由选择,每个方案都按照程序设定给出路径。

4.重复结构

定义:条件本身的满足状态处于可激活状态,通过重复某一要素可满足该状态,从而实现程序目的。重复结构只有当条件为真时才继续其他程序。

6631418509912637765

语法解读:repeat do 程序 until条件满足

适用场景:可重复可逆的操作,先进行程序处理,再确定是否满足条件。该操作会对条件产生能动作用,并最终有可能满足条件,从而结束重复,进入出口。

5.DO-while结构

定义:该结构和多重选择结构相似,区别在于,当条件为false时,不再重复。

6631220597819636871

语法解读:while条件,do程序,end

适用场景:先判断条件是否满足,再决定是否继续重复该操作。

三、流程图绘制原则

1.流程中每个元素内必须键入key word,主轴尤其如此,旁支需要备注的,采用备注元素不影响当前流程顺序的前提下选取合理位置备注,务必简明扼要。

2.当某流程出现选择或决策结果时,需要认真走查,避免出现漏洞,导致流程无法形成闭环,功能缺失。

3.绘制时,考虑流程图全局,合理安排绘制路线,尽量绘制的简单明晰。绘制必须遵从从上自下,从左至右的顺序,为了提高流程图的逻辑性,可以在每个元素上用阿拉伯数字进行标注。

4.处理程序需要形成闭环。坚持一个入口,一个出口的特性,使得流程图在逻辑上不出现缺失(该特性仅适用流程图内部部分流程)

5.路径应避免交叉。

6.统一路径的指示方向只有一个。

四、绘制小窍门

1、拆分模块。经常会遇到业务说“这个功能我们也要”‘大概就是这个样子’,虽然这是很不负责的言论,但是作为PM要针对业务提出的总体目标或者需求,进行分割,例如用户下单可以分为登陆、浏览商品、编辑订单、支付动作、完成/未完成。按照这种小的模块来绘制流程图会很清晰,而不至于乱糟糟的一团,还不如不绘制。

2、子流程巧用。有很多的小模块可以不听的复用,但是在整个大的流程中,不听的绘制重复的模块是很费时间,也会弱化流程图的清晰感。其实频繁复用的子流程作为“图例”来使用是最好不过的,没必要浪费时间重复绘制,费力不讨好。

3、泳道图之间关联尽量单一。绘制泳道图是处理多角色、多系统、多模块的复杂需求的最好方法。泳道图的本质就是希望可以通过角色、系统、模块的划分将复杂的功能梳理切割清晰,因此多模块之间的关联尽可能单一,实际中也不存在多联系线条的情况(可自己验证),因此如果泳道之间多条关联,最好自己反思下是不是模块切割的不合理,绘制图不够简洁。

 

本文由 @白三 原创发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 多重选择结构,感觉一般作为不同模块绘制,很少在一个页面里列出来

    来自北京 回复
  2. 选择结构太奇怪了

    来自台湾 回复
    1. 你好,我最近也在研究流程图,感觉作者说的挺有道理的,所以想问下,评论中的这个“奇怪”奇怪在哪里?谢谢啦。

      来自重庆 回复
    2. 一般选择结构的 2 个分支应该是从菱形的不同角引出来,作者是从同一个角引出来,仅此而已

      来自广东 回复
  3. 不好

    回复
  4. 一个流程可以有两个结果吗

    回复
    1. 一个流程可能存在多个结果例如吃饭,结果是吃饱了和没吃饱,但是结束的点都是吃完了。

      回复