如何设计出正确的搜索模式？

注：假如你正在阅读这篇文章，那么你必然正在计一律个有搜刮成果的网站或应用措施。在这篇文章中，我将先容 5 个最佳实践，这些实践可以辅佐各人计划了更好、更适用的搜刮机制。

最佳实践

1.视觉线索

无论建设任何范例的用户界面，为用户提供快速扫描屏幕所需的器材是你计划的一部门。这样做可以确保你的用户知道在什么处所找到他想要的对象，何时必要行使以及与其交互后会产生什么。

放大镜图标

行使放大镜图标，我无法担保这样会加速了搜刮栏查找的速率。可是图标越简朴越好，较少的细节可以让用户更快地赏识。固然，一个图标自己没有输入容器或按钮，现实上会使搜刮越发坚苦。

极简主义搜刮图标的示例

人们凡是以为放大镜图标暗示搜刮器材，纵然它没有标签声名。可是，只表现图标的搜刮框会使搜刮变得越发坚苦。(谈吐来自NNG凯蒂谢尔文的“搜刮计划中的放大镜图标”)

一个现实的搜刮按钮

不是全部用户都是资深网民，这也就意味着并不是每个用户都知道，一旦在输入框里输入查询内容，按下回车键就可以获得相干信息。因此，在搜刮输入旁边计一律个现实的按钮可以辅佐用户确认他们的下一个举措，从而减罕用户所需的认知负荷。

留意：停止将按钮放在输入框的左侧，上方或下方。

提醒：

在文本输入得到核心前，你可以潜匿输入按钮。

确保按钮的巨细适中，以便点击起来感受天然。

2.输入特征

偶然辰，越是闪亮，强盛或面积大的对象也不必然能引起人们的留意，搜刮模式也一样。不如将它改为你抱负的气魄沤背汀但牢记搜刮框的计划必需与你的网站或应用措施的主题相相符，并同时确保它足够引人注目。

Youtube新的（令人赞叹的）玄色主题通过保持搜刮模式与其他元素的同等性就美满地叙述了这一点。

“搜刮框也并不是越长越好”

但也要确保输入长度也不要过短。据NNG的研究表白：拥有可以或许容纳 27 个字符的输入，可以满意90％的用户的需求。

如图：一个常见的 5 词 26 个字符搜刮的例子。

3.透明占位符

为输入的占位符文本行使恰当的副本很重要，它们凡是是体现用户可以搜刮的内容。 这确保了他们知道要搜刮什么，而且不会因编写错误导致查询失败而感想沮丧。最近，Web器材可以通过在HTML5 中添加提醒作为占位符来轻松完成此操纵。

添加占位符可以辅佐用户过滤查询的内容。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!