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

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