科技公司的 5 种 UX 工具 2017 年 6 月 12 日

如果您没有注意到，用户体验 (UX)正在彻底改变和定义当今商业世界中几乎每家公司的数字战略。 虽然这场革命确实席卷了几乎所有存在的行业，但特别是有一个真正将用户体验置于基座之上。 科技行业，如今“您的产品与用户体验一样好” 。

对他们的成功至关重要的是，几乎所有科技公司都加入了这股潮流，并开始不仅关注他们的网站和移动应用程序的用户体验，还关注他们的产品（尤其是他们的客户在入职流程）。

从根本上说，用户体验是关于人与技术之间的关系的。 它涵盖了用户与贵公司交互的所有方面，因此，UX 是技术行业中许多数字营销人员、开发人员和网络分析师的主要关注点。

在这篇博客中，我们将看看科技公司可能想要考虑的不同类型的 UX 工具，并包括一些实用技巧和示例。 我们特别定义了五个类别：

• 网络分析和事件跟踪工具
• 热图和点击跟踪工具
• A/B 和拆分测试工具
• 视觉反馈工具
• 样机和线框图工具

但首先，在你开始使用这些 UX 工具之前，一定要先看看这些快速提示：

• 关注用户的需求，而不是把自己的目标放在首位
• 瞄准两个 S：速度和简单性：您的设计应该让任务变得轻松
• 与您的设计和可用性保持一致
• 非常重视移动设计
• 通过获取客户的反馈来倾听您的客户

免费白皮书：基于数字反馈的个性化方法

使用在线反馈个性化数字客户体验 (CX) 的指南。

下载论文

1. 网络分析和事件跟踪工具

假设并不总是有效的，这就是为什么网络分析和事件跟踪工具是确定哪些有效哪些无效的好方法。 这些类型的工具还可以让您深入了解访问者在访问您的产品时在您的网站或移动应用程序上实际执行的操作。 通常，这些工具还会实时收集数据，让您能够立即响应他们的需求。 探索这些数据可能非常有用，因为它可以让您在实施之前快速确定特定设计更改是否有效。 然而，这些工具并没有提供很多关于为什么会发生某些事情的解释。


资料来源：Piwik

那么这些网络分析工具如何帮助科技公司呢？
这些类型的工具有助于跟踪您的网站和移动应用程序上的事件。 例如，您可以跟踪访问者在重要的在线流程（例如入职）中离开的位置，并跟踪重要事件（或转换），例如试用和注册。

这些工具还允许您查看应用程序内部并确定您的访问者是否成功地通过您的产品或服务实现了他们的目标。 让我们以 Mopinion 为例。 在 Mopinion，我们监控新用户是否能够构建自己的反馈表单并在他们的网站上实施 Mopinion 标签，以及成功收集反馈并设置和自定义他们的仪表板（例如，向他们的仪表板添加新的可视化，添加新用户， 等等）。 所有这一切都可以使用网络分析和事件跟踪工具来实现。

一些著名的网络分析工具包括：Google Analytics、Chartbeat 和 Piwik。

2. 热图和会话记录工具

热图和会话记录工具更进一步，向您展示访问者与您网站或移动应用程序的每个页面的交互方式。 但是，是什么让这两种工具与众不同？

会话记录工具使用户能够跟踪整个访问者会话，包括访问者如何在您的网站或应用程序上移动的完整记录。 使用热图工具，用户可以通过在页面级别应用热图来识别模式。 这是查看用户如何与页面交互的好方法。 例如，它显示鼠标移动的位置或访问者点击的位置（或者在移动设备的情况下，他们点击、滑动或滚动的位置）。


资料来源：点击故事

那么这些录音如何帮助科技公司呢？
正如我们在之前关于科技行业在线旅程的博客中所强调的那样，用户入职是一个关键阶段。 这是您的客户最终熟悉他注册或从您那里购买的产品的时刻。 在这些工具的帮助下，科技公司可以通过汇总所有访客手势并确定哪些区域需要返工或优化，从而更好地监控入职流程。

