早在1996年，我们就为该网站总结了10个错误的设计。今年，我们访问了215位英美用户，并对当代网站的错误设计进行了新一轮的大规模可用性研究。从小型本地商业网站，娱乐网站，非营利性网站，到国际组织的官方网站，通过对43个网站的分析，总结出当代网站最常见，最具破坏性的错误设计。 。这些错误设计不仅伤害了用户，还对网站的业务指标产生了负面影响。

它们都是新的吗？不，这10大错误被设计为“一切都是平常的”。网站设计多年来发展迅速，但这些错误设计早已存在。虽然当代设计模式和美学不断变化，但用户的基本需求变化不大。用户仍然需要在网站上找到他们想要的信息，阅读网站的结构，知道点击什么以及点击后去哪里。

那你的网站在设计上犯了什么错误呢？

1.内容位置不符合预期

用户无法发现的信息没有使用价值。许多网站，导航的类别字段并不为人所知，或者点击后显示的内容与类别无关。还有一些网站忽视用户的想法，并根据公司自己的想法直接构建信息。如果网站的内容结构和用户的心理模型不明确，则用户将找不到他们想要的信息。

让用户参与网站的设计。做一些简单的可用性研究，以帮助用户阅读您的网站，如卡片排序，树木测试，可用性测试。

（图1）网站ATT.COM：用户最初希望点击“SMARTPHONES”查看有关购买和销售旧手机的信息，但该网站将其置于“现有客户”之下。

2.链接/导航选项之间的边界

一旦用户无法区分两个类似的链接或导航选项，就很难找到获取信息的最佳途径。应在每个链接/每个导航选项之间，每个链接/每个导航选项与网站上的其他链接/导航选项之间定义准确和清晰的边界。如果有多个模块或页面引入相同的信息，为了验证它们的相似性和差异性，用户必须逐个确认，或者努力猜测哪个是最方便使用的。否则，用户将直接使用搜索功能，或者只是放弃您的网站。

（图2）网站BAM CONSTRUCTION：想要了解建设项目细节的用户无法判断“我们是谁”，“我们做什么”或“我们如何做”的点击。许多用户选择了“我们做什么”，但页面打开以查找公司服务类型的介绍。建设项目的细节被放在“我们如何做”中。

卡片分类和可用性测试可以帮助设计人员避免这个问题。每个链接的语义边界都是模糊的，罪魁祸首是内容策略的失败。可能有两个原因：

链接未正确命名。不同的链接应该引导用户查看不同的内容，但由于某种原因，某些链接使用语义相似的单词。在这种情况下，我们只需要重命名有问题的链接以进行完全区分。

内容区分失败。如果由多个链接打开的不同页面在内容上具有强关联并且信息重叠，则我们需要重新组织内容以突出显示每个页面的内容焦点。

3.信息孤岛

有些网站只散布了一些信息，而且信息之间没有联系。

有些用户看到这种“孤独”而无法点击的信息，他们会觉得网站其他页面的内容也很浅薄。没有找到其他有用的信息，它们最终将丢失给竞争对手或直接谷歌查询。

还有一些用户尝试重新访问，但发现信息出现意外，并且与首次看到的内容样式完全不同。用户确实发现了这些“孤独”的信息，但他们必须努力将它们组合在一起。无论如何，这给用户留下了非常糟糕的印象。

从公司的角度来看，这种设计不仅会造成糟糕的用户体验，还会暴露其失败的内容管理策略——模块是重复的，不同模块中的相同信息是不同的或矛盾的。

一种解决方案是为与内容相关的不同页面提供相关链接。还有一个更好的解决方案，即反映您的网站信息为何“孤独”，然后重新整合架构并在最合适的位置提供链接。不要重复相同的信息，最好将链接添加到网站的其他页面，链接到信息首次出现的位置。

4.点击次数太多

即使用户可以指定目标信息的位置，仍然会由于意外或冗长的操作而中断体验。

网站设计团队经常发誓用户在获取目标内容之前应该点击几次。事实上，没有“神奇数字”” — —点击的质量远比数字重要。原则上，每次用户点击时，他们应该更接近目标内容。如果您反复点击该用户，它只会刺激他们并浪费他们的能量。

设计人员有时会忘记为用户寻找内容的路径，导致网页之间缺乏关联。因此，请在正式设计之前分析用户的操作路径，并考虑是否有更短的解决方案。

（图3）& （图4）网站NYC.GOV：点击“查找消防员”后，用户点击了“寻找消防房屋”，其中只有拼写上的案例差异。 。

5.价格隐藏

在决定付款之前，用户需要知道相关价格，订阅费，便利费，附加费等。 43个研究站点中的两个或三个具有过于复杂的价格信息获取路径。例如，要在AARP网站上查找会员费的价格，您必须完成几个不必要的会员购买流程。在执行复杂的操作过程之前，请记住让用户了解基础知识。

6.用户被困儿童页面

在设计具有特殊内容的单独页面或子页面的网站时要小心，不要陷阱用户。受访的215名用户中有许多人说他们有这么糟糕的经历：他们莫名其妙地进入了新的页面，找不到回到主站的链接。其中一些将通过单击浏览器附带的返回按钮或重新输入URL返回主站点。然而，不少人说他们没有注意到他们是如何进入新页面的（因为主页和子页面看起来太多了），他们总是想知道导航是如何消失的。

