网站内容与功能设计(持续不断的损害网站可用性的网页设计错误是什么？)

　　网站内容与功能设计(持续不断的损害网站可用性的网页设计错误是什么？)

　　摘要：*敏*感*词*可用性研究揭示了当今最常见和最具破坏性的网页设计错误。它们并不令人惊讶或新颖，但会继续破坏 网站 的可用性。

　　自 1996 年以来，我们一直在总结网页设计中的十大问题。今年，我们与来自美国和英国的 215 名参与者完成了一项*敏*感*词*的可用性研究，以了解当今的网页设计错误是什么。在分析了从小型本地企业到*敏*感*词*所、非营利组织到全球组织的 43 个网站的结果后，我们确定了对用户造成伤害的 10 个最常见和破坏性的网页设计错误。（通过伤害他们的用户，这些设计缺陷肯定会损害网站的业务指标）

　　这不再是什么大新闻，今天最重要的问题没有一个是新的或令人惊讶的。网页设计已经走过了漫长的道路。然而，这些一贯的问题仍然有现代设计模式和审美变化，但潜在的用户需求保持不变。用户仍然需要查找信息，能够阅读它，并知道点击什么以及它在哪里。

　　1.意外的内容位置

　　人们使用它们来查找任何信息。网站 提供的许多类别名称不完整，不能完整或准确地描述内容。其他安排以公司为准，并非用户对内容的想法。当网站结构不符合用户信息组织的心智模型时，人们就找不到自己需要的东西。

　　让用户参与创建您的 网站 结构。一些可用性工作（例如卡片分类、决策树或可用性测试）可以在创建对用户有意义的 网站 结构方面发挥重要作用。

　　：旧手机交易信息在现有客户下，但用户在智能手机下查找。2. 冲突的连接和导航分类

　　当用户不能清楚地区分相似的导航类别或链接时，他们很难找到合适的内容路径。类别和链接名称本身需要有自己的含义，还应该与网站上的其他选项结合使用。如果多个部分或页面可以满足特定的信息需求，则用户必须探索每条路径或尝试做出最佳猜测。或者他们可能会转向搜索甚至离开网站。

　　BAM建设用户网站想了解建设项目的详细信息，但不确定信息是属于我们、公司业务还是公司技术。大部分从我们的产品开始，但本节收录组织向客户提供的工作类型的概述，而不是项目详细信息。项目信息和案例研究是我们的技术特点。

　　卡片分类和可用性测试有助于避免类别名称重叠。链接过于相似的问题通常源于糟糕的内容策略。这些问题的两个可能原因是：

　　3.信息岛

　　一些站点的信息是零散的，分散在站点上，它们之间几乎没有联系。

　　当用户发现一个没有相关信息的信息孤岛时，他们没有理由相信网站的另一个区域提供了补充材料。如果用户需要更多信息，他们会去竞争对手的网站 或搜索谷歌。

　　尝试重新访问信息的用户最终可能会进入网站的完全不同的区域，对内容的看法与第一次体验不同。一起发现不连贯信息的信息片段。无论哪种方式，他们都给 网站 留下了负面印象。

　　从组织的角度来看，这不仅是用户体验的失败，也是内容管理的噩梦：网站某个区域的信息可能与网站中的信息重复、不同，甚至矛盾。其他地方。

　　一种解决方案是在提供相关信息的页面之间添加相关链接。更好的解决方案是考虑信息为什么会分散在网站中，选择合适的时间，选择最佳位置。网站的其他区域可以参考主题内容的位置，而不是复制信息。

　　4.重复链接

　　即使用户已经在网站 中知道他们需要的信息的位置，他们仍然可能会受到意外或冗长的工作流程的阻碍。

　　Web 团队经常询问获取内容需要多少次点击。No magic number（无幻数）——点击质量远比其数量重要。当用户点击页面时，他们应该更接近信息目标。用户在选择他们想到的东西时需要反复点击，这会一次又一次地激怒客户，使他们做出不必要的努力。

　　团队建设页面有时闭门造车，因此不考虑创建内容的过程。创建新的

　　考虑用户如何到达那里并考虑页面上是否有更直接的路径。

　　纽约市政府网站：让用户感到沮丧的是，当他们点击“Find a Firehouse”链接时，只能点击下一页拼写不同的链接。

　　这种偏见也解释了为什么人们会忠于某些产品、服务、网站 或其他工具。我们将冒险使用其他可能更好的方法，并且我们可能会继续使用我们已经尝试过并且可靠的工具。

　　5.隐藏费用和价格

　　人们想在流程开始之前或之后了解价格、订阅费、*敏*感*词*和附加费用。在一些网站 中，用户执行复杂的操作只是为了查找基本信息。例如，他们必须尝试在 AARP网站 上购买会员，以便了解会员费用。用户应该能够在执行复杂操作之前找到这些信息。

　　6. 小网站 滞留用户

　　为某些或特殊内容单独创建的网页和子页面需要与 网站 上的这些用户一起谨慎处理。在我们的许多研究中，当参与者没有主动跳转到新站点或子站点，然后努力返回父站点时，站点没有提供返回选项。有些人可以通过多次使用浏览器的“后退”按钮或重新输入网站的URL来导航到父站点，但很多人甚至没有注意到他们切换了站点（因为父站点和子站点的外观）感觉很相似）并想知道为什么他们以前使用的导航消失了。

　　在创建单独的子项 网站 之前，您需要三思。确保用户可以根据需要轻松导航回父站点。

