在我学习交互设计的时候，一些图表的定义开始困扰我，到底什么是用户流程图？😕当我开始搜索用户流程图时接着又出现了任务流程图，用户旅程图等一堆图表🤷。下面就用户流程图（User Flow）进行了整理，基本上可以解决有关的所有问题。

如果有什么问题欢迎指正！😉

什么是用户流程图？

用户流程是用户（为了达成某个目标）浏览网站或应用程序的路径。该路径分为一系列步骤，用户从入口点开始，通过转化渠道进入最终操作。

📖用户流程图的示例

1.电子商务网站的购买流程的典型示例如下：

2.用户从首页开始；

3.用户可以从主页导航到产品类别。

4.在产品类别页面中，用户选择特定项目并导航至项目详细信息页面；

5.在项目详细信息页面上，用户将项目添加到购物车并导航到购物车页面；

6.从购物车页面，用户导航到结帐；

7.用户在结帐页面上完成购买并看到确认页面。

上面的用户流程示例就是我们所说的“happy path”，即成功的用户流程的简化版本。在现实生活中，可能会有很多替代途径——用户通常希望比较不同的产品，阅读有关交付的信息等等。因此，用户流程通常被做为流程图，其中包含许多节点，用于用户可能采用的各种路径。

📚用户流程图的特征与几种类型

1.使用与软工相同的语言，可以很好的与开发对接

矩形：代表步骤

菱形：条件语句

圆角矩形：开始/结束

2.当用户流程很复杂时，可以使用泳道图，前台和后台相配合一起写流程

3.融入界面的流程

在有界面之后可以更加清晰直观的表现用户流程，而文字的形式可以帮助设计者快速进行各种流程的尝试。

📑使用用户流程图时应该考虑的事项

用户目标和业务目标是设计用户流时需要考虑的两个最重要的事项。

建立用户流的过程始于了解用户的需求和期望。这种理解将帮助产品团队设计满足这些需求的流程。业务目标是您希望用户采取的行动。业务目标可能是使用户注册某些东西，购买产品或加入电子邮件列表。从用户目标开始，并将其与业务目标相匹配。

其他基本问题：

用户想要完成什么？

用户需要什么信息？

哪些障碍可能会阻止用户实现目标？

要回答这些问题，您需要进行用户研究。与现有或潜在用户进行的一系列访谈将帮助您找到问题的答案。

📒用户流程图的价值

1.UX/UI设计时帮助团队创建直观的界面

2.评估现有界面，确定产品的完整或部分体验的可能性

3.是与开发交流的有效工具

😕关于User Flow的困惑

1.为什么会看到不同种类的User Flow?

因为团队间合作的需要和制定规范的差异，使得各种形式出现

当第三种也就是采用界面形式的Wire Flow绘制线User Flow的时候线框的保真度可能不同，所以我们看到的也不同。

2.对于各种图的类型是否有确定的划分？

答案是没有。只要可以让开发和一起设计的成员看懂，能够顺利进行下一步即可。

3.要细分到什么程度？

创意初期可以很简单，随着项目的深入和迭代会逐渐复杂。时刻记住你的图是给谁看的，能够传递意思即可。

4.Task Flow 与 User Flow 的区别在与Task Flow专注于某一个任务，没有分支。

图片来源：

https://xd.adobe.com/ideas/process/user-research/user-journey-vs-user-flow/

https://blog.prototypr.io/ux-flows-and-why-theyre-so-confusing-26670b9089d4