这个领域的常见嫌疑人是 Crazy Egg、Clicktale 和 MouseStats。

3. A/B 和拆分测试工具

A/B 测试（也称为多变量测试）和拆分测试是帮助确定网页的哪些变体在访问者中具有最高成功率的用户测试技术。

它是如何工作的？ 使用 A/B 测试工具，可以比较网页的两个版本、内容或页面上的元素。 这种形式的测试使您能够确定哪个版本与您的目标一致。 A/B 测试提供有关您的用户的实时、定量数据，并帮助您做出正确的决定。


资料来源：KissMetrics

那么 A/B 测试工具如何帮助科技公司呢？
科技行业的产品团队不断推动对其产品的小幅更新以及转换（例如试用和注册）。 然而，在实现之前，他们必须首先了解市场并充分了解客户的想法。 这种形式的测试也与“为用户服务第一”的心态密切相关，因为重点完全放在用户的偏好上。 为什么这很重要？ 科技产品的设计目的是为消费者解决问题，如果这些产品不围绕他们的需求，那么它们有什么用？

一个很好的（也是最近的）例子是社交媒体公司 LinkedIn 对其用户界面进行了重大更改。 这个巨大的改造是在经过长时间的 A/B 测试后才推出的。

一些很棒的 A/B 测试工具是 Visual Website Optimizer (VWO)、Optimizely、Kissmetrics 和 Omniconvert。

4.视觉反馈工具

营销人员和其他用户体验专家使用视觉反馈工具（也称为可用性反馈工具或注释工具）通过在用户流入时捕获用户输入来增强页面可用性。借助这些工具，您的访问者可以指向特定页面元素（包括表单、图像、按钮或段落）并提供有关这些页面元素的反馈。 选择元素后，该工具会保存带有用户反馈的屏幕截图。 这些工具非常适合新网站和应用程序。


资料来源：Helio

那么视觉反馈工具如何帮助科技公司呢？
视觉反馈工具可以帮助您的访问者指出您网站设计元素中的缺陷。 例如，假设您的访问者正在尝试学习如何使用与他/她的新智能手表同步的移动应用程序。 使用这些工具，您可以让这些访问者在页面级别查明任何摩擦点，包括无响应或令人困惑的手势、太多未使用的功能等。以下是移动 UX 设计中最常犯的错误的完整列表。

流行的视觉反馈工具包括 Usersnap、Helio 和 BugHerd。

5. 样机和线框图工具

MockUp 和 Wireframing 工具主要专注于为网站和应用程序的漏斗、登录页面等创建新设计和开发概念。 这些类型的工具还有助于在开发过程中交流想法，因为它们提供了设计的可视化表示并导致快速原型制作。


资料来源：格利菲

那么模型和线框图工具如何帮助科技公司呢？
MockUp 和 Wireframing 工具经常在科技行业中用于测试和改进软件设计。 此外，他们可以在产品开发中发挥主导作用，因为它们使用户能够使用内置的通信工具创建技术图纸并在这些项目上进行协作。

一些著名的模型和线框图工具是 MockFlow、Mockingbird 和 Gliffy。

别忘了，你需要上下文

凭借所有不同的功能和目的，很明显，这些工具都可以在跟踪和优化用户与您的品牌和用户体验的交互方面提供一些东西。 但是，无论您选择记录访问者会话、使用 Web 分析跟踪行为、使用 A/B 测试，还是上述所有方法，仍然缺少一件事，那就是上下文。 这些工具可以衡量大量用户活动，并为您提供有关客户行为和用户体验的大量见解，但它们缺乏解释。 因此，如果您正在考虑使用这些工具或已经实施它们，那么考虑在线客户反馈可能是明智之举。 捕获和分析客户反馈可以让您更深入地了解访问者为何会采取这种行为方式，这反过来又为许多数字营销人员提供了一个关键的盲点。

有关用户体验工具的完整列表，请在此处查看我们之前的比较文章。