流程图是表示算法、工作流或流程的一种框图表示，它以不同类型的框代表不同种类的步骤，每两个步骤之间则以箭头连接。这种表示方法便于说明解决已知问题的方法。

流程图背后可以概括了各节点类型、其内容及其他补充用的信息。在设计或者记录一些简单的步骤或程序都会用得上流程图。与其他图表一样，这种图表可以帮助可视化发生了什么事情，从而更易去理解中间的工序。

产品设计包括业务流程图、任务流程图、页面流程图三种，以下是对任务流程图的规范梳理，刚开始接触流程图时常常会出现以下的常见错误。对其基本规范进行整理如下：

各个步骤按先后顺序执行，是最简单的基本结构

又叫分支结构，根据判定结果来控制程序的流程

在一定条件下，反复执行某一动作的流程结构；循环结构可分为直到型结构和当型结构。

执行一次循环体之后，再对条件进行判断；当条件不满足时继续执行循环体某个步骤，直到满足时停止执行。

在执行循环体前进行条件判断，当条件满足时进入循环，否则结束循环。

为了使主流程看起来更加简洁明了，可以把模块单独抽离出来，进行补充：

如果想保持流程的完整性可以先梳理主逻辑再把分支部分的异常逻辑补充完整：

先画出产品的主要核心流程，再补充异常流程，可以查缺补漏，避免以后的产品设计中出现各种产品漏洞。

形状：形状大小保持一致 文字：文字样式、字号大小保持一致

遵循从左到右、从上到下的顺序

流程图命名使用主谓结构（例如：录制流程、编辑流程、注册流程） 操作描述使用动宾结构（例如：选择输出路径、转换文件）

流程图一定要有开始，不一定要有结束： 一个开始对应一个结束 一个开始对应多个结束 一个开始没有对应结束

条件判断框的是否路径应与取决于核心流程的走向

在没有绘制流程图时，总是把重心放在产品设计和核心功能上，没有对异常逻辑进行梳理，开发过程中研发人员会出现很多疑问，此时难免要反复进行梳理，甚至会发现功能设计的缺陷。

所以，在后续的产品设计中，提前使用流程图把产品逻辑梳理完整，可以避免由于思维不严谨而出现的产品漏洞，提升项目效率，减少沟通成本。

另一个要注意的是，绘制流程图之前应该提前用草图梳理好逻辑，先主后次，并且要注意对异常逻辑的梳理。