搜索框设计的另一个原则是简单易用

当用户想要使用搜索框，但需要耗费大量精力才能找到它，用户的体验大大降低。网站上的搜索框最好易于检测并放入用户所需的位置。用户的预期位置在哪里？下图是A. Dawn Shaikh和Keisi Lenz的研究结果。他们抽样了142人。用户了解用户对网站搜索框位置的偏好。从图表中我们可以看到，大多数用户会在网站的左上角和右上角找到搜索框。这主要是因为用户在浏览网站时使用F-scan方法，而网站的右上角是大多数用户的首选区域，所以在设计搜索框时，我们最好把它放在右上或中上。

·合理的输入框大小

输入框大小过小是搜索框设计中最常见的错误。许多网站的输入框太小。虽然他们可以保存更长的内容，但其中一些内容是不可见的。这种设计的可用性非常差。由于视觉范围的限制，用户可能会潜意识地觉得他们只能使用简短，不准确的搜索方法，或输入长关键字，但在进行更改时会遇到麻烦。因此，建议根据输入关键字长度使用可能更长的输入框，这不仅可以节省屏幕空间，还可以为用户提供完整的视觉提示。

·使用自动搜索推荐机制

什么是自动搜索推荐机制？以Google为例。当我们在搜索框中输入“Apple Watch 2”时，它会自动出现在相关的术语推荐搜索中。这是自动搜索推荐机制的体现。 谷歌在这方面有绝对的发言权。从2008年开始，它开始统计用户搜索历史记录并整理单词建议，以帮助用户节省时间并创造更好的用户体验。自动搜索推荐机制可以动态预测用户的搜索方向，并帮助用户更快地完成搜索。但是，在使用这种机制时，我们还必须注意以下几点：

确保自动搜索建议是有价值的。如果输入框中出现不恰当或无用的搜索建议，这不仅会方便用户的搜索，还会导致用户的注意力混淆和分散注意力。自动搜索推荐必须基于用户的搜索历史数据;当用户在输入框中输入关键字时，会尽快为用户提供推荐信息，例如第三个字符后，为用户提供即时有价值的建议，以减少用户的输入难度和工作量;

尽量为用户提供少于10个搜索结果以避免信息超载。

突出显示输入信息和推荐内容之间的差异;

·让用户理解可以找到的东西

让用户知道可以在网站上搜索哪些内容，也是提高用户在网站上的受欢迎程度的一种方式。这可以通过在输入框中添加占位符文本来完成。下图显示了IMDB的网站。它在搜索框中添加一些占位符字符，提示用户在搜索框中搜索可搜索内容以吸引用户进行搜索。随着HTML5网站制作技术的不断发展，这种占位符在设计上没有任何困难。但建议占位符的内容不要太多，以免给用户带来认知负担。