交互阶段-如何提升搜索链路的体验

刚接触设计的时候，总是觉得搜索很简单，我只需要在一个位置加入一个icon或者一个输入框就可以完成操作了，但是在最近的工作过程中，经历了更多有关搜索功能的项目时时，才去认真思考了这个问题。

本文主要搜索形态，在搜索中的前中后的体验是什么样的，如何评价搜索功能的优劣上的一些个人分析

一、什么是搜索

搜索即查找目标信息。在互联网的初始时，面对庞大的信息内容，用户想要找到目标信息，首先考虑的是使用搜索。到现在，基于用户行为的信息分发日益完善，首页的信息分发即我们对于用户行为的一级搜索，搜索功能开始作为信息分发工具的补充，尤其是娱乐工具及用户目标不明确的产品上，搜索功能更是要弱化。但不管什么时代，搜索仍是寻找目标信息最直接的途径，

二、搜索链路的全局体验-搜索的前中后

先看一下之前对手百做过的一些分析，也是目前产品的常用搜索流程

基于场景搜索，为提高搜索准确性和增加对自身平台的流量导入，我做了如下的优化，针对用户目标服务，按照目标维度制作不同的维度整合页作为承接，搜索过程中，根据关键词优先匹配承接卡片，设计如下

1、搜索前

一个好的搜索前的体验，就是不使用的时候不打扰，使用的时候快速进入

a：底部导航入口

当产品形态中，搜索作为其产品的重大流量入口时，适合将其放在底部tab入口，其存在意义以从单纯的搜索工具，逐步演变成搜索+推荐的工具，大流量入口的底部tab，承担起搜索+推荐的能力，以搜索为推荐内容引流，作为重点产品工具，

b：搜索框入口

常用的搜索形态，主要充当任务型工具，在页面中的交互表现主要存在两种，1:固定页面位置，主要固定在页面上方，不跟随页面滚动置顶，判断条件为，用户滚动页面时，是否需要搜索，或者说搜索是否是用户所必需，例如微信，在滑动时，判断用户可快速翻阅到目标信息，2:跟随页面滚动，在滑动页面时，搜索框通过收起、缩小或不变的形态位于页面顶部，判断条件为，用户在浏览相关信息时，仍需搜索才可查找到目标信息，产品体量大或者业务内容多，搜索作为产品的重要流量入口，

在搜索框中的提示文字也是重要的信息之一，常用两种文字，1:功能型，告知搜索属性 2:推广型，基于用户行为的字段或最热的字段，已用户可能感兴趣的词的轮播，促进流量转化

c：icon入口

希望用户将更多的注意力放在内容，降低搜索对内容分发产生影响，或者是产品形态对于搜索的需求小

2、搜索中

当我们点击搜索入口，即进入搜索中状态，在当前的的产品设计中，通常给予搜索中页面完整的二级页面展示，目的是通过用户主动行为的操作流程中，为推荐相关内容进行引流，也通过内容推荐，为搜索工具提升价值，并且按照用户行为，分为了两个页面-搜索推荐页、搜索输入页。

a：为搜索做准备

当我们点击搜索要进入搜索流程时，视觉会聚焦到输入框或搜索icon，如果直接进入搜索中页面，会导致用户搜索流程的割裂感很大。

如何将这两个页面看起来更像一个页面。在移动端中，通常采用视觉重心即搜索框或搜索icon放大平移动效来实现，让用户感觉仍留在之前的页面。

另外在搜索中的状态提示也是很重要的信息。a：输入区的颜色变化，提示该区域已成为焦点区域。b：光标的闪烁鼓励用户输入。c：置底文案通常是简单的搜索或是根据分发匹配的搜索关键字，可以一键对于匹配关键字的搜索。d：清空icon作为单个删除的补充icon，简化用户操作路径。e：对于页面的返回入口，通常采用的是取消，即中断搜索流程

b：搜索推荐页

搜索推荐页主要存在两个主要的设计点 搜索辅助功能、搜索内容展示

搜索辅助功能：源于技术突破带来的福利，将不可能变成了可能，设计师针对技术将其灵活运用于产品设计中，如语音搜索、图片搜索、声音搜索、问答搜索、分类搜索等等

搜索内容展示：

无内容展示，如果用户使用搜索的目的是完成某个特点任务时，那我们就没有任何动机去推广内容

存在内容展示，根据用户目标行为主要分为两类，历史搜索、猜你想搜。根据用户主动行为的视觉聚焦带来的流量，通常还会存在2种内容引流，热门搜索、分类搜索

过去的目标是当前目标的有力指标，但是「历史搜索」记录的是用户过去的状态、并不能保持搜索目标的最新状态，所以「猜你想搜」根据过去的行为目标联想衍生可能会发生的搜索操作，「热门搜索」作为平台重要内容，利用高的关注度对其引流，另外用户进入搜索流程后，可能仍无最明确的目标，于是「分类搜索」也可以承担大的流量入口。

在设计的过程中，应根据产品属性，选择不同的内容进行展示

c：搜索输入页

进入搜索输入页后，说明搜索中间页的内容不符合用户此次目标，所以应隐藏其推荐信息。

输入过程匹配：针对输入内容进行实时反馈，引导性强、效率更高，在指向目标明确时，结合业务场景，可以让搜索结果前置，降低搜索时间。但是在开发过程中的难度更大，可针对产品搜索场景的使用率和价值维度，进行判断

输入结果匹配：仅在输入完成后，点击搜索，展示搜索结果，降低开发难度，

3、搜索后

搜索结果页展示根据输入框内容的搜索结果，结果的展示有多样的，按照内容的多寡，主要分为以下几类：无搜索结果页、内容平铺展示、搜索后分类、搜索前分类

a:无搜索结果页

搜索输入页即搜索结果页，适用于内容、目标明确的产品，通过减少搜索路径，降低用户流失

b:内容平铺展示

当内容多但无法进行分类时，通常将信息全部平铺展示，常存在于ugc内容产品

c:搜索后分类

降低用户使用搜素的成本，减少搜索前的使用阻力，对于用户无目的搜索时体验更好

d:搜索前分类

用户目的明确，知道自己想搜索什么内容，降低搜索后的筛选成本

三、对于直播搜索的思考

对于搜索的设计，应从目标倒推设计。寻找到用户可能的目标信息，拓展相关联信息，提升搜索价值

四、对于搜索的其他思考

最早之前，水果店只有两种水果，每次只能在这两种水果中进行选择，我可以很快的找到想要的水果，再然后上架了数十款水果，商家将水果进行了分类，每次买水果的时候，我需要花费一些时间我才能找到，再后来上架了上万款水果，商家问我想吃什么，然后他去给我拿过来，后来我去的时候，商家只要看到我，就知道我想吃什么了，提前给我拿了过来，慢慢的，我想换个口味，商家根据我之前水果推荐了一些类似的，有一天我看到大家上的人都在吃一种我不认识水果，我也想吃，可是我不知道他的名字，商家给我看了几款最近热门的水果，我居然也找到了。

一个很粗糙的小故事，简单讲述了搜索的发展史。设计来源于生活，前面所讲的搜索体验是我们的设计基础，设计师的价值更体现在对于平台和用户的思考。

如果用户看到野外有一种水果想要呢（自然语义搜索）-我们的用户会去野外吗？如果用户拍照发现一个水果想要的（拍照搜索）-我们的用户会拍照吗？如果用户发现有一个水果有声音想要呢（声音搜索）-我们平台的水果会发出声音吗？

常用的搜索形态已经日益完善，对于搜索的扩展延伸，还在快速成长