因此，在设计子页面时请仔细考虑。如果您有此业务需求，请为用户提供明显的返回链接。

（图5）& （图6）英国红十字会网站：其主屏幕（WWW.REDCROSS.ORG.UK）和子页面屏幕（WWW.REDCROSSFIRSTAIDTRAINING.CO.UK）非常相似：相同的LOGO，相同的导航选项（WHAT）我们的确是）。想要找到FIRST AID COURSE的用户被带到子页面并在瞬间丢失，我不知道如何返回。

7.搜索结果不理想

用户必须在必要时使用搜索功能。当目标非常明确时，用户也将首先搜索。无论情况如何，我们的网站都应确保为用户提供强大的搜索结果。

不幸的是，搜索功能是许多网站的致命缺陷。在某些网站中，搜索结果与搜索字词不匹配;一些网站，搜索结果都是隐藏的。某些搜索结果不仅不符合语法语法，而且提供的描述没有使用价值。它无法帮助用户找到如何找到这些无关的信息。某些搜索结果还有外部广告，可直接将用户引导至其他网站。

请密切关注用户的搜索历史记录，以进一步了解用户行为并探索缺乏搜索功能。通过标记搜索结果来提高搜索准确度，例如“最佳匹配搜索结果”和“最佳匹配搜索结果”。

8.过滤和分面导航错误

过滤器和分面导航通常有助于改善用户体验。它们可帮助用户消除干扰因素并找到准确的搜索结果。但是，将这两个工具添加到站点不会优化用户体验。这两个工具需要帮助真实用户满足他们的实际需求。

“循环解释：过滤是指在某些筛选条件下排除不相关内容，过滤掉用户期望的结果;过滤是单维的。分面导航和过滤的基本思想是一致的，可以看作更多维度过滤，更灵活，搜索结果更准确;分面导航在电子商务网站中尤为常见。“

过滤和分面导航定义了用户的筛选结果范围。不同的过滤条件可以满足用户不同的搜索需求。例如，员工可以通过删除文件类型，日期或主题来搜索前一周的PPT;电子商务网站的用户可以通过鞋跟的高度挑选最喜欢的鞋子，或者根据保暖等级选择最理想的夹克。

有些网站认为过滤和分类导航是无所不能的，他们可以想象他们可以“全身心脏”。结果，筛选条件与所有内容类型无关，导致不准确的结果。同时，我们还要注意用户一定不要把用户推入“下一个或另一个”的僵局。家具用户可能想要选择蓝色椅子，或者他们可能想要选择蓝色以外的椅子。必须考虑这两种情况。

必须准确标记电子商务网站上的产品，以确保筛选结果高度相关。例如，在AARP网站搜索“鸡肉烹饪食谱”中，实际上有10个结果中的6个与鸡肉无关。

（图7）网站MAPLIN.COM：用户希望在本网站上搜索50磅以下的蓝牙扬声器，但发现左下方的过滤条件无法帮助他们找到匹配的结果，因此他们必须点击每个价格范围然后他们在他们心中。计算哪些产品适合您。

9.用户被迫阅读大量信息

网站信息组织不当很容易导致用户迷路。大量的文本信息既乏味又增加了阅读的难度。它也挑战了用户的耐心。

请记住，网站用户习惯于浏览，而不是密集阅读。使用短句，段落，项目列表，标题和粗体关键字，以便用户轻松获取关键信息。

（图8）网站THE HEADPHONE.COM:SHURE SRH440 STUDIO耳机详细描述太长，大规模显示使用户难以捕捉关键信息，无法快速判断耳机与其他耳机的区别。

10.链接隐藏

我们的可用性研究发现，用户经常忽略与广告类似或放置在广告位中的链接。广告周围列出的链接甚至更多“由用户”。

设计师有时会通过添加边框，背景颜色或图像等设计元素来使其更加突出。不幸的是，该业务仍然不会购买。链接内容越花哨，用户就越容易做广告。

（图9）网站PITFIELD LONDON：此页面显示PITFIELD CAFE的营业时间，右侧设计了菜单链接。链接下面是一杯热咖啡;咖啡下面是一个广告位列表。这种设计使用户很难找到菜单链接。

坚持不懈地努力

可以肯定的是，没有设计师愿意制作一个糟糕的网站。由于这些错误设计已存在多年，为什么他们的设计师不愿意“自我迭代”？这背后的原因可能是三天三夜。在10个错误设计中，有几个反映了架构的失败。例如：

网站信息的结构不正确，可能与公司的组织结构和内部政策有关。

网站的内容是错误的，这可能是由于公司部门之间缺乏沟通而未能遵循整体内容策略。

搜索结果不佳可能是由于内容管理系统混乱，内容标记错误，打字错误以及搜索工具不完善造成的。

这些错误设计的原因远不如纠正错误重要。只要您在网站设计过程中进行更多的用户研究和可用性测试并更加关注研究结果，就可以轻松避免上述大多数错误。

没有完美的网站。每个网站都有这样的问题：表单字段有问题，文本编辑不正确，导航缺少选项，等等。只要你能找到问题并及时修改它。

此外，在进行用户研究时，不要忽视以前的研究报告。这些历史报告可以反复提醒您避免再次犯错，因为您的设计偏好将来会发生变化。