UX设计中的用户流程：如何提升你的电商网站？

有时用户在网站上寻找目标内容时会走一些弯路。你可能认为自己的电商网站布局直观易懂，但实际跟踪访客的浏览行为会发现一些你意想不到的障碍和死胡同。

用户流程能够追踪用户行为，并绘制出用户在网站上完成重要任务时所走的路径。这些分析工具帮助用户体验（UX）设计师在前端构思界面结构，在后端则帮助质量测试人员改进现有设计。

在这篇深度解析中，你将了解用户流程如何从用户视角可视化导航过程，以及这些工具如何帮助用户体验设计师打造更直观的界面。

什么是用户流程？

用户流程以可视化方式展示用户在浏览网站或使用应用时完成任务所经历的步骤，通常以流程图或示意图的形式呈现。

用户流程帮助产品经理、开发人员和用户体验设计师了解用户在执行关键操作时浏览网站或移动应用的难易程度。这样，他们就能在网站上线前设计出更高效的产品来提升用户体验。

用户流程的工作原理

每个流程图或用户流程图都显示从起始点到终点的路径，用户在终点完成特定任务或最终操作。用户流程图中的路径可能会变得复杂，因为决策会分支到不同方向。这将它们与更细化的“任务流程”图表区分开来。

假设客户想要注册免费试用或浏览你的产品目录并购买商品。用户流程帮助你为每一类潜在客户创建易用、直观的路径。

用户流程专注于用户在完成特定流程时的目标。他们不会总是以相同方式行动，很可能会沿着不同路径朝着用户目标前进。如果你的用户流程能够涵盖各种场景，包含所有不同的入口点和分支，就能确保你的网站或应用给人感觉像开放式布局，而不是迷宫。

用户流程的优势

一旦掌握了用户流程，你就能优化网站或应用。投入时间和精力后，收益将非常丰厚。

更好地理解用户行为

用户流程让你更清楚地了解用户如何真正与你的网站或移动应用互动。你不再从内部人员的角度看待流程，而是学会从用户的视角来观察。了解客户在导航步骤和决策中的思考过程，将帮助你识别如何改进导航体验。

让界面更加直观

用户流程描述了在网站页面或应用屏幕间的移动过程。你会看到界面在哪里成为瓶颈——产生混乱和挫败感，降低用户参与度。你也会发现界面在哪里创造了通向任务完成的自然流程。

与利益相关者分享清晰的产品故事

用户流程是你可以与客户和利益相关者分享的具体交付成果，用来传达特定设计变更的必要性。引人入胜且有效的设计故事让你更容易获得多方利益相关者的认同。

用户流程 vs. 用户旅程 vs. 任务流程

用户流程和用户旅程的概念相关，但并不完全相同。用户体验的范围可以涵盖不同层次的流程。用户旅程映射采用广角视角看待用户体验设计，而任务流程则对特定任务采取最细化的视角。用户流程介于两者之间。

用户旅程

用户旅程，通常称为客户旅程地图，是全方位的。客户旅程地图描绘用户从任何渠道或接触点的体验——不同利益相关者与公司可能发生的所有互动。

用户流程

如果说客户旅程是整部电影，那么用户流程就是故事中的一个场景。用户流程与用户旅程并不冲突——它们相辅相成。用户流程专注于用户在网站或应用上完成特定目标时经历的决策过程，而客户旅程地图将所有这些用户流程整合在一起——讲述用户体验的全貌故事。用户旅程是用户体验的宏观视角，而用户流程是不同用户体验场景的微观世界。

任务流程

在用户体验流程类型的层次结构中，任务流程比用户流程更细化——也更简单、更线性。它们不包含分支逻辑，只是一系列步骤来描述在网站或应用上如何完成特定任务。换句话说，任务流程创建用户流程，用户流程进而创建整个用户旅程。

何时在用户体验设计过程中创建用户流程？

时间和预算紧张的开发人员可能认为可以跳过用户流程。这是不明智的。你不会在没有故事板的情况下导演电影，也不会在没有食谱的情况下做饭。同样，每当有新功能或重大界面变更时，你都应该创建用户流程。

有许多工具可用于设计用户流程。寻找包含图表功能、可定制形状和图标、版本控制、评论和反馈等协作功能，以及简单拖放界面的工具。

用户流程在设计过程的多个阶段都很有用，包括：

• 研究和规划。 在用户研究的早期设计阶段，基本流程让你能够为不同用户类型和行为倾向头脑风暴和尝试各种使用场景。它可以由基本流程图组成。

• 开发。 这个阶段需要更精确详细的用户流程。你需要更多细节来协助开发原型和线框图，为网站层次结构和逻辑流程制作蓝图。

• 测试。 在用户测试阶段，用户流程捕获不同用户与网站或应用的互动。它们还有助于识别关键可用性问题和影响客户参与度的痛点。

• 改进。 谷歌分析（Google Analytics）用户流程报告将帮助你识别用户在网站上采取的常见路径。你可以确定每个步骤的客户流量，并检查多个入口点、常见用户体验流程和退出点。一旦更好地了解用户旅程，用户体验设计过程就可以相应调整。

用户流程示例

让我们以一个假设的电商客户为例，可视化他们的用户流程。首先，你网站的旅程地图为相关客户类型列出潜在入口点。思考不同类型的客户可能如何从各种流量来源进入。入口点可能来自直接流量、自然搜索或点击社交媒体链接。

假设客户的入口点是首页。从那里，客户有多种选择。他们可以跳转到产品搜索、浏览产品目录、了解公司的更多信息，或使用联系页面。

假设客户决定搜索产品，浏览结果页面，使用多面搜索选项进行筛选，并找到他们可能想要购买的产品。用户流程会描绘这些操作。接下来是结账流程。客户查看购物车中的所有商品，编辑数量、配送信息、付款信息，并完成交易。

在用户流程中绘制购物序列时，我们看到至少涉及七个不同的网页：首页、搜索结果页、产品页、购物车、客户登录/注册页、结账页、确认付款页和付款完成页。对于从起点到终点的每个步骤，用户流程图都会显示选项并绘制线条来映射路径。