一、流程与流程图

1. 什么是流程

流程图=流程+图。

具体来说，流程是一项活动或一系列连续有规律的事项或行为进行的程序。

流程有6个要素，分别是：资源、过程、结构、结果、对象和价值。

一个流程会把这些基本要素串联起来，例如流程中资源的输入、流程中的活动、活动的结构，由谁执行，输出结果、流程最终创造的价值等。

流程：Flow, 是指特定主体为了满足特定需求而进行的有特定逻辑关系的一系列操作过程，流程是自然而然就存在的。但是它可以不规范，可以不固定，可以充满问题。

图：Chart 或者 Diagram, 是将基本固化有一定规律的流程进行显性化和书面化，从而有利于传播与沉淀、流程重组参考。

流程图（Flow Chart），顾名思义，就是用来直观地描述一个工作过程的具体步骤图，它使用图形表示流程思路，是一种极好的方法。它在一些技术设计、工作步骤及商业简报等领域应用较为广泛，也可以称之为输入-输出图。它通常用一些图框来表示各种类型的操作，在框内写出各个步骤，然后用带箭头的线把它们连接起来，以表示执行的先后顺序，用图形表示执行步骤，十分直观形象，易于理解。

2. 为什么要画流程图

那么，流程有哪些作用呢？我们为什么要画流程图呢？

首先，流程图作为一个工具，帮助我们把一个复杂的过程简单而直观地展示出来，大大提高了我们的效率。其次，在我们画出一张流程图之后，方便我们将实际操作的步骤和我们想象的过程进行比较、对照，更加方便我们寻求改进的机会。最后，流程图还能帮助我们将工作过程中复杂的、有问题的、重复的部分、多余的环节以及可以简化和标准化的地方都显示出来，有利于我们把复杂流程简单化。

通常，对于希望创建流程的人来说，无论创建的是什么样的流程，流程图都是很有用的。画流程图主要有以下好处：

一张简明的流程图，能帮你梳理活动流程的先后顺序，让策划、思考的思路更清晰、逻辑更顺畅，有助于流程的逻辑实现和有效解决实际问题。
流图还能帮助我们查漏补缺，避免活动流程、逻辑上出现遗漏，确保活动流程的完整性。通过梳理、琢磨流程上的步骤和关键节点，可以快速发现遗漏之处，以便及时整改，保证后续方案执行的顺畅。
流程图还是职场沟通的神兵利器，能够提升我们与老板、同事之间的沟通效率，可以省下不少扯皮的时间。当一件事情的执行步骤比较复杂，判定条件较多，用口头难以表达清楚，用一张流程图，就能高效地解决沟通问题。

二、流程图的画法和注意事项

1. 流程图的符号要求

流程图看起来很容易画，但是想要画好、画标准一张流程图，还是需要一些练习的，下面这张图介绍了画流程图的一些特定符号，我们一定要记清楚每个符号的含义，在画流程图的时候可不要弄错了。

提示：

圆角矩形或者扁圆都可以表示程序的开始或者结束，在程序流程图中用作为起始框或者结束框。

下面是几个重要且最常用的符号，需要牢记！

2. 流程图的三大结构

流程图由三大结构构成，这三大结构分别为顺序结构、选择结构和循环结构，这三个结构构成了流程执行的全过程。

（1）顺序结构

在顺序结构中，各个步骤是按先后顺序执行的，这是一种最简单的基本结构。如图，A、B、C是三个连续的步骤，它们是按顺序执行的，即完成上一个框中指定的操作才能再执行下一个动作。

（2）选择结构

选择结构又称分支结构，选择结构用于判断给定的条件，根据判断的结果判断某些条件，根据判断的结果来控制程序的流程。在实际运用中，某一判定结果可以为空操作（如图二、图三）。

（3）循环结构

循环结构又称为重复结构，就是流程在一定的条件下，反复执行某一操作的流程结构。循环结构下又可以分为当型结构和直到型结构。

