[Sdo分享会]单线流程思想 流程设计实战技巧总结
- 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" 流程
