三种常见「产品流程图」是如何思考与绘制出来的？

沿用这个栗子，说说操作流程。

操作流程，顾名思义，就是用户对产品的一个操作流程，这个流程是为了完成某个任务。比如成功下单，比如登陆注册，比如退款等等。我又很简单的画了下面的图，这就是“用户下单”的操作流程。

他完全是以一个用户的操作角度来写，你也可以去画一下系统后台某种操作流程等等，他并不限于所谓的消费者用户。在初画操作流程的时候，不要早早的去过分在意细节与逆流程，逆流程便是那些需要判断是否的那个“否”的流程。第一次我往往都会用最理想的状态，将流程跑通，再去思考这里面会不会有那些“如果……不……”的细节。

最后是页面流程图

他算是比较好理解的了，这个流程我通常会在完成原型图完成后来制作，通常会用Axure来绘制，再加上一些文字上的注解。业务流程与操作流程都在他之上完成，当建立起来操作流程，页面跳转的流程也就跃然纸上了，只是在做某些交互行为时要多加注意页面之间的逻辑、层级关系，做到跳转不歧义。

比如前几天我一个上了些年纪的亲戚来请教我手机网购的事情，我一步步教他如何选商品、注册、下单、支付，当订单提交后，页面定格在了。“恭喜您，下单成功”页面中，并给了一个查看订单和联系客服的按钮。他问我：“下一步怎么办，我还想买别的”。

这是页面跳转流程的问题呢？或是叫他用户体验，交互问题都可吧。已经完成购物的用户，真的在那一刻想看“订单详情”吗？还是引导他去买更多的东西？这便是页面跳转引导流程上的思考了。

透过上面的案例，不难看出流程实际上就是“开始，结束，行动，状态与判断”的组合。一切流程都有启示的位置与结束的位置，我们在其中行动（与之交互），有时候一个行动我们需要判断是否要做，做完了又会变成一种什么状态。如此反复，就形成了所谓的流程。

认识了概念，看过了示例，如果你已经跃跃欲试了。

那么我们该用什么来绘制流程呢？