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

4. 热搜

热搜的作用类似于搜索框中的预设文案，起引导作用。但因为辅助区的空间有限（键盘会遮盖一部分），为尽可能提高利用率，热搜的字数通常会作出限制。

常见的热搜主要有 4 种：

• 整个平台用户的热搜

• 基于用户的个性化推荐（根据用户资料、轨迹等信息做智能化推荐）

• 平台运营内容（为某些品类引流）

• 推广（商业广告）

热搜的展示形式以标签为主。因为部分热搜是个性化推荐，可能会暴露隐私，一些App还贴心的设置了隐藏按钮。

5. 分类搜索

当App中涉及到的业务、类型、品类多时，可能出现多种类别的搜索结果，其形式和操作也不同。为了让一部分目的明确的用户（明确知道要搜索的类别），从中快速、准确地找到自己预期的结果，常常采用分类搜索的方式。

具体有 3 种方式：

• 搜索框分类选择

• 辅助区分类选择

• 搜索结果页分类选择

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

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

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

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

△ 分类搜索的常见形式

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

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

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

• 清除icon

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

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

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

（编辑：源码网）

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