搜索就像用户和系统之间的对话：用户表达他们的信息需要作为查询内容，而系统则响应一组最佳的查询结果。搜索是构建以内容为导向的站点的基础活动和关键元素。

在这篇文章中，我想分享 5 个技巧，帮助你改进网站的搜索用户体验。

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

当用户想要搜索内容，还需要花费精力寻找搜索框时，这并不好，并且，意味着搜索框本身就不容被找到。

下面你看到的图表来自 A . Dawn Shaikh 和 Keisi Lenz 的研究：它显示了 142 名被调查者对于网站搜索框的的期望位置。研究发现，对于大多数用户来说，网站页面的左上角或右上角是用户所期待的搜索框位置。

值得注意的是，右上角仍然是用户希望找到搜索框的首选区域。

因此，将搜索框放置在布局的右上角或中上区域，你就可以确定你的用户将在他们期望的位置找到它。

理想情况下，搜索框的设计应该与网站的总体设计风格保持一致，但当用户需要时，可以稍微突出显示。

你拥有的内容越多，你就越想展示你的搜索功能。如果搜索对你的网站是必不可少的，例如，你的网站是一个电子商务网站，那么你应该使用较大的对比度，这样你的输入框和按钮就会从背景和周围的元素中脱颖而出。

2.为搜索输入字段使用适当的字段大小

输入字段太短是网页设计师在设计搜索框时常见的错误。当用户输入长搜索内容时，只有一部分文本是可见的，这就意味着糟糕的可用性，因为用户无法查看和编辑他们的搜索内容。

事实上，当搜索框有数量有限的可见字符时，用户可能会被迫使用短而不完整的查询方式，因为较长的搜索内容很难读取。

如果输入字段按照预期的输入内容大小进行匹配，那么它们就更容易阅读和为用户解释。一个经验法则是，有一个 27 个字符的文本输入框。这个大小足以容纳 90% 的搜索内容。

3.明确用户可以搜索的内容

在输入字段中包含一个示例搜索查询，以向用户提示搜索的可能性。HTML5 使得在输入字段中加入文本占位符变得很容易。如果用户可以搜索多个关键词，请使用输入提示模式来解释，参见下面的 IMDb 示例。但一定要注意，你的建议内容不宜过多，否则，你会增加用户的认知负荷。

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

保留原始的搜索查询。查询重新生成是许多信息体验地图中的关键步骤。如果用户在第一次尝试中没有找到他们想要的东西，他们可能想再次使用稍微不同的查询方式。

为了使它们更容易，在搜索框中保留初始搜索项，这样它们就不必重新输入整个查询内容。

5.使用自动搜索建议机制

典型的用户在查询提法时非常糟糕：如果他们在第一次尝试中没有得到好的结果，那么之后的搜索尝试很少成功。事实上，用户往往在第一次消极尝试之后就放弃了。然而，通过使用自动搜索建议机制来改善这种情况是有可能的。

自动搜索建议机制帮助用户根据输入的字符进行预测，从而找到正确的查询。当这个机制运行良好时，它能帮助用户更好地表达搜索查询。以下是在你的网站上整合自动搜索建议机制时要记住的几点：

确保你的自动搜索建议是有用的。设计拙劣的搜索建议内容会让用户感到困惑和分心。因此，使用拼写自动更正、词根识别和预测文本来改进工具。

尽快提供自动搜索建议，如输入第三个字符后。这将提供即时的、有价值的建议，并减少用户的数据输入工作量。

显示少于 10 个建议结果（没有滚动条），避免信息过载。允许用户在使用键盘的项目之间进行导航。

强调输入信息和建议信息之间的区别。例如，输入文本有一个标准字重，而建议的术语有加粗显示。

谷歌搜索在这方面有着丰富的经验，自 2008 年开始，谷歌开始记录用户的搜索记录，并且通过这种方式节省时间，优化结果，创造更为优秀的体验。

结语

搜索是建立盈利网站的关键因素。用户在发现和了解事物的时候，希望能有流畅的体验，他们通常会根据一到两组搜索结果的质量，对网站的价值做出快速判断。

一个优秀的搜索工具应该帮助用户快速而容易地找到他们想要的东西。