〔sdo分享会〕单线流程思想流程设计实战技巧总结.ppt

“A ?(B?C)?D”流程 什么是单线流程 “A?B”流程 “A?B/C”流程 “A/B?C”流程 “A?B?C”流程 “A?B/B’?C”流程 “A ? (B?C)?D”流程 小结 做完一个流程后，不妨问问自己： 在这个流程中用户是不是任由你摆布？ 当用户操作到某一步的时候，你能够预测到用户下一步会做什么？ THANK YOU 单线流程思想---流程设计实战技巧总结 平台运营部-王维城（mooqii） 目录 1 什么是单线流程 2 如何设计“A?B”流程 3 如何设计“A?B?C”流程 4 如何设计“A?B/B’?C”流程 5 如何设计“A ? (B?C)?D”流程 6 如何设计“A/B?C”流程 7 如何设计“A?B/C”流程 什么是单线流程 什么是单线流程 “A?B”流程 “A?B/C”流程 “A/B?C”流程 “A?B?C”流程 “A?B/B’?C”流程 “A ? (B?C)?D”流程 绝对的单线流程是指：当用户进入某个流程时，只能“前进” “后退（退出）” ，而没有多余的干扰流程。 当然纯粹的遵守单线流程在实际的产品设计中没有任何意义，我们在做得更多的是让产品流程更接近单线流程。 你是在造高速公路，把用户从出发地送到目的地。 而不是把路标出来让用户自己去找。 TIPS “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流程 “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.高级技巧 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 1 只采用上下结构，或者左右结构中的其中一种。并有一条对齐的视觉轴线。 TIPS2 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 2 如果表单太长，则需要分类/分段。 TIPS2 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 3 不要把不同类型的东西放在一起，用户会被搞晕的。 TIPS2 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 1 使用明确的且被用户熟知的表达方式。 TIPS2 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 2 什么是明确的描述？ 明确比正确更重要。 看看主流网站的描述。 TIPS2 推荐一本书 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 3 对非常识性的内容做必要的解释。 切记：你解释的不仅是某个名词，更是在解释流程的其中一个部分。 TIPS2 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 4 不要试图让用户去解读你的流程，不要让用户去思考，别去挑战用户的逻辑能力。 TIPS2 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 1 即时的反馈 告诉用户在点击按钮后发生了什么 TIPS2 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5.高级技巧 TIPS 1 用户看到的是页面而不只是流程。 尽量做到一个页面只有一个展开的流程。 相关流程可以折叠起来，或者用tab的方式排列。 TIPS2 “A?B”流程 “A?B”流程 1.清晰的布局/结构 2.准确的文字描述/提示 3.给用户反馈 4.不要在同一个页面里面展开多个流程 5