如何为电子商务创建用户流

想象一下，您正在为您的在线商店建立一个新网站。 您进入 WordPress 之类的页面构建器并开始向页面添加部分，决定导航栏应该居中还是您的 About 剪辑应该放在首位。

或者，也许您已经有一个网站，并且您认为它可以看起来更好，所以您开始重新定位图像、文本和 CTA。

无论如何，已经犯了错误：在这两种情况下，都没有策略或用户流。 设计是随意选择的，像真正的杰克逊波洛克画一样飞溅。

不管他是否是波洛克的粉丝，他的画作从来不需要从漏斗的一个阶段引导到下一个阶段。

在新的在线购物时代，拥有一个电子商务网站至关重要——一个应用程序，可能是有益的。

但是拥有一个漂亮的网站是不够的，同样吸引大量流量是一种浪费，除非它转化（即购买您的产品）。 您需要一个旨在引导您的潜在客户实现转化的网站。

一个精心设计的网站不是从选择你最喜欢的字体和动画开始的。 它从映射您的用户流开始。

什么是用户流程图？

用户流程图（也称为用户流程图、任务流程图和用户界面流程图）展示了用户通过您的网站或应用程序完成目标或任务的路径。 通过说明用户在完成任务（如购买产品）之前从一页流到下一页所采取的步骤，您可以了解如何鼓励任务完成。

来自 UX Collective 的示例用户流程图。

用户流在 UX 设计中的作用

用户体验设计（UX 设计）是关于创建以用户为中心的设计。 通过将您的用户（即潜在客户）置于您的设计选择的中心，您可以增强他们的体验并增加他们导航到销售结束的机会。

用户流揭示了用户如何与您的产品设计进行交互，同时考虑到创建转换所需的用户操作和产品功能。

在开始设计过程之前创建用户流程图以告知您的网站需求。 策略师、设计师和 Web 开发人员使用 UX 流程来发现产品缺陷并了解项目的范围，包括页面数量、每个组件的组件以及所有项目的信息架构。

您还可以在网站开发后创建用户流，以发现需要简化和改进的区域。

来自 Creately 的示例用户流程图。

高级与详细的用户流

高级用户流程快速而简短，旨在提供对想法或流程的快速概览。

详细的用户流或任务流更有用，详细说明了完成任务所涉及的所有步骤和决策。 详细的流程图是您要创建的内容，以告知您的电子商务网站的设计和内容。

一些将用户流与任务流区分开来，因为用户流强调用户可以根据角色和入口点以不同的方式完成任务。

用户流与用户旅程

用户流程不同于概述用户对产品的端到端体验的用户旅程地图。 在流程纯粹基于操作的情况下，用户旅程会考虑用户情绪等因素。

用户旅程地图和客户旅程地图有时可以互换使用，但这仅在用户和客户是同一个人时才有效，但并非总是如此。 例如，雇主（客户）可以购买在线工具供其员工（用户）使用。

如何构建用户流程图

1. 确定图表的用途

您的用户流程图包含的内容取决于您的目标和您正在跟踪的任务。 限制每个图表的目标或任务数量； 最好一次只绘制一张图表。 查看多个可能会使图表过于复杂和拥挤，从而降低效率。

根据用户流的用途，给用户流一个清晰的标题，以供将来参考。

2. 了解你的典型用户

了解您的用户将有助于告知最有效的任务流导航以及要包含在每个页面上的内容。

进行用户研究以收集用户的：

• 目标
• 动机
• 所需功能
• 经验/知识水平
• 障碍

这些因素可能会随着购买过程中的不同受众群体和阶段而改变，但您将使用它们来确定每个网页上的内容、如何设计每个页面以及链接到哪里。

用户和业务目标应该保持一致，以便您可以设计同时满足两者的电子商务网站流程。

研究竞争对手的流程也可以提供洞察力。

3. 创建任务流键

只要您保持一致并为使用的颜色和形状提供一个关键，以便其他人可以理解它，您的任务流程图应该是什么样子没有硬性规则。

常见的用户流符号包括：

有时使用的其他形状包括三角形、倾斜的平行四边形和虚线形状（而不是实心轮廓）。 您可以随心所欲地获得特定的形状，为系统任务、输入元素或选择/点击等其他项目切换形状。

使用的任何颜色都应有助于用户流程图的含义和可读性。 考虑颜色如何帮助对物品进行分组、识别元素和揭示图案。

其他类型的用户流程图

由于用户流程图对您的网站来说是独一无二的，因此并非所有人都遵循使用形状和颜色的常见做法。

另一种用户流风格是根据计算机科学中使用的状态图建模的。 状态图的外观各不相同，但您可以将它们写成一系列带有箭头的分数来指导电子商务流程。 分数包括用户在分数线上方看到的内容以及用户在其下方执行的操作，如下所示：

还有一些以站点地图为模型的用户流。 除了采取的行动之外，他们还为用户流程中涉及的每个网页提供了这些页面上所有部分和子部分的列表。 然后，箭头或线条显示哪些页面部分和 CTA 将用户引导至流程的下一步。

