J04-任务流程图

定义

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

为什么做

1. 对多入口多细节多判断流程进行细化，保证严谨性，防止遗漏
2. 条理清晰，直观易懂，帮助程序员理解业务逻辑

怎么做

流程实际上就是“开始，结束，步骤，状态与判断”的组合。

任务流程图

1. 枚举所有操作步骤及涉及关键状态
2. 按顺序排列
3. 画成流程图

操作流程图范例

以上我目前正在做的一款【微考勤】产品的登录流程图，它的主要功能是通过微信扫码打卡，然后查看打卡记录。

它完全是以一个用户的操作角度来写，你也可以去画一下系统后台某种操作流程等等，它并不限于所谓的消费者用户。

在初画操作流程的时候，不要早早的去过分在意细节与逆流程，逆流程便是那些需要判断是否的那个“否”的流程。第一次我往往都会用最理想的状态，将流程跑通，再去思考这里面会不会有那些“如果……不……”的细节。

注意事项：任务流程的闭环

所谓的任务流程的闭环，简单的说就是有始有终，不要中途中断后无路可走。一个严谨的流程，一定是可以形成闭环的。

自查时，多问自己几个问题：

1. 有始有终。要让用户一眼就看到开始在哪，结束在哪，上图不是一个良好示范，没标示结束。
2. 输入：已经标示所有的入口了吗？有没有其他入口？
3. 输出：是否已标示所有判断，如果不成功怎么办，异常流程通常被忽略，造成使用不畅。理论上所有的动作都有正反馈与负反馈。
4. 然后呢？用户可以怎么做？特别是给出负面反馈的时候，除了提示异常，更重要的是告诉用户接下来可以怎么做，否则用户会无所适从。如上图的注册失败后怎么办，不是用的微信扫一扫怎么办？

很明显上面第一版流程图并不是一个形成闭环了的流程图，重新绘制如下：

关于任务流程图的闭环，下面这篇文章有另一个角度的论述：
交互设计流程的“闭环”问题