网站内容规划网页设计(你的网站在设计中犯了哪些错误？（下）)

　　网站内容规划网页设计(你的网站在设计中犯了哪些错误？（下）)

　　他们都是新的吗？不，这10大错误都是“常用”。网站设计这些年发展很快，但是这些错误的设计依然存在很长时间。虽然当代的设计模式和审美在不断变化，但用户的本质需求并没有太大变化。用户仍然需要在网站中找到自己想要的信息，了解网站的结构，知道点击什么，点击后会去哪里。

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

　　1. 内容位置不符合预期

　　用户无法发现的信息没有使用价值。对于很多网站来说，导航的category字段不清晰，或者点击后显示的内容与category不是很相关。还有一些网站，无视用户的想法，直接按照公司自己的想法来组织信息。如果网站的内容结构与用户的心智模型不一致，用户将找不到自己想要的信息。

　　让用户参与网站的设计。做一些简单的可用性研究，帮助用户理解你的网站，比如卡片分类、树状测试、可用性测试。

　　（图1）网站：用户原本希望在点击“智能手机”后看到旧手机的买卖信息，但是这个网站把它放在了“现有客户”下面。

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

　　一旦用户无法区分两个相似的链接或导航选项，就很难找到获取信息的最佳方式。每个链接/导航选项之间、每个链接/导航选项与网站 其他链接/导航选项之间的定义必须准确清晰。如果有多个模块或页面都呈现相同的信息，为了验证它们的异同，用户必须一一确认，或者很难猜测哪个最方便使用。否则，用户会直接使用搜索功能，或者干脆放弃你的网站。

　　（图片2）网站BAM建设：想了解建设项目详情的用户不知道是点击“我们是谁”、“我们做什么”还是“我们怎么做”它”。很多用户选择了“我们做什么”，但是当打开页面时，发现它是对公司服务类型的介绍。建设项目的详细信息放在“我们如何做”中。

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

　　3. 信息岛

　　有的网站只是零散的几条信息，信息之间没有联系。

　　一些用户看到这种“孤独”、无法点击的信息，觉得其他页面的内容也一样肤浅。如果他们找不到其他有用的信息，他们最终会迷失在竞争对手的面前，或者自己直接谷歌搜索。

　　也有用户再次尝试访问，却发现信息出现在意想不到的地方，内容风格与第一次看到的完全不同。也有网友确实找到了这些“孤独”的信息，却不得不拼命拼凑起来。无论如何，这给用户留下了非常糟糕的印象。

　　从公司的角度来看，这种设计方式不仅造成了糟糕的用户体验，而且暴露了其失败的内容管理策略——某个模块有重复的信息，但不同的模块应该具有不同或矛盾的相同信息。

　　一种解决方案是为具有相关内容的不同页面提供相关链接。更好的解决办法是反思一下你的网站信息为什么这么“孤单”，然后重新整合结构，在最合适的地方提供链接。与其重复重复相同的信息，不如添加到网站其他页面的链接，链接到信息第一次出现的位置。

　　4. 点击次数过多

　　即使用户能够明确目标信息的位置，体验仍然会因意外出现或冗长的操作而中断。

　　网站设计团队经常说用户应该点击几次才能获得目标内容。没有“神奇数字”——点击的质量远比数量重要。原则上，用户每次点击，都应该离目标内容更近一点。如果用户被反复点击，只会激怒他们，浪费他们的精力。

　　设计者有时忘记规划用户查找内容的路径，导致网站页面之间缺乏关联。因此，在正式设计之前，请彻底分析用户的操作路径，并考虑是否有更短的解决方案。

　　（图片3）&（图片4）网站：用户点击“Find a Firehouse”后，发现要再次点击“Find a firehouse”，只有拼写有差异，顿时无奈。

　　5. 价格隐藏

　　用户在决定付费之前，需要了解相关的价格、订阅费、便利费、附加费等。在这43个研究对象中，两三个网站价格信息获取路径过于复杂。例如，如果你想在AARP的网站上查看会员费价格，你必须完成几个不必要的会员购买程序。在执行复杂的操作程序之前，请记住让用户了解基本信息。

　　6. 用户被困子页面

　　要为特殊内容设计单独的页面或子页面 网站，请注意不要将用户困在其中。215名受访用户中，很多人都表示有过这样的糟糕体验：莫名其妙进入了一个新页面，却找不到返回主站的链接。其中一些将通过单击浏览器附带的后退按钮或重新输入 URL 返回主站点。但是也有不少人表示，他们根本没有注意到自己是怎么来到新页面的（因为首页和子页面看起来太像了），一直在纳闷为什么刚才的导航消失了。

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

