单线流程思想 --- 流程设计实战技巧总结

平台运营部 - 王维城（mooqii）

目录

1 什么是单线流程

2 如何设计 "AB"流程 (基础 )

3

如何设计 "ABC"流程 (重要 )

4

如何设计 "AB/B’C"流程

5

如何设计 "A (BC)D"流程

6

如何设计 "A/BC"流程

7

如何设计 "AB/C"流程

什么是单线流程

什么是单线流程"AB"流程

"AB/C"流程

"A/BC"流程

"ABC"流程

"AB/B’C"流程

"A (BC)D"流程

绝对的单线流程是指：当用户进入某个流程时，只能 "前进 " "后退（退出） " ，而没有多余的干扰流程。

当然纯粹的遵守单线流程在实际的产品设计中没有任何意义，我们在做得更多的是让产品流程更接近单线流程。

你是在造高速公路，把用户从出发地送到目的地。

而不是把路标出来让用户自己去找。

TIPS

"A "B 流程

什么是单线流程

"A "B 流程（基础）"AB/C"流程

"A/BC"流程

"ABC"流程

"AB/B’C"流程

"A (BC)D"流程

最简单的 AB流程

复杂一些的 AB流程

"A "B 流程

什么是单线流程

"A "B 流程"AB/C"流程

"A/BC"流程

"ABC"流程

"AB/B’C"流程

"A (BC)D"流程

AB流程必定是单线流程，那么我们需要注意些什么呢？

1.清晰的布局 /结构2.准确的文字描述 /提示3.给用户反馈4.不要在同一个页面里面展开多个流程5.高级技巧

"A "B 流程"AB"流程

1 . 清晰的布局 / 结构2.准确的文字描述 /提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 1

只采用上下结构，或者左右结构中的其中一种。并有一条对齐的视觉轴线。

TIPS2

"A "B 流程"AB"流程

1 . 清晰的布局 / 结构2.准确的文字描述 /提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 2

如果表单太长，则需要分类 /分段。

TIPS2

"A "B 流程"AB"流程

1 . 清晰的布局 / 结构2.准确的文字描述 /提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 3

不要把不同类型的东西放在一起，用户会被搞晕的。

TIPS2

"A "B 流程"AB"流程

1.清晰的布局 /结构

2 . 准确的文字描述 / 提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 1

使用明确的且被用户熟知的表达方式。

TIPS2

"A "B 流程"AB"流程

1.清晰的布局 /结构

2 . 准确的文字描述 / 提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 2

什么是明确的描述？

明确比正确更重要。

看看主流网站的描述。

TIPS2

推荐一本书

"A "B 流程"AB"流程

1.清晰的布局 /结构

2 . 准确的文字描述 / 提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 3

对非常识性的内容做必要的解释。

切记：你解释的不仅是某个名词，更是在解释流程的其中一个部分。

TIPS2

"A "B 流程"AB"流程

1.清晰的布局 /结构

2 . 准确的文字描述 / 提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 4

不要试图让用户去解读你的流程，不要让用户去思考，别去挑战用户的逻辑能力。

TIPS2

"A "B 流程"AB"流程

1.清晰的布局 /结构

2.准确的文字描述 /提示

3 . 给用户反馈4.不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 1

即时的反馈

告诉用户在点击按钮后发生了什么

TIPS2

"A "B 流程"AB"流程

1.清晰的布局 /结构

2.准确的文字描述 /提示

3.给用户反馈

4 . 不要在同一个页面里面展开多个流程

5.高级技巧

TIPS 1

用户看到的是页面而不只是流程。尽量做到一个页面只有一个展开的流程。

相关流程可以折叠起来，或者用tab的方式排列。

TIPS2

"A "B 流程"AB"流程

1.清晰的布局 /结构

2.准确的文字描述 /提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5 . 高级技巧

TIPS 1

可以利用的东西有很多。

颜色 /气泡提示 /Cookies/后台进程 / ……

这么多技巧的背后有什么核心思想？

TIPS2

"A "B 流程"AB"流程

1.清晰的布局 /结构

2.准确的文字描述 /提示

3.给用户反馈

4.不要在同一个页面里面展开多个流程

5 . 高级技巧

TIPS 2

跟着用户的 "行为/心理 "过程去设计流程。

你的目的是让用户走完流程，而不只是告诉用户你能做什么。

TIPS2

"A / "B C 流程

什么是单线流程

"AB"流程

"A / "B C 流程"A/BC"流程

"ABC"流程

"AB/B’C"流程

"A (BC)D"流程

抓住主流需求，有偏重的选择其中一个流程作为主流程。

" /A B "C 流程

什么是单线流程

"AB"流程

"AB/C"流程

" /A B "C 流程"ABC"流程

"AB/B’C"流程

"A (BC)D"流程

"AB "C 流程

什么是单线流程

"AB"流程

"AB/C"流程

"A/BC"流程

"AB "C 流程 (重要)"AB/B’C"流程

"A (BC)D"流程

TIPS 1

让用户知道接下来的步骤。知道现在在哪个步骤。

别让用户迷失，不知所措。

TIPS 2

极致得关注转化率问题。

诱敌深入，步步为营，最终得手。

TIPS 3

检验一下流程的设置是否合理。

别让用户付出了感情却没有回报，最终受伤的是我们自己。

"A / ’B B "C 流程

什么是单线流程

"AB"流程

"AB/C"流程

"A/BC"流程

"ABC"流程

"A / ’B B "C 流程"A (BC)D"流程

" A (B )C "D 流程

什么是单线流程

"AB"流程

"AB/C"流程

"A/BC"流程

"ABC"流程

"AB/B’C"流程

" A (B )C "D 流程

小结

做完一个流程后，不妨问问自己：

在这个流程中用户是不是任由你摆布？当用户操作到某一步的时候，你能够预测到用户下一步会做什么？

面向用户，并引导用户

面向对象，并设置标准，但并不是每个用户都熟悉对象并了解标准

THANK YOU