如何制作用户流程图

用户流程图对于掌握用户体验是必不可少的。 它们使您可以了解用户如何与您的应用程序或网站进行交互，以及他们为完成任务或在您的网站上实现目标所采取的步骤。 这将帮助您为用户创造卓越的用户体验并更有效地满足他们的需求。

在本指南中，我们将了解用户流程图在 UX 设计中扮演的重要角色、如何制作用户流程图以及您应该牢记的最佳实践。 我们还为您提供了一些方便的模板，您可以在整个设计用户流程的过程中使用这些模板。

什么是用户流程图

用户流可以用多种方式解释。 它可以被视为描述用户可以在您的产品中导航的位置的概述。 它也可能意味着用户完成任务所采用的路径的实际质量和体验。

或者它可以表示用户完成任务所采取的实际步骤顺序。 流程图可用于可视化用户在使用您的解决方案（即网站或应用程序）时采取的这些路线。

这种有助于直观地跟踪用户操作和程序界面之间交互步骤的工具称为用户流程图或用户流程图。

它们有助于制定用户在与系统交互时应采取的逻辑路径，并描述系统功能、潜在用户操作和相关后果之间的关系。

根据您所处的设计过程的阶段，用户流程图可以有不同的外观。如果您已经为您的应用程序或网站制作了线框，您可以使用它们来创建您的流程图。 这样的线框图流程图称为 Wireflows。

用户流程图也称为交互流、活动流、用户界面流、导航流或任务流图。

用户流程图符号如下

请参阅此资源以了解更多在创建用户流程图时可能有用的流程图符号。

用户流程图的重要性

• 当您想根据用户的目标了解您的设计时，用户流程图会派上用场。
• 它们可用于在用户浏览您的网站页面或通过您的应用程序中的操作时传达预期的用户流
• 工程师、设计师和架构师可以使用它们来了解系统设计的复杂性、范围和路径，并识别其中的差距、依赖关系和缺陷。

如何制作用户流程图

废话不多说，让我们讨论如何制作用户流程图。

第 1 步：了解客户旅程

用户流程基于用户所做的事情——因此了解他们是谁、他们的动机、需求和行为对于制作有效的用户流程图至关重要。

这似乎是一个额外的步骤，但进行适当的用户研究和设计用户角色将帮助您创建更顺畅的用户流程。

我们已经在之前的文章中介绍了如何创建用户角色，请参考它以了解如何通过几个简单的步骤创建买家角色。 或者，如果您已经熟悉该过程，请从这里开始使用模板。

创建客户档案后，您离了解用户旅程更近了一步。

您可以在此处使用客户旅程地图来正确分析客户在与您的业务互动（即访问您的网站）时的行为、感受和期望、各种接触点和痛点。

我们还介绍了通过 6 个简单步骤创建客户旅程地图的过程。 一定要检查一下。

一旦您了解了用户的旅程，创建用户流程的其余步骤将变得更加容易。

第 2 步：确定您的目标和用户的目标

下一步是了解您的业务目标以及用户的目标。

您可能已经知道您的业务目标； 例如，增加您网站的转化率，促进产品销售等。这通常是您希望用户采取的行动的最终结果。

另一方面，用户的目标包括他们想要满足的愿望和需求。 不同的用户也可能有不同的目标。 这就是您之前创建的用户角色和客户旅程图将帮助您弄清楚它们是什么的地方。

第 3 步：确定您的用户来自哪里

如果您正在设计一个网站，您可能想知道您的客户来自哪里，或者换句话说，入口点是什么。 这些通常包括，

• 直接流量
• 自然搜索
• 社交媒体
• 付费广告
• 电子邮件
• 推荐网站
• 新闻或新闻项目

您可以使用 Google 分析来获取这些入口点的百分比。 它们还可以指示不同的用户行为。

例如，直接访问者会搜索您的品牌名称，而自然搜索访问者会先用 Google 搜索他们想要的产品，然后再发现您是合适的卖家。

重要的是要根据不同的入口点来绘制这些不同的用户流。 这是为用户开发更好体验的关键。

第 4 步：确定访客需要的信息

为了设计最佳的用户流程，您需要站在客户的立场上。

这意味着要深入了解他们的需求和动机。 所以你需要知道他们有什么问题，他们的疑虑、犹豫，他们对产品有什么疑问，以及他们寻求什么答案。

由于您已经创建了买家角色和旅程图，因此此步骤更容易完成。

第 5 步：可视化您的用户流

到目前为止，您已经了解了您正在为其创建用户流的用户、他们的目标是什么以及他们来自哪里。 下一步是创建用户流。

想想您的用户在访问您网站上的特定页面之前和之后做了什么。 他们看到了什么，他们采取了什么行动来实现他们的目标。 这将帮助您确定需要创建的页面、需要提供的信息/内容以及它们应该如何相互连接。

注意每个任务的开始和结束。 这可能会根据不同用户的目标而改变。

过滤掉必要的信息后，使用用户流程图将其可视化。

第 6 步：制作流程原型

您可以使用低保真原型（线框或 UI 模型）来测试上一步中概述的用户流程。 原型有助于为流程添加更多细节，并帮助您了解用户操作和内容之间的流程。

它还将帮助您验证您的产品是根据您和您的用户的目标设计的。

第 7 步：审查、改进和测试

您可以与利益相关者共享您的用户流程图，并讨论需要在哪里进行调整。

一旦高保真原型准备就绪，您还可以与实际用户一起进行测试。

通过这种方式，您可以收集用户流程每个步骤的数据，并了解您的用户如何浏览您的产品。 然后，您可以在最终产品发布之前确定需要改进的领域并应用解决方案。

要牢记的最佳实践

坚持以下最佳实践，以确保您创建的用户流程图实际上可以有效地帮助您。

• 始终给您的用户流程图起一个描述其用途的名称。 这将有助于任何引用它的人理解它的基础。
• 画流程图时要坚持一个方向。 由于图表描绘了一个故事，因此当地图朝一个方向流动时，它有助于更​​好地阅读和理解它。
• 限制决策点的数量以使其整洁/不那么复杂。
• 确保用户流程图的范围涵盖用户的单个任务或单个目标。 如果用户流程只涵盖了一半的任务，或者制定了涵盖多个用户目标的步骤，那么它将无法达到其目的。
• 确保只添加必要的信息，并避免任何其他无助于描述用户流程和操作的细节。
• 使用像 Creately 这样的数字流程图工具来加快流程。 此外，它还允许您获取其他人的意见，并将您的工作保存在一个地方和云中，这将使您能够在任何地方参考和处理它。 此外，它的无限画布区域将帮助您节省空间； 否则，它可能会占据您会议室的几面墙！

用户流程图模板

准备好制作自己的用户流程图了吗？

用户流是设计师工具包中的一个强大工具。 它们使设计师更容易看到全局——他们需要创建哪些页面以及应该如何连接它们。 我们几乎涵盖了制作用户流程图所需的所有知识——包括您可以立即开始使用的模板。

现在我们想知道您对用户流程图的看法？ 在下面的评论部分输入。