怎样画好流程图？

在产品设计时，总会遇到流程复杂的系统或者需求。这个时候，就需要我们借助流程图来梳理整个流程，更好地辅助设计和表达。

我在日常中使用的流程图主要有三类：泳道图、操作流程图和页面流程图。

在一个流程中，如果有不同的操作对象且他们之间是有交互的，这个时候画泳道图是整理业务流程的好方法。泳道图适用于流程需要在不同的操作对象之间流转的情况，这个时候把不同的对象放在不同的泳道，把流程画出来，可以很好地发现不同系统之间的交互点，方便表达。

泳道图.png

操作流程图适用于单个对象在业务操作过程中的一个个独立的步骤，首先对于步骤进行拆分再去设计页面，更方便从一个宏观层面去思考，能够很好地达到从大到小的方式。

操作流程图.png

页面流程图则主要针对于具体页面的跳转逻辑，比如针对一个实际功能的页面跳转。页面流程图可以有几个不同的表达方式，如果是重流程的需求，可以画控件流程图；如果是重页面本身，则可以直接通过页面的跳转关系去实现。

页面流程图.png

画流程图，主要的阅读对象是产品经理自己和设计、开发人员。最重要的考虑到页面的异常和分支流程，比如返回和报错。同时，需要从用户视角出发，因为流程图的制作就是为了更好地服务业务需要。

一般画流程图，直接用axure就够了，现在也有像 processon（http://test.processon.com/diagrams）
这样的web应用，可以直接在线上画图，也很好用。

接到一个比较复杂的需求后，一开始先把脑图和流程图画出来，对于需求的理解就会清晰很多，这个时候再画页面流程图，就要靠谱多了。