本篇文章，作者从交互体验层面解析一下搜索功能，希望对你有所帮助。

搜索，几乎是每一个涉及内容的APP都具备的功能，这里所说的内容包括但不限于商品、资讯、资料等。随着移动互联网的发展，无论从技术还是从体验层面，搜索功能都变得越来越强大，体验变得越来越精细。今天我们本篇文章，就从交互体验层面解析一下搜索功能。

基本流程

首先我们以苏宁易购为例来看一下搜索的基本流程：

从截图中不难看出，搜索的基本流程包括：搜索入口->输入关键词->搜索->搜索结果。

接下来，我们再从每个环节，进行细节分析。

搜索入口

搜索入口设计，一方面要基于对用户行为的洞察，即用户在应用中什么时候需要搜索；另一方面要结合产品目标的设定，即希望用户在什么情况下使用搜索。为了说明这个结论，我们先来看几张截图：

在截图中可以看到，有的搜索框是非常明显的通栏，而有的则是提供一个按钮。这个现象映射出的问题就是产品为什么要这样设计。在移动设计中，屏幕就那么大，某个元素占什么位置，多大区域，就代表其重要性是怎样的。

一般情况下，电商类的搜索框都非常明显，这是因为90%以上的用户使用电商类查找产品时，首先会使用搜索，其次是活动专题，再次是分类检索。而对于新闻资讯类产品，对搜索的依赖就没那么强烈，相反更多是基于大数据、云计算的推荐策略，例如今日头条，就是以强大的个性化推荐为切入点，快速占领了市场。

上面讲的是形式的入口，下面我们再来看看内容的入口-搜索关联。我们以美团和网易新闻为例来说明一下。

首先看默认搜索页面

然后是输入关键词的关联页面

在美团中，我们输入一个“火锅”关键字，美团搜索框下方会出现非常详细的关联内容，而这些内容不仅是与关键词高度关联，并且还是基于用户LBS给出的。如此一来，用户基本上不用看搜索结果，就能大致的了解情况，最大限度提高了用户的搜索效率。

而在网易新闻中，我们输入关键词“英伦对决”，会发现搜索框下方与之相关的内容，但没有更多的内容。

搜索及退出

关于搜索及退出，我们先来看一个案例，以下是（带有搜索按钮的搜索）的截图

以下是（带有取消按钮的搜索）的截图

这两个的区别还是比较明显的，那为什么要这么做呢，还是以上的两个APP，带有搜索按钮的APP，我们会发现首页的搜索框，会默认显示某个关键词，点击搜索框，进入搜索页面后，默认关键词还会存在。

到这也许大家就发现了，页面进来后，默认情况下，键盘是不会弹起的，那如果用户要搜索关键词怎么办呢？那就点击搜索框后面的“搜索”按钮就能进行搜索。

而对于另一个APP，我们发现情况就不一样了，首页搜索框里面没有搜素框，点击搜索框，进入搜索页面，这时候看到的就是“取消”按钮，只要我们点击搜索框，键盘就会弹出，可以点击搜索。

不过这里仍然有一个问题，键盘弹起来后，如果不输入关键词，点击“搜索”会出现什么样的情况，我们用今日头条的搜索来看一下，会发现它是给了一个提示。这里个人感觉并不是特别妥当。

更建议如果没有输入关键词，键盘上的“搜索”可以置灰不可点击。当输入关键词后，再可以搜索。

而对于专项搜索而言，例如在线教育APP中，因为搜索大多是搜索课程，那可以考虑没有输入关键词时，点击键盘上的“搜索”按钮时，可以列出所有课程。

另外一种情况，就是产品也可以根据自己的逻辑，把想要推荐的内容列出来。

搜索结果

从前面的逻辑，我们再来看看搜索结果页面，也会发现后面有很多需要思考的方面。我们先来看几个截图

通过京东的两个搜索结果页面可以看出，如果搜索的关键词有相应的京东自营的店铺，会先显示相关的内容，然后才是相关的商品列表；天猫基本也是同样的道理。

而对于包含多版块产品的搜索结果列表，则会按照版块列出相应的结果。例如今日头条的搜索结果页面：

搜索历史

搜索历史也是搜索过程中比较重要的点。搜索历史设计，需要考虑以下两个方面：

1. 未登录/已登录两种状态下的搜索历史差异。首先是两种状态下是否都有搜索历史，其次是如果有历史，那两种状态下的搜索历史是否一样。
2. 跨平台设计。如果一个用户在手机端搜索了若干内容，再访问PC版时，相关的搜索历史是否需要同步，以及如何同步，都是需要考虑的。

搜索总结

所有在用户体验上的努力，都是为了提高用户效率。从这个角度来梳理搜索背后的逻辑：首先我们有一个明确的产品定位，然后基于这个定位策划用户行为路径，明确了用户行为路径，就可以确定搜索的定义以及具体的功能设计，最后再通过用户数据进行验证，进入迭代优化阶段。

最后一点需要提醒的是，同样的APP在安卓版和苹果版上还是有差别的，所以也需要关注版本的差异。

作者：古木  微信公众号：E木笔记

本文由 @E木笔记 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自 Pixabay，基于 CC0 协议