网站设计常见的错误类型，需要注意哪些点？

它们都是新出现的吗？不，这10大错误设计都是大家“司空见惯”的。网站设计这些年可谓发展迅速，但这些错误设计仍长期存在。尽管当代设计模式和美学在不断变化，不过用户的本质需求变化不大。用户仍需在网站中找到想要的信息，读懂网站结构，知道要点击什么以及点击后将会去哪儿。

那么你的网站在设计中犯了哪些错误？

1. 内容位置不合预期

不能被用户发现的信息没有使用价值。很多网站，导航的类目字段表达不详、亦或点击后所呈现内容与该类目关联不大。还有一些网站，忽视了用户的想法，直接按公司自己的思路去构架信息。如果网站的内容结构与用户的心理模型南辕北辙，用户就找不到想要的信息。

让用户参与到网站设计中来。做一些简单的可用性研究帮助你的网站被用户读懂，比如卡片分类、树形测试、可用性测试。

（图1）网站ATT.com：用户原本期望点击“Smartphones”后看到买卖旧手机的信息，但是该网站却把它放到了“Existing Customer”下。

2. 链接之间/导航各选项之间边界模糊

用户一旦分不清两个相似的链接或导航选项，将难以找到获取信息的最佳路径。各链接/各导航选项之间、各链接/各导航选项与网站其他链接/导航选项之间要定义准确、边界清晰。倘若有多个模块或页面都在介绍同一则信息，为了验证它们的异同，用户就得一个一个确认，或费力猜测哪个才是用起来最方便的。再不然，用户会直接使用搜索功能，或者干脆放弃你的网站。

（图2）网站BAM Construction：想了解建筑项目细节的用户无法判断该点击“Who We Are”、“What We Do”、还是“How We Do It”。很多用户选择了“What We Do”，然而页面打开却发现是公司服务类型的简介。建筑项目的细节信息被放到了“How We Do It”里。

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

1. 链接命名不当。不同的链接应引导用户查看不同的内容，但出于某些原因，有些链接使用了语义相似的字眼。这种情况下，我们只需对有问题的链接进行重命名、以作彻底区分。
2. 内容区分失败。如果多个链接打开的不同页面在内容上有强关联、且信息重叠，我们需要对这些内容进行重组，以突出各个页面的内容重点。

3. 信息孤岛

有些网站只零散着几条信息，且信息之间没什么关联。

有的用户看到这种“孤独”且无法点击的信息，会觉得网站其他页面的内容也一样浅薄。找不到额外有用的信息，他们最终会流失到竞争对手那儿、或直接自行Google查询。

也有用户试着重新访问，结果却发现信息出现在预期之外的地方，而且与第一次看到的内容样式完全不同。还有用户的确找到了这些“孤独”的信息，却得费劲心思把它们拼凑在一起。不管怎样，这都给用户留下了极差的印象。

从公司角度看，这种设计方式不但造成了糟糕的用户体验，也暴露了其失败的内容管理策略——某一模块信息重复，不同模块本该相同的信息却彼此不同或矛盾。

一种解决方案是为内容相关的不同页面提供相关链接。还有一种更好的方案，就是反思自己的网站信息为何都如此“孤独”，然后重新整合构架、并在最合适的地方提供链接。与其不断重复相同的信息，不如在网站其他页面加上链接，链到信息首次出现的位置。

4. 点击次数过多

即使用户可以明确目标信息的位置，体验也仍会被意外出现或冗长的操作中断。

网站设计团队经常会念叨用户在获取目标内容前应该点击几次。其实没有“魔法数字”——点击的质量远比数量重要。原则上，用户每点击一次，就应该离目标内容近一点。如果反复让用户点击，只会激怒他们、浪费他们的精力。

设计师有时忘记规划用户查找内容的路径，导致网站页面之间缺乏关联。所以，在正式设计前请先分析透彻用户的操作路径，想想有没有更简短的方案。

（图3）&（图4）网站NYC.gov：用户点击“Find a Firehouse”后，发现又要点击一次仅在拼写上有大小写差异的“Find a fire house”，顿时万分无奈。

5. 价格隐藏

在决定为某事物买单之前，用户需要了解相关价格、订阅费、便利费、附加费等。43个研究对象中有两三家网站价格信息获取路径太过复杂。比如，要在AARP的网站查到会费价目，须得完成好几步不必要的会员购买流程。请记住，在执行复杂操作流程前，先让用户了解到基本信息。