循环结构可以看成是一个条件判断条件和一个向回转向条件的组合，循环结构的包括三个要素：循环变量、循环体和循环终止条件。在流程图的表示中，判断框内写上条件，两个出口分别对应着条件成立和条件不成立时所执行的不同指令，其中一个要指向循环体，然后再从循环体回到判断框的入口处。

当型结构：先判断所给条件p是否成立，若P成立，则执行A（步骤）；再判断条件p是否成立；若P成立，则又执行A，若此反复，直到某一次条件p不成立时为止。

直到型结构：先执行A，再判断所给条件P是否成立，若p不成立，则再执行A，如此反复，直到P成立，该循环过程结束。

3. 绘制流程图中的注意事项

（1）绘制流程图时，为了提高流程图的逻辑性，应遵循从左到右、从上到下的顺序排列。

（2）绘制流程图时，为了提高流程图的逻辑性，应遵循从左到右、从上到下的顺序排列。一个流程从开始符开始，以结束符结束。开始符号只能出现一次，而结束符号可出现多次。若流程足够清晰，可省略开始、结束符号。

（3）菱形为判断符号，必须要有“是和否（或Y和N）”两种处理结果，意思是说，菱形判断框一定需要有两条箭头流出；且判断符号的上下端流入流出一般用“是（或Y）”，左右端流入流出用“否（或Y）”。

（4）同一流程图内，符号大小需要保持一致，同时连接线不能交叉，连接线不能无故弯曲。

（5）流程处理关系为并行关系的，需要将流程放在同一高度。

（6）必要时应采用标注，以此来清晰地说明流程，标注要用专门的标注符号。

（7）处理流程须以单一入口和单一出口绘制，同一路径的指示箭头应只有一个。

（9）同一路径的指示箭头应只有一个。

（9）流程图中，如果有参考其他已经定义的流程，不需重复绘制，直接用已定义流程符号即可。

三、流程图类型

产品中设计的流程图主要有三种，业务路程图、任务流程图、页面流程图。

1、业务流程图

业务流程图就是描述那些个体在什么条件下做了什么事情，他们之间有何关联。主要分三个方面：①涉及到哪些主体？②每个主体都有哪些任务？③各个主体之间怎么联系的？一般涉及到多个主体，每个主体之间有联系，比如p2p平台。

这是p2p的业务流程图、涉及到借款人、平台、投资人、第三方支付四个主体，以及每个主题需要完成的任务、任务之间的联系和先后顺序。

2、任务流程图

泳道图一般是从战略上分析整个业务流程，让你对公司所做的业务有个大概的了解，而任务流程图就是在你的产品操作上，用户通过什么样的操作来完成它的目标，比如你去银行ATM机器上取钱，你是如何一步步操作把钱取出来的，这里以p2p理财产品购买为例，来说明购买的任务流程图。

画流程图的时候注意主要流程和异常流程，在这个例子中，主要流程就是购买流程、异常流程就是没有设置交易密码、用户忘记交易密码、以及超过重试次数这些流程，画流程图的时候先画主要的流程，然后再把异常额流程考虑上，查漏补缺，保证不遗漏，产品的逻辑漏洞多半是由于异常情况没有考虑清楚，画流程图可以有效的帮助你梳理逻辑。

3、页面流程图

如果说业务流程图帮助你梳理战略，任务流程图帮助你梳理用户操作行为（主要给程序员看）、页面跳转流程在帮助你梳理各个页面之间的跳转关系（主要给UI和前端程序员看）这是一个逐步从整体到局部，从后端到前端的过程。

所有的产品都是由页面组成的，不论是APP、PC、H5都是由一个个页面组成的，页面流程图描述完成一个任务需要经过哪些步骤，你在画图的时候只需要清晰的表现出用户点击页面的什么地方，然后跳转到那个页面。主要由页面、行动点、连接线组成，下面以用户购买理财产品举例。

页面流程一般只考虑正常的操作流程就行，对于异常的操作流程在正常流程的旁边画出，例如：上面的正常页面跳转是用户购买这个流程，异常页面跳转流程是在购买界面金额不足的时候点击去充值流程，

四、要求和规范

1 流程图绘制基本要求

