用户流程：它们是什么以及为什么它们在 UX 设计中很重要1 min read

伟大的UX不是从像素开始的。首先要了解用户想要做什么、他们在哪里进入产品、他们需要做出哪些决定以及什么途径可以让他们获得成功的结果。

这条路径称为 用户流量。

用户流程是一个人通过应用程序、网站或特定任务所采取的步骤的可视化地图。它可以显示完整的产品体验，例如加入 SaaS 应用程序，也可以显示较小的流程，例如注册、预订演示、订阅新闻通讯或完成结帐。

对于 UX 设计师、产品团队和创始人来说，用户流程是在致力于详细屏幕之前设计更好界面的最简单方法之一。它们可以帮助您了解用户可能会感到困惑的地方、流程中的步骤过多以及您实际需要设计的屏幕。

在本指南中，我们将解释什么是用户流、如何阅读它们、何时创建它们以及它们如何支持更好的 UX 设计。

尝试使用人工智能设计用户流程

描述您想要设计的用户流程，然后让 Anima 将其转换为 UX、屏幕和代码。

什么是用户流量？

一个 用户流量 是一个图表，显示用户在产品内完成目标所采取的路径。在 UX 设计中，该产品通常是应用程序、网站、网络应用程序或数字服务。

用户流从入口点开始，例如主页、登陆页面、搜索结果、电子邮件链接、登录屏幕或购物车。它以最终交互结束，例如创建帐户、完成购买、提交表单、发布项目或到达确认页面。

用户流可以代表：

• 完整的产品旅程，例如发现、注册和使用新应用程序
• 单个任务，例如重置密码或升级计划
• 功能流程，例如创建项目、邀请队友或导出设计
• 用户界面流程，显示屏幕如何在产品内部连接

目标很简单：在详细设计界面之前先明确用户的路径。

基本用户流程结构示例

用户流程与用户界面流程

条款 用户流量 和 用户界面流程 密切相关。

用户流程关注用户实现目标的路径。它回答如下问题：

• 用户从哪里开始？
• 他们试图完成什么行动？
• 他们一路上做出了什么决定？
• 如果他们成功、失败或采取不同的路线，会发生什么？

用户界面流程更具体地关注屏幕、状态、按钮、表单和界面元素如何连接。它回答如下问题：

• 此屏幕之后是哪一个屏幕？
• 当用户单击此按钮时会发生什么？
• 这个错误状态会导致哪里？
• 用户提交表单后会看到什么？

在实践中，UX团队经常将两者一起使用。用户流定义了路径。用户界面流程使该路径在产品 UI 内具体化。

如何读取用户流程

用户流程列出了用户从入口点到最终交互所采取的步骤。每个步骤通常由一个形状（也称为节点）表示。节点通过显示移动方向的箭头连接。

大多数用户流程图使用简单的视觉语言：

• 圆形或椭圆形： 起点或终点
• 长方形： 屏幕、页面或操作
• 钻石： 决策点，例如是/否、成功/失败或选择路径
• 箭： 步之间的移动方向

用户流程组件解释

例如，一个简单的注册用户流程可能如下所示：

1. 用户登陆主页
2. 用户点击“免费开始”
3. 用户输入电子邮件和密码
4. 系统检查邮箱是否有效
5. 用户确认账户
6. 用户到达登录屏幕
7. 用户完成设置
8. 用户登陆仪表板

这种用户流程示例可以帮助团队在设计每个屏幕之前了解体验。

用户流程示例

当您将用户流程与实际产品任务联系起来时，用户流程将变得更容易理解。以下是 UX 团队在产品规划期间创建的一些常见用户流程示例。

注册用户流程

注册用户流程映射了新访客如何成为注册用户。

1. 访问登陆页面
2. 点击注册 CTA
3. 选择注册方式
4. 输入帐户详细信息
5. 验证电子邮件
6. 完成入职
7. 到达产品仪表板

此流程有助于团队减少第一次体验中的摩擦。如果注册步骤太多、表单字段不明确或验证状态令人困惑，用户可能会在看到产品之前就放弃了。

