第 7 条正在损害您的品牌的可用性错误

已发表: 2022-08-12

可用性是网站成功的最重要因素之一。 但它经常被忽视。 我们一次又一次地看到公司违反可用性最佳实践。

100% 的时候，它会伤害你的品牌，也会伤害你的底线。

在本文中，我们分解了七个最常见的错误，以便您知道要寻找什么，并且可以与您的用户建立善意而不是失去它。

我们与 Jason Wolter（信息架构师）和 Cynthia Stipeche（品牌体验总监）坐下来讨论这七个错误以及每个错误如何影响您的品牌。

  • 错误 #1：“汉堡菜单”
  • 错误 #2：不使用主页链接
  • 错误 #3：没有搜索功能
  • 错误#4：旋转传送带
  • 错误 #5：自动播放视频
  • 错误 #6：两列表格
  • 错误 #7：占位符文本

错误 #1：“汉堡”菜单

杰森：让我们从大炮开始。 所以最大的可能是汉堡菜单。 人们经常使用汉堡菜单，但发现率非常低。 人们并不总是看到菜单，尤其是当它是三个酒吧时。

这三个条形通常无法识别。 在我们从事的业务中，使用汉堡菜单是我们的第二天性。 但是在现场测试中，人们不知道这三个条代表什么。 它将菜单隐藏到较低可发现性的更好选项。

如果您必须使用汉堡菜单（例如，在移动设备上查看时），最佳做法是使用标有“菜单”的按钮，并在其周围有一个轮廓，以清楚地表明它是一个可点击的按钮。 但它不能替代可见导航。 理想情况下，这确实是您想要的方式。

许多机构使用它，因为它更清洁。 但人们很难看到。 可用性是关于让事情变得顺畅，让用户可以轻松地与之交互。 如果用户必须学习如何使用您的网站才能与之互动，那么他们回来的可能性有多大？

这被称为认知负荷。 你一无所获，但某人越难找到东西，或者你让他们等待一些信息的时间越长，他们最终放弃你的可能性就越大。 解决方案是创建一个适合他们的更简单的解决方案。

这是最重要的可用性错误之一； 汉堡菜单必须去！

辛西娅：我将为此提供一些背景信息。 很多人不认识汉堡菜单，测试证明了这一点。 但与此同时，这将取决于公司的受众。

例如，如果它是一个娱乐或游戏网站，并且观众偏年轻，他们可能会确切地知道这三行的含义。 测试中有最佳实践，但通常是不同年龄的。 如果您的企业有很多年轻客户，他们就会确切地知道那是什么。 目前，尤其是如果您正在做一个 B2B 网站，您可能不应该依赖那个汉堡菜单。

目标受众和角色很重要。 如果你有一个只迎合所有人的网站，那就大错特错了。 用户将在没有上下文和适合他们的信息的情况下不知所措。 您需要定义每个页面的用途。 如果没有定义，那么它的结构不正确。 如果它的结构不正确，它将无法正常运行。

当您开发角色并且他们不是基于研究时，您最终可能会设计一个让您的受众失望的网站。 观察最终用户，与最终用户交谈，与客户交谈对于可用性和通过您的网站管理您的品牌至关重要。 我们这样做。 我们做了很多客户研究的声音，以更好地了解我们的目标受众和他们的痛点。

如果您要对目标受众产生同理心，它应该植根于真实的人。 它应该植根于观察而不是假设。

错误 #2：不使用主页链接

Jason：很多网站都依赖于人们知道，如果您单击左上角的徽标或品牌徽标所在的任何位置，就会始终将您带回主页。

测试表明情况并非如此。

很多人没有意识到你能够以这种方式导航。 所以人们最终会点击浏览器中的后退按钮以尝试返回主页。 因此，在内部页面上拥有一个持久链接为用户返回该主页创造了一种清晰的方式。 很多人忽略了这一点。

Cynthia：有时我们想在内部页面上再次清楚地引入一个显示“主页”的按钮。 我认为这可以追溯到代际差异。 年轻的观众可能会期望，如果我点击徽标，它会带我回家。 但是现在，测试表明，将徽标作为导航回主页的唯一方式并不是最佳实践。

错误#3：没有搜索功能️‍️

杰森：搜索是另一回事。 有一部分用户通过搜索浏览网站。 因此，如果您没有搜索选项，或者如果您没有通过暴露的搜索栏或从导航中突出的搜索按钮来强调您的搜索选项，那么您正在疏远特定的受众。 这在具有深层架构的大型站点上尤其重要。 Search Engine Journal 的一项研究发现，接近三分之一的用户表示他们对网站上没有搜索框感到厌烦。 超过 40% 的人表示搜索框是网站上最重要的功能。

最低限度应该是一个在视觉上与您的导航不同的图标。 有一个测试，你眯着眼睛盯着屏幕中间。 您的视力变得模糊，您会寻找可以直观识别的突出物品。 如果您可以看到从导航文本中突出的搜索图标，那么这是可以接受的。 但是您可以做的最好的事情是有一个暴露的搜索栏，以便清楚从哪里开始您的查询。

Cynthia：我的另一个问题是当你在你的网站上提供搜索，然后你不给人们一种过滤搜索结果的方法。 或者即使你有搜索功能，结果页面也缺乏按文件类型过滤的能力。 当用户试图定位信息时，它会给用户带来更多的摩擦。

网站搜索功能的另一个错误是无法在结果页面上再次搜索。 我们过去做过测试，发现很多偏年轻的人没有使用主菜单来搜索网站或查找内容。 他们直接进入搜索功能。

