网站建设中搜索怎么设计用户体验更好

搜索就像用户和系统之间的对话：用户将其信息需求作为查询表示，系统将其响应表示为一组结果。搜索是构建内容繁重网站的基本活动和关键要素。

在本文中，我想分享5个技巧，帮助您改进搜索UX。

1.将搜索框放在用户希望找到的位置

用户不得不搜索搜索框是不好的，因为它不会突出，不容易发现。

下面看到的图表是由A. Dawn Shaikh和Keisi Lenz的一项研究得出的：它显示了一个有142位参与者的调查中网站搜索表单的预期位置。研究发现，大多数用户最方便的地方是您网站页面的左上角或右上角区域。

参与者希望找到搜索的区域。右上角仍然是用户期望找到搜索的第一位。

因此，将搜索框放置在布局的右上角或中上部区域，您将确保您的用户将会发现它们期望的位置。

理想情况下，搜索框应该适合网站的整体设计，但在用户需要时可以轻松展现。

您拥有的内容越多，您显示搜索功能越显着。如果搜索对于您的网站至关重要（例如，您的网站是电子商务商店），请使用大量的对比度，使领域和图标从背景和周围的元素中脱颖而出。

搜索是eBay最重要的功能之一。请注意ebay主页上按钮“搜索”的对比色

2.为搜索输入字段使用正确的字段大小

使输入字段太短是网页设计师的常见错误。当用户键入长查询时，一次只能显示一部分文本，这意味着可用性差，因为用户无法轻松查看和编辑其查询。实际上，当搜索框的数量有限的可见字符时，用户被迫使用短的，不完整的查询，因为较长的查询将难以阅读。

如果输入字段根据其预期输入进行了大小调整，那么它们更容易阅读并为用户解释。一个经验法则是有一个27个字符的文本输入（这个大小可以容纳90％的查询）。

3.清除用户可以搜索的内容

在输入字段中添加示例搜索查询是一个好主意，向用户建议可以搜索的内容。HTML5可以轻松地将文本作为占位符添加到输入字段中。如果用户可以搜索多个条件，请使用输入提示模式进行说明（参见下面的IMDb示例）。但请务必将您的暗示限制在几个字，否则会增加认知负担。

4.在用户点击“搜索”按钮后，不要擦除用户的查询

保留原始搜索查询。查询重写是许多信息旅程中的关键一步。如果用户从第一次尝试中找不到要查找的内容，他们可能会再次使用稍微不同的查询进行搜索。为了使它们更容易，请将搜索框中的初始搜索字词留在搜索框中，以便它们不必重新重新输入整个查询。

5.使用自动建议机制

尼尔森诺曼集团的研究发现，典型的用户在查询制定方面非常差：如果第一次尝试没有获得好的结果，则稍后的搜索尝试很少成功。事实上，用户经常在第一次负面尝试后放弃。然而，可以通过使用自动建议机制来改善这种情况。自动建议机制通过尝试根据输入的字符进行预测，帮助用户找到正确的查询。当这种机制运作良好时，它可以帮助用户更好地表达更好的查询。在您的网站上结合自动建议机制时，请注意以下几点：

• 确保自动建议是有用的。设计不善的自动建议可能会混淆和分散用户注意力。所以使用拼写自动更正，识别根词和预测性文本来改进工具。
• 尽快提供自动建议，例如输入第三个字符后。这将提供即时价值并减少用户的数据录入工作。
• 显示少于10个建议的项目（没有滚动条），所以信息不会变得压倒一切。允许用户在使用键盘的项目之间进行导航。
• 突出输入信息和建议信息之间的差异（例如，输入文本具有标准权重，而建议的术语具有较大的权重）。

Google搜索已经掌握了这种模式，自2008年以来一直实施。

结论

搜索是建立有利可图的网站的关键要素。用户希望在查找和了解某些事情时能够获得平稳的体验，并且通常会根据一组或两组搜索结果的质量，对网站的价值做出非常快速的判断。一个优秀的搜索工具可以帮助用户快速轻松地找到他们想要的东西。