结帐用户流程

结帐用户流程映射了用户如何从产品兴趣转向购买。

1. 查看产品或定价页面
2. 添加项目或选择计划
3. 查看购物车或计划详细信息
4. 输入付款信息
5. 确认购买
6. 到达成功页面或收据

此流程对于电子商务、SaaS 和订阅产品尤其重要，因为每一个额外的步骤都会影响转化。

登录和密码重置用户流程

登录流程映射了回访用户如何访问其帐户，包括边缘情况。

1. 打开登录页面
2. 输入凭据
3. 系统验证输入
4. 用户登录成功或看到错误
5. 如果需要，用户开始密码重置
6. 用户确认电子邮件
7. 用户设置新密码
8. 用户返回产品

登录过程的用户流程示例（任务流程）

入职用户流程

入职用户流程映射了新用户如何达到他们的第一个成功的产品时刻。

1. 创建账户
2. 回答设置问题
3. 选择模板或起点
4. 完成第一个动作
5. 查看成功状态
6. 继续进入产品

对于人工智能产品、设计工具和生产力应用程序来说，入门流程至关重要，因为用户需要快速了解下一步该做什么。

何时创建用户流

在设计过程的早期创建用户流程，最好是在初始用户研究之后和高保真 UI 设计之前。

在此阶段，用户流程可以帮助您：

• 决定需要存在哪些屏幕
• 删除不必要的步骤
• 识别令人困惑的决策点
• 围绕产品结构调整团队
• 计划 原型 快点
• 避免为破碎的路径设计抛光屏幕

用户流在产品生命周期的后期也很有用。如果现有界面表现不佳，用户流程可以帮助您诊断人们在哪里放弃、循环或无法完成关键任务。

换句话说，用户流量不仅仅针对新产品。它们对于改进现有产品也很有用。

用户流在 UX 设计中的作用

用户流程是 UX 设计的核心部分，因为它将用户目标与产品结构联系起来。在担心间距、排版、视觉层次结构或组件之前，您需要了解用户想要实现的目标以及产品如何帮助他们实现目标。

用户流帮助 UX 团队完成三件重要的事情。

1.创建更直观的界面

清晰的用户流程使最终界面更易于理解。

在设计之前绘制流程时，您可以及早发现摩擦。也许用户必须在获得足够的信息之前做出决定。也许表格出现得太早了。也许缺少确认步骤。也许有三个屏幕，一个就足够了。

如果流程混乱，界面也可能会混乱。

2. 评估现有接口

用户流是优化现有产品的好方法，这些产品可能无法按预期进行转换或保留。如果用户没有转换、激活或完成重要任务，请绘制当前流程。

您可能会发现用户被发送到错误的屏幕，要求提供太多信息，或者被迫通过与他们的意图不符的路径。

3. 向团队成员和利益相关者传达您的策略

用户流非常适合协作。它们为设计师、开发人员、产品经理、决策者和利益相关者提供了共享的体验地图。

设计人员可以使用流程来规划屏幕。开发人员可以使用它来理解状态和边缘情况。产品经理可以用它来澄清需求。在团队投资详细设计或实施之前，利益相关者可以使用它来审查体验的逻辑。

用户流程还可以帮助开发人员了解整体情况 最终原型背后的结构，这使得 不可触摸 更有效率。

用户旅程与用户流量

用户旅程和用户流经常被混淆，但它们不是一回事。

一个 用户旅程 讲述用户与产品关系的更广泛的故事。它通常包括产品使用之前、期间和之后的用户目标、情感、动机、痛点和接触点。

一个 用户流量 关注用户在产品内完成特定目标所采取的路径。

主要差异

两者都有用。该旅程可以帮助您了解用户的背景。该流程可帮助您设计通过界面的实际路径。

如何创建用户流程

您可以使用白板、设计工具、图表工具或 AI 设计工具创建用户流程。格式比路径的清晰度更重要。

1. 定义用户目标

从用户想要完成的操作开始。

• 创建一个帐户
• 购买产品
• 预订演示
• 发布网站
• 邀请队友
• 将设计导出为代码

