新手产品如何画流程图？

关于流程图常见符号意义的整理以及画流程图的注意事项，结合实际项目中流程图的一些分享。

一、流程图定义

流程图（Flowchart）：使用图形表示算法的思路是一种极好的方法，因为千言万语不如一张图。在产品/UE/UX/UI日常的工作中通过流程图可以很好的梳理思路，清楚工作流程，方便团结的开发协作。

流程图是由一些图框和流程线组成的，其中图框表示各种操作的类型，图框中的文字和符号表示操作的内容，流程线表示操作的先后次序。

二、流程图图形

为便于识别，绘制流程图的习惯做法是：

1、一般用椭圆或者圆角矩形表示“开始”与“结束”；

2、矩形表示行动方案、普通工作环节用；

3、菱形表示问题判断或判定（审核/审批/评审）环节；

4、用平行四边形表示输入输出；

5、箭头代表工作流方向。

下图是在实际工作中的部分流程图：

三、流程图绘制注意事项

1、一幅完整的流程图，必须包含唯一一个“开始”和唯一一个“结束”。

2、流程箭头不能回调，所有执行不得回退前一步骤。如果有需要，可以在添加适当判断，然后重新调用某一步骤。

3、对于菱形判断框，必须包括两个及以上的条件走向注释（条件写在箭头线上），对应执行结果。

4、流程图可以很长，也可以有多个异常处理，但整体必须是从上而下的、清晰的。

5、如果逻辑功能比较繁多，必要时可以分开绘制（整体的）功能设计流程图和（子功能）执行流程图。

6、过程中是否存在某些环节，删掉它们后能够降低成本或减少时间？

7、还有其他更有效的方式构造流程吗？

8、整个过程是否因为过时而需要重新设计？

四、流程图基本结构

流程图的基本结构分为：顺序结构，条件结构（又称选择结构），循环结构，分支结构。

1、顺序结构的程序设计是最简单的，只要按照解决问题的顺序写出相应的语句就行，它的执行顺序是自上而下，依次执行。

2、条件结构是高中数学中学习的算法中的一种基本逻辑结构。在一个算法中，经常会遇到一些条件的判断，算法的流程根据条件是否成立有不同的流向，条件结构就是处理这种过程的结构。

3、循环结构是指在程序中需要反复执行某个功能而设置的一种程序结构。

它由循环体中的条件，判断继续执行某个功能还是退出循环。根据判断条件,循环结构又可细分为以下两种形式:先判断后执行的循环结构和先执行后判断的循环结构。

五、流程图类型

流程图类型分为：文件流程图、数据流程图、系统流程图、程序流程图。

1、文件流程图表能反映企业组织的正式通 信网络的概括情况，确定与经济业务有关的 部门、个人和外界单位，制定与该项经济业 务有关的文件或其他重要通信方式。编制图 表的依据是所取得的真实资料。

通过编制文件流程图，可综合审查系统文件汇编的资 料，从中找出薄弱环节。如哪些程序需要控 制，内部控制制度和职责的分工是否完善和 明确，哪些环节效率低，是否缺乏必要的信 息联系或文件流转过于复杂等。文件流程图 通常也用于系统的设计过程，包括在一个信 息系统的文件汇编之内。

2、数据流程图表示求解某一问题的数据通路，同时规定了处理的主要阶段和所用的各种数据媒体。

数据流程图包括：

a、指明数据存在的数据符号，这些数据符号也可指明该数据所使用的媒体；

b、指明对数据执行的处理的处理符号，这些符号也可指明该处理所用到的机器功能；

c、指明几个处理和（或）数据媒体之间的数据流的流线符号；

d、便于读写数据流程图的特殊符号。

3、系统流程图表示系统的操作控制和数据流。

系统流程图包括：

a、指明数据存在的数据符号，这些数据符号也可指明该数据所使用的媒体；

b、定义要执行的逻辑路径以及指明对数据执行的操作的处理符号；

c、指明各处理和（或）数据媒体间数据流的流线符号；

d、便于读写系统流程图的特殊符号。

4、程序网络图表示程序激活路径和程序与相关数据的相互作用。在系统流程图中，一个程序可能在多个控制流中出现；但在程序网络图中，每个程序仅出现一次。

程序网络图包括：

a、指明数据存在的数据符号；

b、指明对数据执行的操作的处理符号；

c、表明各处理的激活和处理与数据间流向的流线符号；

d、便于读写程序网络图的特殊符号。

总结：

在日常工作中，一般在需求确定之后，会通过画流程图来进一步梳理操作流程，探讨在功能或者结构上是否有问题，并且可以通过流程图一目了然的看到流程是否有错误或者遗漏，为原型图绘制和程序进行开发提供方便，更好的去完成产品的输出。在实际工作中，有的时候某些项目可能会由于时间的关系，领导在给出文字需求以后就会让先画原型图，就算是在画完原型图之后，自己再梳理流程图的时候，可能也会发现有不明确或者没考虑到的地方，这时候就可以及时完善。

本文由 @忻芸。未经许可，禁止转载。