　　英国红十字会的主网站（-上）及其培训网站（英国（-下））看起来非常相似，使用相同的LOGO链接到每个网站各自的主页，以及相同的第一个导航类别（我们做什么）。寻找急救课程的用户被引导到培训网站 并试图返回主站点7. 糟糕的搜索结果

　　当用户确切地知道他们在寻找什么时，用户将选择搜索作为最后的手段。无论如何，该站点需要通过提供强大的搜索结果来支持用户。

　　不幸的是，网站 搜索功能仍然是许多网站 的主要弱点。某些网站的搜索结果与用户的查询不匹配。另外，部分搜索结果只展示了网站的部分内容，并不会向用户清晰展示全部搜索内容。搜索结果有不完整的名称或无用的摘要，这会使用户不由自主地猜测链接背后的内容。散落在网站搜索结果中的广告也会给用户带来惊喜。这些广告会让他们头也不回地离开网站。

　　定期查看搜索日志，了解更多用户的搜索行为和搜索引擎的成败。使用网站 内容标签和网站 搜索工具的功能，例如“最佳匹配”，为特定查询搜索最合适的结果。

　　8.不完善的过滤器和功能模块

　　功能模块和过滤器通常会改善用户体验。使用它们，用户可以将搜索范围缩小到他们需要的资源、产品或内容。但是，简单地添加功能模块和过滤器并不能保证更好的可用性。这些工具需要支持真实的用户和真实的用户需求。

　　功能模块和过滤器定义了用户的搜索范围，不同的过滤条件也可以在不同的地方为用户提供不同的帮助。例如，如果员工专注于上周二的“关于可持续发展”PPT 演示，他们可以按文档类型和日期缩小搜索范围，也可以通过搜索主题来查找内容。电商客户网站可能想通过鞋跟的高度来缩小购买范围，而购买*敏*感*词*。

　　当 网站 尝试采用几乎一刀切的方法时，网站 使用的“方面”和过滤器将有缺陷。相同的标准和特征可能不适用于所有内容类型。小心将用户的选择限制为两个之一或接近两个之一。买家具的人可能是在找蓝色的椅子，或者是在找蓝色以外的任何颜色的椅子（个人理解：前者是一个明确的目标，我想要一把蓝色的椅子；后者是我想要一把椅子，但没有考虑颜色，同时我不喜欢蓝色）。这两种需求都应该得到支持。

　　内容标注必须正确可靠，以便用户在搜索时获得相关结果。例如，在美国退休人员协会上，用户在搜索鸡肉食谱时会感到困惑，前六名搜索结果中没有一个收录鸡肉。

　　：用户很难找到价格低于 50 英镑的蓝牙音箱。用户无法通过网站的过滤器搜索到符合其价格要求的产品。相反，他们必须搜索几个价格范围选项。用户必须一次只选择一个价格范围（例如，40£-50£ 和 30£-40£），然后记住每个范围内他们想要的产品。9.大量信息压给用户

　　模糊的信息会使用户难以找到他们需要的信息。密密麻麻的“文字墙”让人很难找到有趣的信息。信息过多的页面充满了争夺用户注意力的内容。

　　请记住，用户习惯于扫描网页而不是阅读网页。您可以安排 Web 内容，以便用户可以轻松获取他们感兴趣的信息：使用简短的句子和段落、项目列表、标题和粗体关键字。

　　一个狭窄的区域被分成几个长段，让用户难以看清关键点，也无法分辨耳机的特性。10.隐藏链接

　　多年来，我们的可用性研究表明，用户倾向于忽略或忽略看起来像广告或放置在通常放置广告的页面上的内容。这个问题仍然存在，当内容与实际广告一起列出时，情况会变得更糟。

　　网站 的设计者有时认为在链接中添加更多的设计元素，例如边框、背景颜色或图形，会使链接脱颖而出。但结果通常是相反的：链接的设计越奇特，用户就越会误认为是广告。

　　Pitfield London 在网页右侧的菜单信息中放置了营业时间和链接，下方放置了一个咖啡杯的动态图片和一些给其他网站 的广告图片。由于这些广告的位置和展示方式，用户很难在此页面上找到咖啡菜单。这个网站也用了类似的设计，画了一条横幅，引导用户前往Pitfield London。已经取得进展：需要进一步发展。

　　我们可以有把握地假设没有人会着手创建一个设计糟糕的 网站。如果这些问题已经众所周知多年，为什么它们仍然存在？这个问题有很多可能的答案，它可能会填满一本书。其中一些错误可能反映了更深层次的、特定于组织的用户体验策略的失败。例如：

　　这些问题背后的原因并不比解决它们更重要。通过网站开发过程中的用户研究和可用性测试，并关注研究结果，上面列出的许多错误（如果不是全部）可以很容易地识别出来。

　　网站 永远不会完美。没有 网站 是完美的。总有一个表格字段要修改，另一个内容要编辑，还有一个导航类别要确定。但是了解需要解决的问题对于朝着正确的方向前进至关重要。

　　在进行用户研究时，坚持以前的发现。当设计偏好在 5 年后发生变化时，那些旧的发现可能会阻止您第二次、第三次或第四次犯同样的错误。

　　词汇表：

　　1、 Facets/分面导航：也称为多维导航，它分析一系列内容，然后根据条件排除不相关的内容，留下我们想要的内容。

　　（译者注：a.想了解更多可以点这里；b.文章使用facets，但是作者提供的链接使用了faceted导航，所以两者应该指的是同一个东西）。