1996,我们一直在编制Web设计中十大错误的列表。今年,我们在美国和英国的215名与会者完成了大规模的可用性研究,以了解今天的网络设计错误是什么。在分析43个网站的结果,这些网站范围从小型当地企业到娱乐网站到非营利组织到全球组织,我们确定了10个最常见和最有害的网络设计错误,这些错误损害了我们的用户。(并且通过伤害他们的用户,这些设计缺陷绝对也伤害了网站的商业指标。)

大新闻?今天的首要问题没有一个是新的或令人惊讶的.网页设计已经走过了很长的一段路。但这些持续存在的问题仍然存在。现代的设计模式和美学改变了,但潜在的用户需求保持不变。用户仍然需要找到信息,能够阅读它,知道点击什么,它指向哪里。

你的网站犯了多少错误?

1.意外的内容位置

人们无法使用他们找不到的信息。许多网站提供可怜的类别名称不充分或准确地描述其中内容的内容。其他人是根据公司的方式排列 - 而不是用户 - 考虑内容。当网站结构与用户不匹配时思想模型在如何组织信息的问题上,人们无法找到他们需要的东西。

让用户参与创建网站结构。一点可用性工作例如卡片排序、树测试或可用性测试可以在创建对用户有意义的站点结构方面发挥很大作用。

Att.com:有关旧手机交易的信息现有客户,但用户在下面搜索智能手机

2.竞争链接和类别

当用户无法清楚地区分类似的导航类别或链接时,他们努力找到内容的正确路径。类别和链接名称需要有自己的意义,但也要与网站上的其他选项相结合。如果多个部分或页面可以满足特定的信息需求,用户必须探索每个部分或做出最佳猜测。或者,他们可能转向搜索,甚至离开该网站。

BAM建筑网站上的用户希望有关建筑项目的详细信息,但不确定信息是否会下降我们是谁,我们所做的我们是如何做到的.最初开始我们所做的但是,该部分包含了为客户提供的组织类型的工作类型,而不是项目详细信息。项目信息和案例研究我们是如何做到的

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

  • 不良标签:链接导致不同的内容,但由于某种原因,他们有类似的标签。如果是这种情况,请尝试重命名您的链接以将它们彼此区分。
  • 差的内容差异化:如果链接指向具有高度相关信息的不同页面,解决方案可能不是重命名链接,而是重新组织和合并内容。

3.岛屿的信息

有些网站提供少量信息散落在网站周围,它们之间几乎没有连接

当用户发现一个没有其他相关信息链接的信息孤岛时,他们没有理由认为该网站的另一个区域提供了补充材料。如果人们需要更多的信息,他们可能会去竞争对手的网站或谷歌获取信息。

试图重新审视信息的用户可能最终在网站的完全不同的区域中,内容的视图不同于第一体验。那些确实定位脱节信息的人留在一起。无论哪种方式,它们都留下了该网站的负面印象。

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

一个解决方案是添加相关链接在提供相关信息的页面之间。一个更好的解决方案是考虑为什么信息分散在整个站点,适当地合并它,并为它选择最佳位置。站点的其他区域可以引用关于该主题的内容的主要位置,而不是复制信息。

4.重复链接

即使用户可以根据他们的信息需求确定正确的站点位置,他们仍然可能会受到意外或冗长的工作流程的阻碍。

网络团队通常会询问点击多少次才能访问内容。有没有魔术号码这个点击的质量更重要比数量. 用户在点击页面时应该更接近信息目标。重复的点击迫使人们一次又一次地选择他们想要的东西,这会激怒用户并要求他们花费不必要的精力。

团队有时孤立地构建页面,不要考虑到他们创建的内容的路线。在创建新页面时,请查看用户如何到达那里,并查看是否有更直接的路径。

NYC.gov:当用户选择标签链接时,他们会感到沮丧找到一个消防站只需选择拼写不同的找个火灾链接在下一页。

5.隐性费用和价格

人们想要了解价格、订阅费、便利费和流程开始前或开始时的附加费。在一些网站上,用户必须通过复杂的交互来查找基本信息——例如,他们必须开始在AARP网站上购买会员资格,以了解会员费用。用户应该能够在提交到复杂流程之前找到信息。

6.在微站点上滞留用户

为部分或特定类型的内容创建单独的,辅助站点的站点需要对搁浅用户在这些网站上进行谨慎。我们的许多学习参与者都搬到了一个新的网站或子部分而不实现它,然后努力回到主基地因为子网站没有提供返回选项。有些人能够通过反复使用浏览器的导航到父站点后退按钮或重新输入网站的URL,但许多人甚至没有注意到他们已经切换了站点(因为父站点和子站点的外观和感觉相似),并想知道为什么他们以前使用的导航消失了。

在创建单独的子网站之前,请仔细考虑。如果您确实构建了一个,请确保用户可以轻松地导航回父站点根据需要。

