比如App Store，无论是搜索关键词或者精确的App名称，用户搜到之后，最有可能的动作就是下载。如果不满意，可能会离开，但离开后再搜索同一App的可能性很小，历史记录起到的作用有限。

独立的一级tab

即时搜索可以直接、快速地看到结果，在一定程度上可以提高搜索效率，但对计算能力要求高，若计算能力跟不上，则可能需要等待加载，从而影响体验。一般适合于数据量不大或者数据库已经下载到本地的情况。

热搜

乍一看，速度和准确度似乎与技术更相关，跟设计没啥关系。但其实三者相辅相成，我们可以通过合理而带有温度的设计，提升搜索的效率和体验，让用户搜得更快、更准、更舒心。

接下来我会将各个部分拆分开来，分析体验设计的要点。结构及目录见下图：

图17  58对输入词提供分类建议

目前很多App采用组合方式：输入过程关键词联想+输入完成执行搜索。

关键词的展示形式比较灵活。最简单的是根据输入词，直接展示联想的关键词（如今日头条），但因为页面空间有限，被键盘遮盖后只能露出几条，于是大家又发明了二级标签。它伴随关键词一起出现，提供更多相关的入口。

名字中含“牛栏山”的店铺；

图1  搜索过程及反馈

有时系统推荐的关键词不够精确，用户需在后面输入其它内容。但无论是关键词，还是二级标签，点击后都直接执行搜索，这就需要用户在搜索结果页再去激活搜索框，继续完善搜索词，中断了搜索过程。YouTube、Facebook、亚马逊、淘宝等采用了“向上补全”功能，点击关键词或二级标签，执行搜索，点击向上补全icon，会将关键词补全到搜索框中。

搜索入口具有提示和引导作用，常见的有4种：

我最近把玩了30+个App，涉及搜索、资讯、知识、电商、社交、视频、音乐、导航、工具、O2O、生活服务等十几种类别，归纳总结了搜索设计的一些套路和设计形式，将其拆解开来，与大家分享、探讨。大家可以结合自家的业务类型、具体的应用场景，选取适合的形式，提升搜索体验。

无结果或少结果

搜索过程第三阶段，点击搜索按钮/关键词后，跳转至搜索结果页。

除了提供关键词，还可以对输入词进行判断，适时提供分类建议（如58、京东、亚马逊、闲鱼等，可参考前文「J.分类搜索」一节）。58作为一个综合的生活服务平台，业务类别多，搜索“牛肉”，在很多类别都有相关信息，选取“食品”和“招商加盟”这两个可能性最大的类别推荐给用户。

辅助区

调起：调起搜索键盘

温度指搜索过程人性化，易于理解和操作，让用户感到贴心、甚至是惊喜。

图13  即时搜索与输入完成匹配

代表有App Store、Twitter、新浪微博。App Store、Twitter的tab页面中只保留了搜索框和搜索热词推荐。新浪微博的尝试更加丰富，包括分类、话题以及不同类型的推荐，运营的空间更大。

结果与搜索词对应：很多App的搜索内容，不局限于标题和结果列表露出的部分，这就导致搜索结果看起来与搜索词并没什么关系，容易造成用户困惑。

图22  结果不足时，补足信息+订阅引导

历史记录

图24  图像搜索

第一，用户不一定清楚要搜的精确名称，关键词可以作为引导。

保留搜索词

还可以将关键词对应的搜索结果数量前置，便于用户控制搜索词的颗粒度，也避免出现无结果或者少结果的情况。代表有Twitter、大众点评、喜马拉雅、链家、百度外卖等。

排序与筛选：排序与筛选维度与业务类型密切相关，不同行业差异较大。大致来说，排序有时间、距离、热度、价格、销量等维度；筛选维度则更加丰富和个性化，甚至会根据搜索内容进行变化。

隐藏式搜索框/icon

大众点评对结果列表做了适配，显示出命中搜索词的推荐菜（平时并不会显示），符合用户预期。

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

图10  更丰富的引导方式

推荐菜中有“牛栏山”的店铺。

搜索结果页分类选择

这种形式的搜索功能是被弱化的，入口在主页上不可见，有的折叠在其它入口中，有的可通过手势唤起。

搜索框分类选择

搜索过程又可拆解为三个动作：点击搜索框/icon → 输入文字/字符 →  点击搜索按钮/关键词。每个动作触发后，都会有相应反馈：

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

历史记录适用两种场景：一是搜索词与历史搜索有一定相关性，需要在历史搜索的基础上调整关键词。二是搜索的关键词，搜索结果可能有更新（如在58搜索酒仙桥三室一厅的租房信息，房源信息可能会增加）、搜索结果之前并未处理完（如在京东搜索加湿器，只浏览了第一页，并未完成购买）或者需要再次搜索（如高德地图中从不同的起点搜索某地、做路线规划），这时需要重新输入关键词。

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

图18  将部分搜索结果前置显示

辅助区分类选择

分析关键词联想之前，我们先来了解下两种匹配机制：一种是输入过程匹配，一种是输入完成匹配。

关键词联想

图9  历史记录

输入完成匹配：仅在输入完成后，点击“搜索”按钮时，才开始进行搜索、匹配，直接展示搜索结果。这种方式省去了对输入过程实时分析、引导的过程，适用于对搜索功能要求不高的情况。

前者是对输入的内容进行关键词联想，如输入“女”，推荐信息显示“女包”“女鞋”“袜子女”等等。这种方式可以即时提供搜索建议、引导性强、可提高效率。

比如语音搜索，不但为视力不佳的老年人提供了一种友善的方式，也适用于一些输入不便移动场景。比如导航类内置语音搜索，可以在驾车途中实现路况查询、地点搜索、路线规划等功能。另外在一些音乐类App中，可以带入音律，实现“听歌识曲”，甚至是“哼唱识曲”。

需要注意的一点，历史记录只用于搜索初期，后续可在适合的场景下，引导用户使用收藏、订阅、足迹等功能，打造更好的体验。例如，腾讯视频记录观看历史，不但使用户免于搜索，而且可以记录进度。什么值得买，在搜索结果页添加了“关注”按钮，关注后用户可以在首页“关注动态”tab看到持续更新的搜索结果。

各个App采用不同的设计形式，本质上是因为它们对搜索功能的定位不同。

结果分类（如果需要）

整个平台用户的热搜

例如，QQ邮箱预先已下载部分数据到本地，搜索可即时看到结果（仅包含已下载的数据），点击“在服务器上继续搜索”，才向服务器请求数据。

应用最广泛的一种形式，大多居于页面顶部，较为醒目。有些App在滑动页面时，还会将搜索框吸顶显示，便于用户随时使用。

排序与筛选