来自 Behance 上 Salinthip Kaewkerd 的用户流程示例。

4. 概述您的用户流程图

确定格式后，您可以开始绘制任务流程。 从为您的特定图表选择的入口点开始，并列出入口点和任务完成之间的所有步骤。

入口点可以是引导用户访问您网站的任何来源，包括广告、社交媒体、自然搜索结果、外部链接、电子邮件活动等。 应用程序的入口点往往比网站少。

接下来的步骤（用户界面流程图的核心）将取决于您选择映射的任务。 它们可能包括登录和注册表单、产品浏览、结帐流程或入职等项目。 考虑用户如何访问每个页面、他们可能在该页面上执行的所有操作以及他们从该页面到哪里去朝着他们的目标前进。

用户流程的最后一步不应该是完成任务的用户操作，而是确认用户完成的功能。

如果您正在升级当前的电子商务网站，您可以使用 Google Analytics（分析）行为流报告来了解您的用户来自哪里、他们如何浏览您的网站以及他们从哪里退出。

在映射用户流时，您会注意到用户可以采用多种路径来完成一项任务。 分支或节点将在这些点断开以继续映射主要路径。

创建流程图时，您可以通过限制它们移动的方向数量来提高可读性。如果最终箭头指向各个方向，您的图表开始看起来更像迷宫。 有许多用户流程工具可用于创建功能图。

5. 减少流量

一旦你创建了你的用户流程图，就该拿出你的剪刀了。 此步骤涉及三个重要的编辑：

1. 删除对可视化流程不重要的信息
2. 将纯用户导航之外的详细信息移至旅程地图
3. 识别多余或不必要的步骤

最后一步不太用于可视化导航流程，而更多的是用于您正在改善其体验的用户。 用户为完成一项任务必须采取的决定和行动越多，他们这样做的可能性就越小。 尽可能简化您的用户流程，以增加转化的机会。

6. 有意图的标签

清楚地标记用户流程图的所有元素。 应该清楚每个形状、页面、部分或操作所指的内容。 如果有损含义，请避免使用速记。 完成后，让一些同事检查您的用户流，看看他们是否能解释它们。

使用数据优化您的用户流

在创建新网站或测试新设计或内容时，请考虑检查现实生活中的用户流，并将其与流程图中描绘的期望进行比较。 如果出现差异，您可以使用它们来更正流程图或编辑用户界面本身以按照您计划的方式引导用户。 几种 UX 研究方法测试用户流程，包括可用性测试、任务分析和树测试。

您还可以使用来自 Google Analytics 或研究的数据来查看可以优化用户流以增加销售额的地方。 在构建电子商务网站时，用户流与电子商务销售渠道相关联。 用户在他们进入的漏斗中越往下走是很自然的（因此是漏斗形状），但剧烈的下落点表明有待改进的地方。

通常，改进意味着优化您的用户流程，无论是通过使导航更自然、编辑设计还是添加定向副本。

业务选择也可能导致流量下降：潜在买家看到运费后跳出率的增加表明高运费可能是问题所在。

分析跳出率的步骤，并假设问题（和解决方案）可能是什么。 A/B 测试您的解决方案，直到用户流失减少并且更多用户流向下一步。

区分您的电子商务网站流程

电子商务流程图往往遵循类似的模式：从外部发现页面、进入页面、查看产品、将产品添加到购物车、结帐、接收确认。

虽然这些都是电子商务本质上涉及的步骤，但在设计用户流时，值得考虑您独特的价值主张和受众。

你能提供更多吗？ 您的用户能否从附加功能中受益？

一些电子商务商店通过包括个性化测验或试穿功能来混合用户旅程和任务流。 例如，丝芙兰的虚拟艺术家允许用户在在家购买之前模拟他们的妆容。

电子商务中另一个在设计用户流时经常被遗忘的差异化地方是售后。 确认客户购买绝不是客户旅程的结束。 现在他们必须追踪他们的包裹，焦急地等待它的到来，兴奋地拆箱并可能将其退回。 值得考虑如何通过运输、感谢页面和追加销售来改善用户体验。

在为电子商务网站和应用程序创建流程时，请记住电子商务渠道的所有阶段：

• 考虑
• 评估
• 购买
• 售后

通过高效的用户体验流程推动销售

用户体验不仅仅是用户喜欢看的漂亮设计。 它正在设计信息架构和内容，以引导潜在客户完成电子商务的转化之旅。

它是关于构建一个用户可以轻松导航的网站或应用程序，从一个阶段移动到下一个阶段，找到他们正在寻找的产品并在时机成熟时单击正确的 CTA。

在他们的入口点和销售点之间塞进太多的步骤意味着要求他们做更多的工作； 太少的步骤可能不足以解决他们的犹豫，这意味着要求他们承担更大的风险。 在网上购物时，没有人喜欢工作或冒险。

为您网站上的每项任务绘制一个高效的用户流程是发现消费者摩擦点的有效方法，因此您可以设计一种数字产品，提供更好的用户体验，从而推动销售。