<em id="8ma6g"><tr id="8ma6g"></tr></em>

      <div id="8ma6g"><tr id="8ma6g"><kbd id="8ma6g"></kbd></tr></div>

        <sup id="8ma6g"><label id="8ma6g"></label></sup>

          1. 你可能学了假流程图,三步教会你绘制大厂流程图(第一篇)

            零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

            流程图有没有限定的标准?正确规则的流程图有什么规范?本文将从三个方面来作出解答:流程图的意义、流程图如何绘制、常见的流程图问题。

            作为一个产品经理,画流程图是必备的技能。如制定订单处理的流程,制定商品审核的流程,制定?#27809;?#24320;银行账户的流程等。

            也有非常多的文章在介绍如何画流程图。我们发现有各种画法,也有各种概念。这里产生一个问题:到底什么样的流程图是正确的?有没有标准?

            无标准野路子的流程图必然会产生歧义,必然是思路混乱的。比如以下两个流程图就都是有问题的,并导致表达混乱。

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            有问题的流程图

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            有问题的流程图

            其实流程图是有标准的,这就是UML(统一建模语言)制定的标准,被其称为活动图。并且这个标准被微软和IBM等大厂采用。我们通过本文就能够知道,上面两个流程图的问题了。

            ?#28909;?#20102;解到很多流程图是有问题的,所以要画好也不是那么容易。所以我也会分三篇文章来介绍UML的流程图怎么画,分别是:

            第一篇:如何制作正确规则的流程图?

            第二篇:如何制作人人?#19981;?#30340;流程图?

            第二篇:流程图的概念解析

            其中第一篇会让大家理解流程图的正确姿势和语言。第二篇会?#32844;?#25163;教让大家绘制粗细得当,人人?#19981;?#30340;流程图。第三篇是概念解释,破除业务流程图,任务流程图和功能流程图的误区。

            要先学流程图的规则是什么,这就好比下象棋。我们首先要理解下棋的规则是什么,然后再学习如何去赢得?#28909;?#30340;策略。如果反过来,这就好比知道怎么下棋,却不了解基本规则一样。规则枯燥但还是要先来学习的。

            本篇文章包括:流程图的意义、流程图如何绘制、常见的流程图问题。

            一、流程图的意义

            对于产品经理要重视流程图的绘制,这背后是逻辑清晰的表达和思考。

            首先,很多产品经理往往一上手做交互页面原型。但这样往往因为流程想不清楚,导致原型图需要重画。所以要先画流程图,再画原型图。

            其次,研发经常批评产品经理没有逻辑。而画流程图就是建立你的逻辑的一种方法,也最终用在面?#21592;?#36798;,产品评审发言中,下面我们就看看如何画。

            二、流程图如何画?

            流程图是为了完成某一任务而描述的相关活动的执行顺序。UML称流程图为活动图,为了便于?#33268;郟?#21518;面还称其为流程图。

            下面我们以订单为例子,带领大家一步一步画出流程图。整个流程涉及到从?#27809;?#19979;单到收货的流程。下面就是这个订单流程:

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            其逻辑是?#27809;?#19979;单后,物流人?#26412;?#38656;要送货到家,?#27809;?#25910;货后,在点击确认收货,即完成整个订单。这里就涉及到以下概念:

            1. 活动的概念

            这里物流人员送货到家和?#27809;?#30830;认收货,都体现了一个人做了什么事情,都会涵盖“主语+谓语+宾语”。“?#27809;А?#26159;主语,“点击”是谓语,“确认收货”是宾语。

            而人做了什么事情,就体现了一个“动作或操作?#20445;?#32780;UML则称其为活动。其实和动作或操作是近似的意思,但活动的概括更为广泛。

            活动的标准画法是带?#27493;?#30340;矩形框,里面写具体的活动,活动内容写成“主语+谓语+宾语?#20445;?#23486;语或主语根据说话习惯可以考虑省略。

            活动之间?#20040;?#31661;头的线连接在一起,称其为“转移”。表示做完了一个活动就可以转移到下一个活动,比如物流人员送货到家后,?#27809;?#25165;会确认订单完成,否则就无法进入下一个活动。

            2. 起点和终点概念

            一个流程图有一个“起点?#20445;?#20316;用是表明一个流程从这里开始。起点画是个实心小圆。

            一个流程图也有“终点?#20445;?#20316;用是表明上一步的“活动?#26412;?#26159;整个流程的结束。对于上面的订单流程而言结束的活动就是“?#27809;?#30830;认收货”。这个活动完成后,整个流程就算完成了。终点画法则是一个实心圆加一个空心圆。

            注意:起点必须有,而终点可以省略不画或有多个。终点画上的?#20040;?#26159;可让别人知道你考虑了终点因素。但有的流程涉及到的终点过多,并且结束显而?#20934;?#30011;上就显得累赘。

            3. 判断和并行概念

            现在我们已经能够画出了流程图。但我们发现这个流程会有很多细节需要补充,这就是我们接下来要介绍的判断和并行概念。我们以问题为出发点,看如何完善流程图。

            “网?#29616;?#20184;或货到付款”有不同的处理则怎么表达?——用判断标志来解决。

            此时物流人?#26412;?#38656;要对订单进行判断,如果是网?#29616;?#20184;(送货前支付)则直接给货物到?#27809;В?#21542;则必须?#28909;糜没?#25903;付现金或?#20154;OS机后,再给货物,此时流程图如下:

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            这个判断点就用菱形符号来表示,此时是一个进入多个出,并且在出的线条上用方括号表明判断条件。这里的:

            条件一是“如果?#27809;?#26159;网?#29616;?#20184;?#20445;?#31616;称:网?#29616;?#20184;),则相应的动作是“物流给货物到?#27809;А保?/p>

            条件二是“如果?#27809;?#26159;货到付现金?#20445;?#31616;称:现金支付),则相应的动作是“物流收取现金”。

            条件三是“如果?#27809;?#36873;择POS支付?#20445;?#21017;“物流用POS机收钱”。

            注意:?#25512;?#20182;流程图的菱形符号中间写字不同,这里不允许在菱形符号中间写任何字,但表达的意思是一样的。菱形位置里面其实是可以?#30784;?#29289;流确?#29616;?#20184;情况?#20445;?#20889;文字?#23376;?#29702;解但是略显累赘。

            再如电商中如果?#27809;?#25903;付完毕,有的时候会反悔并告知商家。对于商家也会存在两种选择,“同意则取消订单?#34987;頡?#25298;绝则坚持发货”。这两种表达方式都可以达到同样的效果,只是方法不同。

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            了解了和传统流程图的不同表示方法后,对于UML体系,除了上面介绍的?#20040;?#33777;形的表示方法外,另外一个方式是不加入菱形判断图标,如下图所示:

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            这两种表达方法都是可以的,但需要注意要在转移线上写出判断条件。对于本案例加入判断的菱形图标会更加清晰,此时明确物流人员在这里要进行一个判断。

            如果?#27809;?#36824;要同时开发票则怎么表达?——用并行标志来解决。

            现在很多的送货是货物和发票放在了一起一并寄送过去,或者支持电子发票的方式。但是还有一些企业开纸质发票,并?#19968;?#29289;和开发票地并不一致。这个时候就需要货物和发票分别寄送到?#27809;?#25163;里。

            此时意味着?#35762;?#29289;流人员一个在送货和一个在寄送发票。这里就是一个并行处理,表达方式如图所示:

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            画法是画一个粗横线,再加上一个进入和多个出的转移线条。对于本例子,出的两个分支流程是配送货物和发票寄送,此时同步处理但并不在意谁先做谁后做。

            4. 汇合和合并概念

            网?#29616;?#20184;和现金支付任意一个完成就算完成如何表达?——用合并来解决。

            此时只要是网?#29616;?#20184;或现金支付任意一个方式就算完成了支付。即条条大路通罗马,我们只要一个路径能到达,就可以进行下一步了,此时有两种表达方法:

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            一种方法直接通过三条转移线连接到下面的活动即可,这个也是我们在前面看到的。第二种方法是画一个菱形并且多进一出。注意这个菱形符号在这里不是表示要判断,只是借用了菱形符号而已,因此也不必在线条?#21592;?#21152;入判断条件。

            ?#23548;?#19978;第二种画法是UML的标准画法。但毕竟看流程图的人有的不是编程人员,画上会让人误解,为了便于沟通可以选择第一种画法。但是在看到网上的流程图加入合并的菱形标志的时候,要意识到这里不是进行判断,而是在做合并。

            这里另一个例子就是?#27809;?#21487;点击确认收货,而系统也可以自动确认收货,也是那个先确认收货都算收货,订单即最后完成。

            发票和商品?#27809;?#37117;收?#35762;?#31639;完成如何表达?——?#27809;?#21512;来解决。

            前面我们讲了货物和发票是分别寄出的,对于?#27809;?#24517;须是发票和货物同时收到了才会点击“确认收货?#20445;?#20004;者缺一不可。具体表示见下图:

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            达方式是一个粗横线,再加上多个进入和一个出。进入的分支是送货物和送发票,此时同步处理但并不在意谁先做谁后做,但汇合的时候必须要都完成才可进入到下一步。

            另一个例子就是吃饭上菜的例子。我们?#35762;?#21381;菜是分别上的,只有都上完了才算完成了。而在野路子的流程图中,是没有办法表达这个并行汇合处理的。

            通常并行和汇合成对出现,此时并行执行两组活动,但必须两组活动都完成才能进入下一?#26041;凇?#32780;上图也就是一个完整的流程图了。

            5. 流程图的总结

            流程图表示方法总结如下:

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            三、通过问题学概念

            流程图的绘制方法看完了之后,我们再来看文章最前面的流程图的问题是什么?

            案例一:流程图中不应有非活动的内容

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            上面的流程图是说产品经理的工作包括需求收集,需求?#33268;?#21644;需求评审等工作,并为此画了流程图进行阐述。思考一下,这个流程图的问题是什么?

            我们按照流程图的概念来看,流程图要求每个框起来的都是一个活动,活动的典?#22270;创?#22312;“主+谓+宾”

            在这里面“有效需求、已有功能和需求池”都不是一个活动,这里都是在说需求的不同类型和功能概念。真正体现活动的是产品经理进行“收集需求,?#33268;?#38656;求和需求评审”。

            而这里大家会说,我要体现“有效需求和需求池”等概念该怎么做?

            那么可以这样描述?#20309;?#20204;可以将需求划分为新需求+老需求,其中新需求产品经理需要过滤成有效需求和无效需求。而进入需求评审?#26041;?#30340;是新需求的有效需求和老需求并放入需求池中,在这个?#26041;?#25105;们决定本期开发的需求是那些。

            上面这种描述,如果你理解了UML的面向对象的思考方法,就知道这是另一?#20013;问?#30340;描述。另外其实知识是相通的,如果按照金字塔原理进行思考,也能得出上面的描述内容。

            通过这个案例,我们发现将需求处理的方案和需求评审流程的描述混在一起,会让受众群体迷惑,而如果分开描述则会清晰很多。

            案例二:流程图不同于状态图

            这是一个买家下单和付款的流程。这里仍然按照“主谓宾”来拆分,我们发现待付款不是一个活动,而是一个状态。而横线上的“买家下单”才是个活动(?#20174;没?#28857;击下单)。

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            因此这个仍然不是流程图,在UML里更适合用状态图来表达。如果此时按照状态图的角度来看,这里也是有问题的,我们?#38498;?#20250;有专题来讲状态图。

            案例三:流程图的逻辑需要仔细思考

            你可能学了假流程图,三步教你大厂流程图(第一篇)

            这个流程图大家看是从?#27809;?#19979;单到供应商供货的流程,我们假设这个就是京东或天猫的订单流程。在这里“生成送货单,以及?#27809;?#36873;择支付方式,收款”等?#26041;?#27969;程表述错误,大家想想问题是什么?

            此时我们回忆一下我们在?#20309;顰PP上如何下单的?这个流程是:

            1)?#27809;?#20174;?#20309;?#36710;点击“去结算?#20445;?#23601;会打开“提交订单页面”。

            2)在“提交订单页面”允许?#27809;?#36873;择网?#29616;?#20184;还是货到付款,以及编辑送货地址,此时点击“提交订单”按钮。

            3)则系统生成订单,并展示给?#27809;А?#25903;付页面”。

            4)在“支付页面” 允许?#27809;?#21487;以选择某银行卡或支付宝后,再点击“银行卡支付”按钮。

            5)此时系统展示“输入网银(或支付宝)密码”的页面。

            6)在“输入密码页面” ?#27809;А?#36755;入账户密码”后就完成了订单支付。

            回忆完整个流程后,我们会发现如下问题:

            问题一:“?#27809;?#36873;择支付方式,之后收款,中间可以取消订单”这个概括就不正确。

            ?#23548;?#19978;是“在提交订单页面,?#27809;?#20808;点击提交订单;之后弹出输入密码页面,?#27809;?#36755;入密码完成支付”。此时在点击提交订单后不输入支付密码时,?#27809;?#21487;以到个人订单列表里面选择“取消订单”。因此概括起来是:?#27809;?#25552;交订单,之后?#27809;?#25903;付订单,在提交订单后可以取消订单。

            问题二:生成送货单?#25512;?#20182;活动不是并列关系。

            系统的?#23548;?#24037;作过程是“?#27809;?#28857;击提交订单”后,系统就会生成订单,不生成订单就没有支付页面。这个生成的订单也可以在个人中心的订单列表里看到,针对待付款的订单?#27809;?#21487;以进行支付或取消订单。所以生成送货单和选择支付方式是不是同时进行的关系。

            通过这个案例其实发现流程训练首先需要仔细思考每个?#26041;凇?#20854;次这个涉及到对流程对每一步如何进行抽象的问题,如何画出人人都?#19981;?#37117;明白的流程图的问题。这也是第二篇要重点讲的地方。

            四、总结

            通过本篇文章,大家了解了标准的流程图的画法。

            这里首先需要理解活动,判断、并行、并行汇合和合并等基本概念。其次通过三个例子,?#24471;?#22914;何正确表达流程图,而不要学了假的流程图。

            我们发现流程图是一种逻辑表达方式,还有很多其他的方式需要进一步解锁,会在后续文章中?#27493;狻?/p>

            说说你曾经踩过的坑?是否有点启发和改变?

             

            作者:擎苍(微信公众号:引爆产品思维),产品狗一枚,10年产品和运营经验,曾负责上市公司的互联网团队组建和运营,曾在多个垂直领域头部公司做产品狗。

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

            题图来自Unsplash,基于CC0协议

            给作者打赏,鼓励TA抓紧创作!
            评论
            欢迎留言?#33268;踾!
            1. 我想请问一下,文中说“流程图要求每个框起来的都是一个活动?#20445;?#27969;程图中不应该有非活动的内容,那页面流程图的框中内容该如何表达?

              回复
              1. 页面流程图和流程图?#20132;?#20107;,各有各的目的和画法。

                回复
            2. 请问这些都是用什么软件做的图呀

              回复
              1. axure

                回复
              2. 用wps就可以了,有一个专门的流程图功能,很好用。

                回复
            3. 很清晰

              回复
            4. 请问这些都是用什么软件做的图呀

              回复
            5. 话说用PowerDesigner来画活动图是不是也可以

              回复
            6. 多谢?#27493;?学会很多 来催更啦!

              回复
              1. 已经更新

                回复
            7. 期待更新!

              回复
            8. 刚刚开始学习产品,请问大佬用axure画活动图开始结束和汇合的元件系统里面没有呀,自?#21495;?#24471;吗?

              回复
              1. 自?#21495;?分钟的事

                回复
            9. 对于?#21592;?#35746;单,问题一里,?#27809;?#28857;击提交订单按钮,在支付页面弹出后点击关闭,即不支付,一样可以生成订单。
              这样的订单在商家后台系统是可以调订单里面的?#38382;?#30340;。这样生成的订单一样可以选择取消订单,然后删除订单。
              如果?#27809;?#36873;择了支付订单,然后生成后的订单,商家后台不可以做任何的改动了。

              回复
            10. 案例一自己试着重新用标准画了一下,需求池哪里还是不知道如何表达,新需求和老需求是在需求收集下方做判断,还是在开始下面有两个分支?在下一篇的介绍中可以分享一下案例一的正确画法么?

              回复
              1. 在我的表述里已经不是流程图的表述了。如果一定要说,则要大改。

                回复
              2. 重?#30053;?#35835;了一遍 大致明白了 谢谢分享和回复

                回复
            11. hi,不是说?#27809;?#26377;好几篇待续么~怎么木有了,强烈要求出完全集啊

              回复
              1. 已经交作业了,估计一天内就发布了,莫急。

                回复
            12. ?#19981;?#36825;样的干货

              回复
            13. ;-) 文章写的不错,学习流程图很好的教程。突破标准只要能让人容易理解明白的流程图,就是好的流程图,让人难以/无法理解的流程图,再标准也没用。

              回复
            14. 大学学习的UML,工作中已经忘得差不多了,现在又学习了一遍,赞!

              回复
            15. Visio2016里没?#19994;讲?#34892;模式,有谁知道吗

              回复
              1. visio只能画一个粗横线,再连线。

                回复
              2. 更多形?#30784;?#36719;件和数据库》软件》UML活动》 分叉节点 和 链接节点

                回复
              3. :roll:

                回复
              4. 回复
            16. 必须要赞一个~

              回复
            17. 流程图和思维导图混在一起啦 :oops:

              回复
            18. (接上)“流程图中不应有非活动的内容”。我觉得 ?#27809;?#21487;以自己选择是否需要发票,两种结果都算是一种活动,应该在流程中体现。让开发人员一眼就可以在流程中知道哪些活动是必然的,哪些活动是特定场景的。 所以:特定场景才会出现的“活动”如何规范的在流程图中体现,请前辈指导下,谢谢!

              回复
              1. 要画图,下篇就给答案。本篇保证格式规范是正确的。

                回复
              2. 为何要区分开必然活动还有特定场景下活动

                回复
            19. 你好 请问一下。如果是我在下单的时候选择不需要发票。如何在流程图中体现出来。 有发票则必须收到发票才确认收货,没有发票则不需要。没有发票的箭?#20998;?#21521;哪里?

              回复
            20. ?#19981;?#20320;的写作逻辑。期待你的第二篇和第三篇

              回复
            21. 并行、合并、汇合的概念第一次听说,赞 ;-)

              回复
              1. ?#30340;?#21483;法不统一,从源头找了一下相对统一的叫法。

                回复
            22. 哈哈我?#19994;?#21862;

              回复
            23. 大佬,这种流程图用什么工具做方便啊

              回复
              1. 我平时用的最多的是mindmanager,较为便宜。土豪可以上Visio365。

                回复
              2. OmniGraffle for mac 你值得拥有

                回复
              3. 谢?#35805;。?#30475;看有没有PJ版本??

                回复
              4. 用axure画的,产品经理用的原型图工具。用这个画的?#20040;?#26159;,原型和流程放到一个文档里,便于用更少的时间维护更新。

                回复
            24. 很清晰的梳理,厉害!期待尽快能出第二篇

              回复
            25. 系统的梳理一下流程图的标准要求,很棒

              回复
              1. 的确很棒

                回复
              2. 回复
            四川快乐12官网
              <em id="8ma6g"><tr id="8ma6g"></tr></em>

                <div id="8ma6g"><tr id="8ma6g"><kbd id="8ma6g"></kbd></tr></div>

                  <sup id="8ma6g"><label id="8ma6g"></label></sup>

                      1. <em id="8ma6g"><tr id="8ma6g"></tr></em>

                          <div id="8ma6g"><tr id="8ma6g"><kbd id="8ma6g"></kbd></tr></div>

                            <sup id="8ma6g"><label id="8ma6g"></label></sup>