用户流程应围绕特定目标而不是模糊的产品领域构建。

2.选择切入点

决定用户从哪里开始。示例包括主页、定价页面、搜索结果、电子邮件活动、应用程序仪表板、通知或共享链接。

不同的入口点可以创建不同的流。返回的用户和​​首次访问者可能不需要相同的路径。

3.绘制幸福路径

幸福之路是从开始到结束最简单的成功路线。

1. 用户打开定价页面
2. 用户选择计划
3. 用户创建帐户
4. 用户输入付款详细信息
5. 用户确认购买
6. 用户登陆成功页面

这为您提供了基线体验。

4. 添加决策和边缘案例

真正的用户并不总是遵循完美的路径。添加决策点，例如：

• 用户是否已有帐户？
• 表格有效吗？
• 付款成功了吗？
• 用户选择按月计费还是按年计费？
• 用户是否有权继续？
• 如果用户取消会发生什么？

这些分支将简单的路径转变为真正的 UX 设计用户流程。

5.简化流程

一旦绘制了流量图，就可以寻找摩擦力。

• 我们可以删除一个步骤吗？
• 我们可以组合屏幕吗？
• 我们索取信息是否太早了？
• 下一步行动是否显而易见？
• 有死胡同吗？
• 错误状态是否清晰？
• 用户总是知道发生了什么吗？

最好的用户流程感觉很明显，因为复杂性已经在幕后得到解决。

用户流程简述

用户流程是产品设计的结构图。它们展示了用户如何通过应用程序、网站或任务从入口点到最终交互。

强大的用户流量：

• 从明确的用户目标开始
• 显示用户的入口点
• 映射路径中的步骤、屏幕和决策
• 包括重要的边缘情况
• 帮助团队在详细 UI 设计之前识别摩擦
• 使设计师、开发人员、项目经理和利益相关者的交接变得更容易

对于UX团队来说，用户流程是将用户研究转化为界面结构的最实用的工具之一。它们可以帮助您有目的地进行设计，而不是逐屏猜测。

常见问题解答：用户流程

什么是用户流量？

用户流是显示用户通过应用程序、网站或产品任务所采取的路径的图表。它们通常从入口点开始，例如主页或登录屏幕，并在用户完成目标时结束，例如注册、购买或提交表单。

UX设计中的用户流程是什么？

在 UX 设计中，用户流程映射了用户为完成目标而采取的步骤、屏幕、决策和操作。 UX 团队在创建高保真屏幕之前，使用用户流程来规划产品结构、减少摩擦并设计更清晰的界面。

用户流程和用户旅程有什么区别？

用户旅程展示了更广泛的体验，包括用户动机、情感、痛点和接触点。用户流程关注用户在产品内完成任务所采取的特定路径。

什么是用户界面流程？

用户界面流程显示屏幕、UI 状态、按钮、表单和交互如何在产品内部连接。它与用户流程密切相关，但它更具体地关注界面级路径。

什么时候应该创建用户流？

在初始用户研究之后和详细的 UI 设计之前创建用户流程。您还可以稍后创建用户流来审核现有产品、诊断流失情况或提高转化率。

用户流程的示例有哪些？

常见的用户流程示例包括注册流程、结账流程、入职流程、登录流程、密码重置流程、预订流程、升级流程和邀请队友流程。

为什么用户流量很重要？

用户流程帮助团队在投资详细设计或开发之前了解用户如何浏览产品。它们揭示了流程早期的摩擦、缺失的步骤、混乱的决策和不必要的复杂性。

如何让用户产生流量？

从用户目标开始，选择入口点，绘制快乐路径，添加决策和边缘情况，然后简化路径。使用圆形或椭圆形作为起点和终点，使用矩形作为屏幕或操作，使用菱形作为决策，使用箭头来显示方向。

尝试 Anima Playground 的用户流程和 UX 设计

Anima Playground 让您从产品创意到 UX 流程、设计和浏览器中的工作代码。描述您想要构建的体验，使用人工智能对其进行完善，并将结果转化为真正的交互式产品。

使用 Anima Playground 开始设计。