1. 单线流程思想 --- 流程设计实战技巧总结 平台运营部 - 王维城（ mooqii ）

2. 目录 什么是单线流程 如何设计 "A  B" 流程 ( 基础 ) 如何设计 "A  B  C" 流程 ( 重要 ) 如何设计 "A  B/B’  C" 流程 如何设计 "A  (B  C)  D" 流程 如何设计 "A/B  C" 流程 如何设计 "A  B/C" 流程 1 2 3 4 5 6 7

3. 什么是单线流程 什么是单线流程 "A  B" 流程 "A  B/C" 流程 "A/B  C" 流程 "A  B  C" 流程 "A  B/B’  C" 流程 "A  (B  C)  D" 流程 绝对的单线流程是指：当用户进入某个流程时，只能 " 前进 " " 后退（退出） " ，而没有多余的干扰流程。 当然纯粹的遵守单线流程在实际的产品设计中没有任何意义，我们在做得更多的是让产品流程更接近单线流程。 你是在造高速公路，把用户从出发地送到目的地。 而不是把路标出来让用户自己去找。 TIPS

4. "A  B" 流程 什么是单线流程 "A  B" 流程（基础） "A  B/C" 流程 "A/B  C" 流程 "A  B  C" 流程 "A  B/B’  C" 流程 "A  (B  C)  D" 流程 最简单的 A  B 流程 复杂一些的 A  B 流程

5. "A  B" 流程 什么是单线流程 "A  B" 流程 "A  B/C" 流程 "A/B  C" 流程 "A  B  C" 流程 "A  B/B’  C" 流程 "A  (B  C)  D" 流程 A  B 流程必定是单线流程，那么我们需要注意些什么呢？ 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧

6. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 1 只采用上下结构，或者左右结构中的其中一种。并有一条对齐的视觉轴线。 TIPS2

7. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 2 如果表单太长，则需要分类 / 分段。 TIPS2

8. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 3 不要把不同类型的东西放在一起，用户会被搞晕的。 TIPS2

9. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 1 使用明确的且被用户熟知的表达方式。 TIPS2

10. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 2 什么是明确的描述？ 明确比正确更重要。 看看主流网站的描述。 TIPS2 推荐一本书

11. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 3 对非常识性的内容做必要的解释。 切记：你解释的不仅是某个名词，更是在 解释流程的其中一个部分。 TIPS2

12. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 4 不要试图让用户去解读你的流程，不要让用户去思考，别去挑战用户的逻辑能力。 TIPS2

13. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 1 即时的反馈 告诉用户在点击按钮后发生了什么 TIPS2

14. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 1 用户看到的是页面而不只是流程。 尽量做到一个页面只有一个展开的流程。 相关流程可以折叠起来，或者用 tab 的方式排列。 TIPS2

15. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 1 可以利用的东西有很多。 颜色 / 气泡提示 /Cookies/ 后台进程 / …… 这么多技巧的背后有什么核心思想？ TIPS2

16. "A  B" 流程 "A  B" 流程 1. 清晰的布局 / 结构 2. 准确的文字描述 / 提示 3. 给用户反馈 4. 不要在同一个页面里面展开多个流程 5. 高级技巧 TIPS 2 跟着用户的 " 行为 / 心理 " 过程去设计流程。 你的目的是让用户走完流程，而不只是告诉用户你能做什么。 TIPS2

17. "A  B/C" 流程 什么是单线流程 "A  B" 流程 "A  B/C" 流程 "A/B  C" 流程 "A  B  C" 流程 "A  B/B’  C" 流程 "A  (B  C)  D" 流程 抓住主流需求，有偏重的选择其中一个流程作为主流程。

18. "A/B  C" 流程 什么是单线流程 "A  B" 流程 "A  B/C" 流程 "A/B  C" 流程 "A  B  C" 流程 "A  B/B’  C" 流程 "A  (B  C)  D" 流程

19. "A  B  C" 流程 什么是单线流程 "A  B" 流程 "A  B/C" 流程 "A/B  C" 流程 "A  B  C" 流程 ( 重要 ) "A  B/B’  C" 流程 "A  (B  C)  D" 流程 TIPS 1 让用户知道接下来的步骤。知道现在在哪个步骤。 别让用户迷失，不知所措。 TIPS 2 极致得关注转化率问题。 诱敌深入，步步为营，最终得手。 TIPS 3 检验一下流程的设置是否合理。 别让用户付出了感情却没有回报，最终受伤的是我们自己。

20. "A  B/B’  C" 流程 什么是单线流程 "A  B" 流程 "A  B/C" 流程 "A/B  C" 流程 "A  B  C" 流程 "A  B/B’  C" 流程 "A  (B  C)  D" 流程

21. "A  (B  C)  D" 流程 什么是单线流程 "A  B" 流程 "A  B/C" 流程 "A/B  C" 流程 "A  B  C" 流程 "A  B/B’  C" 流程 "A  (B  C)  D" 流程

22. 小结 做完一个流程后，不妨问问自己： 在这个流程中用户是不是任由你摆布？ 当用户操作到某一步的时候，你能够预测到用户下一步会做什么？ 面向用户，并引导用户 面向对象，并设置标准，但并不是每个用户都熟悉对象并了解标准

23. THANK YOU