在产品设计时,总会遇到流程复杂的系统或者需求。这个时候,就需要我们借助流程图来梳理整个流程,更好地辅助设计和表达。
我在日常中使用的流程图主要有三类:泳道图、操作流程图和页面流程图。
在一个流程中,如果有不同的操作对象且他们之间是有交互的,这个时候画泳道图是整理业务流程的好方法。泳道图适用于流程需要在不同的操作对象之间流转的情况,这个时候把不同的对象放在不同的泳道,把流程画出来,可以很好地发现不同系统之间的交互点,方便表达。
操作流程图适用于单个对象在业务操作过程中的一个个独立的步骤,首先对于步骤进行拆分再去设计页面,更方便从一个宏观层面去思考,能够很好地达到从大到小的方式。
页面流程图则主要针对于具体页面的跳转逻辑,比如针对一个实际功能的页面跳转。页面流程图可以有几个不同的表达方式,如果是重流程的需求,可以画控件流程图;如果是重页面本身,则可以直接通过页面的跳转关系去实现。
画流程图,主要的阅读对象是产品经理自己和设计、开发人员。最重要的考虑到页面的异常和分支流程,比如返回和报错。同时,需要从用户视角出发,因为流程图的制作就是为了更好地服务业务需要。
一般画流程图,直接用axure就够了,现在也有像 processon(http://test.processon.com/diagrams)
这样的web应用,可以直接在线上画图,也很好用。
接到一个比较复杂的需求后,一开始先把脑图和流程图画出来,对于需求的理解就会清晰很多,这个时候再画页面流程图,就要靠谱多了。