英国红十字会的主网站(www.redcross.org.uk -顶部截图)和它的培训子网站(英国(www.redcrossfirstaidtraining.co.uk -底部)看起来非常相似,使用相同的标志链接到每个网站各自的主页,以及相同的第一个导航类别(我们所做的)。正在寻找急救课程的用户被转移到培训现场,当他们试图返回主站点时,他们迷失了方向。

7.糟糕的搜索结果

用户选择搜索是出于偏好,作为最后的手段,或者当他们确切知道他们要找什么时。在任何情况下,网站都需要通过提供强大的搜索结果来支持用户。

很遗憾,网站搜索仍然是许多网站的主要弱点.一些网站返回的结果与用户的查询不匹配。另一些人只搜索网站的部分内容,但没有明确地向用户透露。如果搜索结果的名字很糟糕,或者伴随着无用的摘要,人们就会猜测链接后面的内容。散布在网站搜索结果中的广告会让用户感到惊讶,并引导他们离开网站。

定期查看搜索日志,了解用户的搜索行为和搜索引擎的成功和失败。使用内容标签和网站搜索工具的功能,例如最佳猜测, 到促进最合适的结果为特定的查询。

8.有缺陷的过滤器和facet

方面和滤波器一般提高用户体验。用户可以将其搜索缩小到所需的确切资源,产品或内容。然而,简单地添加facet和过滤器并不能确保更好的可用性.这些工具需要支持真正的用户和真正的用户需求。

方面和滤波器定义搜索空间对于用户来说,不同的标准在不同的上下文中会有所帮助。那些特别关注上周二关于可持续发展的ppt演示的员工,可以通过缩小文档类型和日期以及主题来获益。一个电子商务网站可能想让买鞋的人根据鞋跟高度缩小尺寸,买外套的人根据温暖程度缩小尺寸。

当网站尝试“一刀切”的方法时,会产生有缺陷的方面和过滤器。相同的标准和特征可能不适用于所有内容类型。同时,在限制用户的选择时也要谨慎使用非此即彼的方法。家具购物者可能会寻找蓝色的椅子,或者是除蓝色以外的任何颜色的椅子。这两种需要都应该得到支持。

必须正确可靠地标记内容,才能产生相关结果。例如,在AARP网站上,寻找鸡肉食谱的用户非常困惑,因为前10名结果中有6个没有包括鸡肉。

Maplin.com:用户无法从Maplin轻松找到价格低于50英镑的蓝牙扬声器。无法使用网站的过滤器查看所有符合其价格标准的项目;相反,他们必须对几个价格子范围分别进行查询。用户必须一次选择一个价格范围(如40-50英镑和30-40英镑),然后记住每个范围内有哪些商品。

9.用信息压倒用户

组织不良的信息让用户很难找到他们需要的东西。密密麻麻的文本墙使扫描感兴趣的信息变得困难。过载的页面中充满了争夺用户注意力的项目。

记住那个用户扫描,没有阅读,在线.通过为网络写作,让用户更容易地挑选出感兴趣的信息:使用短句和段落、项目符号列表、标题和粗体关键字。

Headphone.com产品描述Shure SRH440 Studio耳机提供了高质量的内容,但信息的长度和呈现方式(狭窄的栏目中有几个很长的段落)使人们很难扫描出重要的、有区别的耳机特征。

10.隐藏的链接

多年来,我们的可用性研究表明,用户经常忽略或忽略这些内容就像广告或者放置在通常用于广告的页面位置。当与实际广告一起列出内容时,此问题仍然存在,更糟糕。

站点设计人员有时认为添加更多的设计元素,例如边框,背景颜色或图形到链接将使它脱颖而出。结果通常是相反的:围绕链接的设计,越多的用户可能会误认为是广告。

Pitfield London在页面的右栏中包含了有关营业时间的信息和一个到菜单的链接,上面是一个咖啡杯的动画图像和一栏通向其他网站的广告。由于café菜单的位置和显示方式,这个页面上的用户很难找到它。该网站也使用了类似横幅的设计皮特菲尔德伦敦新闻

已取得进展:有待取得进展

我们可以放心地假设,没有人打算创建一个设计糟糕的网站。如果这些问题已经众所周知很多年了,为什么还要持续下去?这个问题的潜在答案可能会占据一本书的篇幅。其中一些错误可能反映了更深层次的、特定于组织的用户体验策略失败。例如:

  • 网站信息层次结构的问题可能与组织结构或公司的内部政策有关。
  • 当不同部门在没有意识到彼此的情况下创建内容,也没有遵循总体内容策略时,就会出现内容问题。
  • 糟糕的搜索结果可能源于糟糕的内容管理系统、有缺陷或缺少的内容标签,或者是糟糕的搜索工具。

这些问题背后的原因不如修复它们。通过包括用户的研究和可用性测试,可以轻松识别上面列出的许多情况,如果上面列出的错误在网站开发过程中,注意研究的结果。

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

在做用户研究时,坚持旧的发现。5年后,随着设计偏好的改变,这些旧的发现可能会让你不再犯第二次、第三次或第四次与可用性相关的关键错误。

更多有关如何制作为您的用户和您的业务工作的网站的网站网页用户体验设计信息架构