一个搜索功能引发的设计思考

本文介绍了在做搜索功能时的设计思考，从如何发现问题到寻找设计切入点的具体过程。

我们知道，搜索功能可以帮助我们在当前产品使用中快速找到感兴趣内容并进行查阅，不仅如此，在一些产品中也会将搜索作为运营位来使用。然而，在平时使用搜索功能的时候体验也不尽是愉悦的，比如不符合预期的搜索结果，不够明显的搜索框，过长的搜索路径，都容易让用户备受打击。

那么，如何对搜索功能进行再设计，从而提升用户体验呢？本文就桌面端搜索的设计思考进行了一些总结：

设计之前

在对其进行交互设计前，我们需要明确的一点是：当前设计存在哪些问题呢？或者说，我们可以从哪里获取到这些问题点并寻找有价值的设计切入点呢？

以时间资源较为紧张的日常需求为例，产品经理在提出某个需求的时候一般会附上「需求背景」，有助于我们接手一个新需求的时候可以快速理解到这个需求目的及缘由，这一般会成为我们第一个接触到的「问题点」。

接下来，为了验证产品经理或相关利益者所提的问题，我们需要进一步体验现网及竞品（特别是在设计从0到1的项目时会起到很好的帮助），在体验的过程中，我们可以尝试给自己设计一个「任务」，而不是毫无目的地进行体验。同时记录下自己在做任务过程中遇到的相关痛点，便于我们后期在设计阶段的时候可以根据这些「用户任务」下的「用户行为」和「问题点」寻找有价值的切入点。当然如果有真实的用户反馈和用户行为作为支撑是最有说服力的，然而日常需求中很难会有多余的时间让我们去做用研，因此可留意迭代之后服务侧收到的真实用户反馈或数据是否达到本次预期从而加以调整。

最后我们可以再通过相关数据来确认并完善我们的问题库，如某部分内容点击率或转化率不如预期等。

寻找设计切入点

那么，对于搜索功能来说，用户在使用过程中会有怎样的行为以及有哪些设计要点呢？我们可以通过上述分析将用户在搜索过程中的行为分为四个部分：

一 / 定位搜索入口

不管是桌面端或移动端的搜索入口，都需保证用户是能够快速识别到。然后再根据当前场景思考用户需更多放精力在内容区域还是会更加依赖搜索功能。

1.1 / 清晰可见易发现

如今桌面端搜索入口样式有几种，分别是：仅搜索icon（一般为放大镜icon）、经典搜索框等。不管是哪一种，清晰可见易发现可以说是搜索入口必须遵守的。

虽然现如今大多数桌面端搜索入口都是置于顶导航易于用户快速识别，但也要注意是否有过多干扰元素妨碍到用户，以及所设计的搜索样式用户是否易识别。后者对于B端用户来说更不该轻易更改，曾经作者尝试过仅仅将「搜索框」“优化”为「放大镜icon+搜索线」，同时增加了其他快捷入口。随即引来了用户的强烈吐槽，反馈不知道搜索在哪里。可见创新虽重要但也需要保证是否大部分用户是 易识别，可接受 的。

1.2 / 固定入口还是随时召唤

根据使用场景不同，我们可以选择是否需将搜索入口进行固定抑或随时召唤。若当前需要用户聚焦于内容本身，可让搜索入口随内容滚动消失；若用户需更多依赖搜索本身去定位其符合预期内容则可将搜索功能固定于顶部方便用户随时随地进行搜索。当然，除了这两种解决方式以外，现如今也存在一种介于两者之间的样式，即在滚动内容的过程中收起搜索入口，然而当用户向上滚动内容时即会出现搜索入口。这种类型相对来说会更讨巧一点。

二 / 触发搜索区域

当用户触发搜索区域时，可通过向用户推荐运营内容或根据用户已有行为进行内容推送，以协助用户更快定位内容。

2.1 / 运营推送

前文已经有提及，由于搜索入口有时会承载着运营功能作用，故可在用户处于不同行为阶段中来承担该部分内容，如：默认展示、触发搜索区域时展示、即时搜索内容时展示。

一般运营内容会围绕产品目前主推的产品或活动等内容展开，不仅有助于在用户浏览内容时增加曝光机会，同时还利于用户能够快速触达运营内容。

2.2 / 定制化推送

定制化推送是相对于运营推送更为智能的一种方式，可根据用户IP在网站上的行为来进行智能推送，以淘宝为例，在日常使用中会对用户搜索及浏览内容的行为数据进行搜集，从而更好地为不同用户推送定制化内容，也会更符合用户预期，减少用户检索路径。

三 / 输入目标内容

当用户带着明确目标输入内容进行检索时，除了开发人员需最大程度提升用户击中有效目标几率外，作为设计师的我们能做的就是在即时搜索内容展示时通过以下两种方式更好地对信息进行再梳理，以提升用户对信息的认知。

3.1 / 展示不同颗粒度

对于大部分网站来说，由于存在不同的信息内容，因此用户在搜索时击中的内容也存在不同的颗粒度。目前存在两种方式对用户搜索的内容进行分类：

（1）在搜索前就展示不同分类

（2）搜索后再将搜索结果进行分类

目前腾讯云官网以第二种方式为主，主要考虑是基于希望能够减少用户输入前的思考过程，因此选择了在即时搜索结果出来时再向用户提供不同颗粒度内容以做抉择。

3.2 / 高亮匹配关键词

在即时搜索时需要对搜索关键词进行高亮展示，因为这也是一种 「信息分类」 的方法，有助于用户更快对信息进行识别。

四 / 查看搜索页面

搜索结果页除了展示搜索相关内容外还有哪些设计切入点呢？其实我们可以在结果页多为用户考虑一步，即哪些搜索行为是可预知从而进行特殊化处理的，以减少用户检索路径；同时也可对不同类型的搜索结果进行梳理归纳，让用户更好辨别相关内容。

4.1 / 提取可预知行为

什么是用户在搜索中的可预知行为呢？以Google搜索为例，当输入「深圳天气」时，Google会直接展示当前深圳天气，毕竟较少用户会查看以往天气或未来几周天气，因此会将用户搜索某区域天气直接定义为需要得知当前天气情况的行为。

包括输入「深圳南山区科技园」会直接展示地图等。

4.2 / 归纳展示模版

将搜索结果进行合理的认知分类有助于提升用户获取信息的效率。

结语

其实一开始接到这个需求只为了在搜索结果页增加引导反馈的功能，可以说是设计师平日里遇到的小需求之一，但在设计过程中为了更好理解需求本身，可以通过第一部分的方法进行分析，从而寻找到有价值的设计点进行一步步推导，实现设计的高光时刻！