他们不会弄乱导航并直接进行搜索。 对于通过谷歌等搜索引擎查找信息的一代人来说，如果您的搜索功能在您的网站上不起作用，您将失去它们。

错误#4：旋转传送带

Jason：自动旋转传送带——或一般的传送带——不是很有效。 人们通常会滚动过去。 所以如果你只是扫描一个页面，一个选框可能有四个关键信息，但大多数人只会看到第一个，因为他们只是要向下滚动到内容。

自动旋转木马更糟糕。 根据您在其中的内容，用户并不能真正控制他们所看到的消息。 因此，他们可能对您的一条关键消息感兴趣，然后在他们能够全部消费之前它就滑落了。 或者他们可能已经看到它并想回到它。 然后他们向上滚动，它不在那里，他们必须单击并找到它。

所以你让他们工作。 这可以追溯到认知负荷。 然后，一旦他们找到他们正在寻找的消息，他们就会在上面停留五秒钟，然后再次切换。 他们必须点击它才能返回。 那只是一团糟。

例如，如果您有五张推荐幻灯片，那么 95% 的用户只会看到第一张。 他们不会点击并尝试查看所有内容。 但这不是一个超高优先级，因此在某些情况下这是可以接受的。

真正糟糕的地方是你的选框，你有三四个主要信息和一个 CTA。 这些是您真正想要传达的关键信息，而人们永远看不到它们。 如果他们没有看到您的四个推荐中的三个，那没关系，但如果旋转的轮播让用户错过关键消息，那就不好了。

Cynthia：通常我们会避免像瘟疫这样的轮播，但很多公司仍在使用它们。 这在选取框中尤其没有意义，因为用户可能会错过重要的信息。 如果您不隐藏重要的内容，即使它位于页面顶部，它可能会更好。

有些人想把所有的东西都塞在页面的顶部，这就是他们所想的。 但是，如果信息隐藏在选框中，它就不会为您做任何事情。

错误 #5：自动播放视频

杰森：很多网站喜欢在他们的字幕中使用运动。 可能有一个视频，当他们登陆页面时，视频开始播放。 有些人不喜欢这样。 他们不喜欢这种运动，也不想看视频。

要解决此问题，您需要包含一个暂停按钮。 如果用户不想看到它，您希望拥有让用户能够将其关闭的东西。 更好的做法可能是在后面放一张图片，并真正强调播放按钮，让用户可以选择：“我想看这个视频吗？” 你不只是把它推到他们身上并让他们看到它。

即使是网站上其他区域的自动播放视频也会中断用户查找信息的流程。 因此，自动播放任何内容通常都不是一个好主意。

Cynthia：自动播放视频很糟糕。 这是一个不和谐的经历。 您不想访问网站并自动启动视频。 关闭音量播放视频会很糟糕。 更糟糕的是音量打开。 如果您想说服人们像瘟疫一样避开您的网站，请继续并放入自动播放视频。

现在，如果您确实有一段强大的视频内容，我可能会抓取该视频的一部分并创建一个被动循环。 那么它就不是那么在你的脸上和突出。 它可以在三秒左右的循环中播放，并包含一个行动号召来观看整个视频。 然后它不会震动或让你失望。 到那时，就足以诱使用户说，“我有兴趣了解更多有关这方面的信息。” 你给他们选择，所以当音频开始播放并且视频开始播放时，他们不会感到惊讶。 用户应始终处于控制之中。 人们往往不会想到这一点。

我们需要对用户有同理心。 那是什么意思？ 企业将有自己的目标。 但这不会妨碍最终用户自己的需求。 一个关键问题是“我如何在他们的经验框架内最好地提供我所提供的服务？ 因此，当您对最终用户有同理心时，请邀请他们访问该网站并了解它。 并在他们深入了解更多信息时支持他们。

那一刻，有一种善意的感觉。 如果您通过尝试为用户做最好的事情而不是直接为您的底线做最好的事情来接近您的网站，从长远来看，这将带来红利。

错误 #6：两列表格 ‍

Jason：在垂直线上设置字段而不是在页面左右的字段更有用。 人们习惯于浏览某些东西，他们希望向下移动页面。 如果您有两列，则有太多不同的选项卡模式。 他们不知道它是否会下降。 他们不知道它是否会向右转。 对应该发生的事情有一个期望，那就是向下移动。 因此，当您有多个列时，您并不总是能够满足该期望。 所以最好有一个单列，这样人们就可以在表格中向下移动。

Two-Column Form Fields

错误 #7：占位符文本

Jason：你不想使用占位符文本。 占位符可以帮助用户理解您希望放入其中的内容。 用户应该能够在没有任何类型的占位符文本的情况下分辨出该字段中的内容。

所以你希望你的标签在那个领域之外。 如果它们作为占位符在里面，当你点击它时，文本就会消失。 如果你完成任务，你可能会回来，你将不确定你正在填写哪个字段。

Best Practice for Form Fields

这也会影响屏幕阅读器的可访问性。 标签告诉使用屏幕阅读器的用户，该内容应该是什么。 如果标签是占位符且不包含在外部说明中，则可能会使人们与屏幕阅读器混淆。

最大的错误：美学优于功能

永远不要将美学置于功能之上，反之亦然。 你想要两者兼得。 如果您正在考虑实施一种设计趋势，请确保它对您的网站有意义，并且您出于正确的原因使用它。 设计元素可能看起来很酷，但对大多数用户来说是不切实际的。 所以你要确保事情是正常的。

你的品牌就是你的声誉。 如果您的网站难以使用，您可能会对其造成无法挽回的损害。