　　（图片5）&（图片6）英国红十字会网站：它的首页首屏（）和子页页脚（）非常相似：一样的LOGO，一样的导航选项（What We Do） 想要查找急救课程的用户被带到子页面，瞬间迷茫，不知道如何返回。

　　7. 不满意的搜索结果

　　作为最后的手段，用户将使用搜索功能。当目标非常明确时，用户也会先搜索。不管什么场景，我们的网站都应该保证为用户提供强大的搜索结果。

　　不幸的是，对于许多网站 来说，搜索功能是他们的致命缺陷。部分网站，搜索结果与搜索词不符；一些网站，搜索结果很神秘。不仅一些搜索结果不符合语法和句法规范，而且提供的描述也毫无价值，这让用户很困惑如何找到这些不相关的信息。一些搜索结果还收录外部广告，将用户引导至其他网站。

　　请密切关注用户的搜索记录，了解更多用户行为，探索搜索功能的不足。通过标记搜索结果来提高搜索准确性，例如“最佳匹配搜索结果”。

　　8. 过滤和分面导航错误

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

　　”元子解释：过滤是指在一定的过滤条件下剔除不相关的内容，过滤出用户想要的结果；过滤是一维的。分面导航和过滤的本质思想是一样的，可以看成是多重的维度过滤提供了更大的灵活性和更准确的搜索结果；分面导航在电子商务中尤为常见网站。”

　　过滤和分面导航限制了用户过滤结果的范围，不同的过滤条件可以满足用户不同的搜索需求。例如，企业员工可以通过删除文件类型、日期或主题来搜索上周的PPT；电商用户网站可以根据鞋跟高度选择自己喜欢的鞋子，也可以根据外套的保暖程度选择最喜欢的鞋子。

　　一些网站将过滤和分类导航视为无所不能，认为它们可以“治愈所有疾病”。结果，过滤条件没有关联所有内容类型，导致结果不准确。同时也要注意不要把用户推入“非此即彼”的僵局。家具用户可能想要选择蓝色的椅子，或者他们可能会选择蓝色以外的颜色的椅子。这两种情况都必须考虑。

　　电商网站产品必须准确标注，确保筛选结果高度相关。例如，如果您在 AARP网站 中搜索“鸡肉烹饪食谱”，前 10 个结果中有 6 个与鸡肉无关。

　　（图片7）网站：用户想在这个网站中搜索£50以下的蓝牙音箱，却发现左下角的过滤器无法帮他找到匹配的结果，所以他要找到每一个价位区间的都点进去，然后在心里算算哪些产品适合你。

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

　　网站信息组织不当很容易导致用户迷路。大量的文字信息既枯燥又增加阅读难度。它还挑战用户的耐心。

　　请记住，网站 用户习惯于浏览，而不是精读。使用短句、段落、项目列表、标题和粗体关键词，确保用户可以轻松捕捉关键信息。

　　（图8）网站图：舒尔SRH440 Studio耳机的详细说明太长了，大显示屏让用户难以捕捉关键信息，无法快速判断耳机等耳机，区别。

　　10. 链接隐藏

　　多年来，我们的可用性研究发现，用户经常忽略看起来类似于广告或放置在广告位中的链接。围绕广告列出的链接更受用户“推”。

　　设计师有时会添加一些设计元素，例如边框、背景颜色或图像，以使其更加突出。可惜出了问题，用户还是不买账。链接的内容越花哨，就越容易被用户视为广告。

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

　　再接再厉

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

　　调查这些错误设计的原因远不如纠正错误重要。只要在网站的设计过程中多做用户研究和可用性测试，多关注研究结果，上面的大部分错误都可以轻松避免。

　　没有完美的网站。每一个网站都会有这样的问题：表单域有问题，文本没有正确编辑，导航还缺少一个选项，等等。只要能发现问题，及时修改。

　　此外，在进行用户研究时不要忽略之前的研究报告。随着未来设计偏好的变化，这些历史报告可以反复提醒您避免再次犯错。

　　编者注：友石现已开放投稿。无论是设计趋势/职场困惑/软件评测/设计干货等等，只要和设计师有关，都可以私信给编辑@3年2班程远，你会邀请国内的顶设计团队/设计大神来回答你的问题。