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

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

　　它们都是新的吗？不，这10个设计错误都是“常见的”。网站多年来，设计发展迅速，但这些错误设计却长期存在。在当代设计模式和美学不断变化的同时，用户的本质需求并没有太大变化。用户仍然需要在 网站 中找到他们想要的信息，了解 网站 的结构，知道点击什么以及他们会去哪里。

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

　　1. 内容位置不是预期的

　　用户无法发现的信息没有使用价值。很多网站，导航的分类字段不清楚，或者点击后显示的内容与分类无关。还有一些网站，无视用户的想法，直接按照公司自己的想法组织信息。如果 网站 的内容结构与用户的心理模型不一致，用户将无法找到他们正在寻找的信息。

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

　　（图片1）网站：用户原本希望点击“Smartphones”可以看到旧手机买卖信息，但网站却放到了“Existing Customer”下。

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

　　一旦用户无法区分两个相似链接或导航选项之间的区别，就很难找到获取信息的最佳途径。在链接/导航选项之间，以及链接/导航选项与网站其他链接/导航选项之间，要明确定义并明确划分。如果有多个模块或页面介绍相同的信息，为了验证它们的异同，用户必须一一确认，或者尝试猜测哪个最方便使用。否则，用户会干脆使用搜索功能，或者干脆放弃你的网站。

　　（图片2）网站BAM Construction：想了解建筑项目详情的用户无法决定是否点击“我们是谁”、“我们做什么”或“我们如何做”很多用户选择“我们做什么”，但是打开页面发现是公司服务类型的介绍，建设项目详情放在“我们怎么做”。

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

　　3. 信息孤岛

　　有的网站只有零星的几条信息，彼此之间几乎没有联系。

　　有的用户在看到这种“孤单”、无法点击的信息时，会觉得网站其他页面的内容同样肤浅。如果找不到其他有用的信息，他们最终会被竞争对手迷失，或者只是自己搜索。

　　也有用户尝试重新访问，却发现信息出现在一个意想不到的地方，并且内容风格与他们第一次看到时完全不同。还有一些用户确实找到了这些“孤独”的信息，但不得不努力将它们拼凑起来。无论哪种方式，这都会给用户留下非常糟糕的印象。

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

　　一种解决方案是提供指向内容相关的不同页面的相关链接。更好的解决方案是反思为什么您的 网站 消息如此“孤独”，然后重新构建并在最合适的位置提供链接。与其一遍又一遍地重复相同的信息，不如添加指向网站其他页面的链接，这些页面指向该信息首次出现的位置。

　　4. 点击次数过多

　　即使用户可以清楚地定位目标信息，体验仍然会被意外或冗长的动作打断。

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

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

　　(图片3）&(图片4）网站：用户点击“找消防站”后，发现又要点击“找消防站”，只是有区别在拼写上，顿时很无奈。

　　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 个设计错误中有几个反映了架构失败。例如：

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

　　没有完美的 网站。每个 网站 都有这样或那样的问题：表单域有问题、文本编辑不当、导航缺少选项等等。只要能发现问题并及时纠正。

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

　　编者按：U Design现已开放征稿，无论是设计趋势/职场困惑/软件评测/设计干货等，只要是与设计师相关的，都可以私信主编@ 3年2班，U设计将邀请国内顶级设计团队/设计大师为您解答。