1996年我们整理了网页设计中十大错误的列表。今年,我们完成了一项大规模的可用性研究,美国和英国的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.有缺陷的过滤器和刻面

面和过滤器一般提高用户体验。用户可以将搜索范围缩小到他们需要的确切资源、产品或内容。然而,简单地增加面和过滤器并不能保证更好的可用性。这些工具需要支持真实的用户和真实的用户需求。

面和过滤器定义搜索空间在不同的上下文中的用户和不同的标准帮助。员工专门为在可持续发展上周二的PowerPoint演示文稿寻找可以按主题从文件类型和日期缩小受益,同时也。电子商务网站可能要允许鞋购物者鞋跟高度和外衣消费者拉近被温暖的评价收窄。

当站点试图采用“一刀切”的方法时,就会产生有缺陷的方面和过滤器。相同的标准和特征可能不适用于所有的内容类型。在将用户的选择限制为二选一的方法时也要谨慎。购买家具的顾客可能会寻找蓝色的椅子,或者其他颜色的椅子。这两种需求都应该得到支持。

内容必须被正确和可靠地标记以产生相关的结果。例如,在AARP网站上搜索鸡肉食谱的用户非常困惑,因为前10个搜索结果中有6个结果中没有鸡肉。

Maplin.com:用户很难在Maplin找到价格低于50英镑的蓝牙音箱。没有办法使用网站的过滤器来查看所有符合价格标准的商品;相反,他们必须为几个price子例程运行单独的查询。用户必须每次选择一个价格区间(比如40 - 50英镑和30 - 40英镑),然后记住每个价格区间有哪些商品可供选择。

9.信息用户陷入

组织不良的信息让用户很难找到他们需要的东西。密密麻麻的文本使人们很难找到感兴趣的信息。重载的页面充斥着争夺用户注意力的项目。

请记住,用户扫描而不是阅读,而是在线阅读。通过网络写作,让用户容易找到感兴趣的信息:使用简短的句子和段落,项目符号列表,标题和粗体关键字。

该Headphone.com产品描述Shure SRH440 Studio耳机提供了高质量的内容,但信息的长度和呈现方式(在一个狭窄的专栏中有几个很长的段落),让人很难找到耳机的重要、不同的特征。

10.隐藏链接

多年来,我们的可用性研究表明,用户经常忽略或忽略内容酷似广告这个问题仍然存在,当内容与实际广告并列时,情况会更糟。

网站设计者有时认为,添加更多的设计元素,如边框、背景颜色或图形链接会使它脱颖而出。结果通常是相反的绕着连杆设计,更多的用户可能会误以为是广告。

皮特菲尔德伦敦包括有关营业时间的信息,页面右栏有一个菜单链接,菜单上方有一个咖啡杯的动画图像,还有一栏通向其他网站的广告。这个页面上的用户很难找到cafe菜单,因为它的位置和呈现方式。该网站也使用了类似标语的设计来引导Pitfield伦敦新闻

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

我们可以放心地认为,没有人会一开始就创建一个设计糟糕的网站。如果这些问题已经广为人知多年,为什么还会持续存在?这个问题的潜在答案可能会写满一本书。其中一些错误可能反映了更深层次的、特定于组织的ux策略失败。例如:

  • 网站信息层次结构的问题可能与组织结构或公司的内部政策有关。
  • 当不同部门并没有意识到对方的,没有跟随一个总体战略的内容创建内容出现内容问题。
  • 糟糕的搜索结果可能源于糟糕的内容管理系统,有缺陷或缺失的内容标记,或者糟糕的搜索工具。

比起这些问题背后的原因,更重要的是解决它们。通过用户研究和可用性测试,我们可以很容易地发现上面列出的许多(如果不是全部)错误在网站发展过程中,注重从研究的结果。

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

在做用户研究时,要坚持旧的发现。5年后,随着设计偏好的改变,那些旧的发现可能会使您避免在第二次、第三次或第四次犯同样的与可用性相关的关键错误。

更多关于如何使一个网站,为你的用户和你的业务工作在课程上网页用户体验设计信息架构