常用的搜索框设计的七大技巧，你get了几个？

常用的搜索框设计的七大技巧，你get了几个？

1.使用放大镜图标

根据定义，图标是对象，动作或想法的可视化表示，并且有几个图标是用户记忆最深刻的，也是通用的。放大镜图标就是其中之一。即使没有文字标签，用户也可以识别放大镜图标的作用。

2.将搜索框放在用户希望找到的地方

如果搜索对于你的应用或网站来说是重要的功能，那么搜索框必须放在显眼的位置，让用户一眼就能找到。

研究发现，搜索框放置的最佳位置是你网站上每个页面的左上角或右上角，用户可以使用常见的F形扫描模式轻松找到它。理想情况下，搜索框应该完美匹配网站的整体设计，并在用户需要时轻松展现。

3.为搜索框提供搜索按钮

搜索按钮可以帮助人们了解还有额外的触发操作–即使他们通常使用Enter键。

4.将搜索框放在每一页上

始终提供对每个页面的搜索框的访问权限，因为如果你的用户找不到他们正在查找的内容，他们将会使用搜索功能，无论他们处于你网站的哪个位置。

5.使搜索框简单

如果你设计一个搜索框，请确保它看起来像一个搜索框，并尽可能简单的使用。根据可用性研究，默认情况下没有显示高级搜索选项，这样更加显示用户友好。高级搜索选项可能会混淆将尝试使用它的用户。

6.自适应字段大小

输入字段太短是设计人员常见的错误。当然用户可以键入长查询，但只有一部分文本可见，部分文字被隐藏，这意味着可用性差。因为用户无法轻松查看和编辑其查询。实际上，当搜索框能够输入的文本有限时，用户被迫使用短的文本进行查询，这样就不能精确的查询。如果输入字段根据其预期输入进行大小调整，那么它们更容易阅读并给用户提供良好的用户体验。

7.使用自动建议机制

自动建议机制可以帮助用户通过输入的字符进行预测来找到正确的查询。自动建议机制不是加快搜索过程，而是关于指导用户并帮助他们构建搜索查询。用户在查询配置方面非常差：如果在第一次尝试时没有获得良好的结果，他们可能就放弃了。自动建议机制可以帮助用户更好地表达他们需要的搜索查询。

如果你想要学习UI设计，但对于海文及其UI设计课程并不是很了解，可以在线咨询客服，进行实地参观，与咨询老师面对面交流，当然还可以免费试听，亲身体验海文UI设计课程。

原文地址：http://www.hwua.com/zhishi/8534