总体而言，流程图绘制的基本要求包括以下几点：
（1）直观易懂：使用的元素要尽可能地少，表达的信息要尽可能地清晰。
（2）布局清晰：要从上至下、从左至右进行绘图，确保脉络清晰，避免流线交叉。
（3）逻辑完整：不要遗漏重要的流程，同时对有描述的流程必须要完整。
（4）用户视角：流程图要能够反映用户的真实需求，同时能够符合用户的操作习惯。

2 流程图绘制规范要点

那么，我们再来看流程图绘制的一些规范要点，这里面我找了网上的一些资源，讲到了相关要点，一并分享给大家。
首先，要遵循从上至下、从左至右的流向顺序。其次，对进程符号不做逻辑校验。第三，是对相同流程图采用一致的符号和大小。四是要尽可能地引用流程，而不是重复绘制。五是对于路径符号，应避免相互交叉。六是对于同一路径，箭头只能有一个。

在进行流程图的绘制过程中，要有一条明晰的流程主线，从而使得流程图脉络更加清晰。通常来讲，流程图要以开始任务为起点，完成任务为终点。要按照常规情况顺利完成任务的动作序列构成主流程。非顺利流转或用于处理异常的动作序列构成辅助流程。

必备画图技能：流程图相关推荐

程序员必备画图技能之——流程图
作为一个程序员,经常需要画流程图来展示系统的运行流程或者是来表述某些业务的业务逻辑.可以说画流程图已经是程序员必须掌握的一个技能了.本文就从什么是流程图.流程图的适用场景以及怎么画好一个流程图这几个方 ...
[UML] 流程图介绍 —— 程序员（灵魂画手）必备画图技能之一
统一建模语言(Unified Modeling Language,UML) 可分类成: 功能模型:从用户的角度展示系统的功能,包括用例图. 对象模型:采用对象,属性,操作,关联等概念展示系统的结构和基 ...
机械动作时序图怎么画_程序员必备画图技能之——时序图
什么是时序图时序图(Sequence Diagram),又名序列图.循序图,是一种UML交互图.它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作. 使用场景时序图的使用场景非常广泛, ...
[UML] 类图介绍 —— 程序员（灵魂画手）必备画图技能之一
统一建模语言(Unified Modeling Language,UML) 可分类成: 功能模型:从用户的角度展示系统的功能,包括用例图. 对象模型:采用对象,属性,操作,关联等概念展示系统的结构和基 ...
Python必备基本技能——命令行参数args详解
Python必备基本技能--命令行参数args详解 1. 效果图 2. 源码 2.1 简单命令行参数 2.1 轮廓检测源代码参考这篇博客将介绍一项开发人员.工程师和计算机科学家必备的技能--命令行 ...
WEB开发者应该有哪些必备的技能？
WEB开发者应该有哪些必备的技能? WEB开发本身涵盖了许多领域的许多技术,那么,有哪些是WEB开发者必备的技能呢?这是一个 Quora 上用户提出的问题,其中Ellyse Taylor的回答获得了1 ...
Java架构师必备框架技能核心笔记，附相关架构及资料
技术焦虑现在的技术圈子很火热,任何技术点,任何知识,只要你肯搜索,都能找到资料.但是现在技术圈确实有一个不好的地方,就是贩卖焦虑.这种贩卖焦虑的点并不在于形式,而是一种普遍的心态.特别是对于那种知识 ...
php需要什么技能,PHP初学者必备的技能
PHP初学者必备的技能初学PHP时,不要好高骛远,脚踏实地的把LNMP搞熟练,打好基础再往更高的层次发展.下面是小编分享的PHP初学者必备的技能,欢迎大家参考! 1.Linux 基本命令.操作.启动 ...
互联网大厂、架构设计、稳定性、高可用、必备知识点技能，进大厂必备！！快来瞧瞧吧
互联网大厂.架构设计.稳定性.高可用.必备知识点&技能,进大厂必备!!快来瞧瞧吧复盘,赋能,沉淀,倒逼,落地,串联,协同,反哺,兼容包装,重组,履约,响应,量化,发力,布局,联动,细分梳 ...

必备画图技能：流程图

目录