如何让搜索框的体验更好？我总结了这些设计套路！

搜索框中的分类选择，适合那些需求明确的用户。如在链家中，搜索二手房还是租房，用户是特别明确的。在搜索框中默认限定类别，可能会导致搜索结果偏差。为了照顾到更多用户，大多数App提供了「全部」类别，并默认搜索「全部」类别下的结果，比如微博。

未在搜索框中选择分类的，仍然有机会在搜索过程中选择分类。淘宝采用tab的方式，区别展示「全部」、「天猫」、「店铺」的搜索建议和结果。亚马逊则在输入过程中，提供类别的选择（默认搜索全部分类，但提供搜索小类的入口），同样的还有58、京东、闲鱼等。

更多的App采用搜索结果分类的方式，将结果分门别类呈现，减少用户在搜索过程中的决策压力。最常见的形式是tab式（代表：知乎、支付宝），第一个tab一般为各类结果的堆叠，后面每个tab为一类，便于切换。还有的采用标签来区分（代表：Facebook、网易考拉、京东）、用列表作为类别入口（代表：58）、直接将各个类别模块堆叠起来（更像是列表式的扩展，每个类别外露一些内容，代表：微信、豆瓣）。

这几种方式并不是完全独立的，可以根据需要灵活运用。

△ 分类搜索的常见形式

搜索过程第二阶段（开始输入文字/字符）的反馈如下：

• 变化：搜索框中，引导文案消失，出现清除icon

• 匹配：根据输入的内容，进行关键词联想

• 清除icon

清除icon是一个贴心的小设计。它的作用是一键清空搜索框中内容，与引导文案交替出现：键入文字时，引导文案消失，清除icon出现；点击清除icon，文字清空，引导文案出现。

下图是某App的截图，需要注意取消按钮的形式，避免与清除icon冲突，引起用户困惑。

△ 避免取消按钮和清除icon冲突

（编辑：唐山站长网）

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