关于搜索功能设计,你需要知道的交互和细节

编辑导语:在互联网产品中,搜索是一个十分常见而且需求量很大的功能;搜索本质其实是一个需求匹配的过程,需求方即用户在前端页面上输入需要检索的信息,然后经过后台处理得到检索结果的反馈;本文作者分享了关于搜索功能设计的交互和细节,我们一起来看一下。

关于搜索功能设计,你需要知道的交互和细节

优秀的搜索功能设计往往能够提升用户在使用产品过程中的体验,能够给产品带来正向的作用,反之亦然。

所以这个时候关于搜索设计的一些交互和细节显得尤为重要,下面就细谈一下自动补全、历史记录、筛选、排序等这些需要注意的搜索细节,希望能够帮助到大家。

一、搜索入口

产品的搜索入口该怎么放,放哪里,这其实是个细微但又不能忽视的问题,搜索作为产品的一个辅助功能,设计应该遵循主次分明的原则,首先搜索入口要放在醒目的位置,要让用户能够快速进行搜索操作,但又不宜占用过多的空间,影响页面主体层级。

目前比较常见的搜索入口主要有这几类:

  1. 单独设置一个底部菜单作为搜索入口;
  2. 页面顶部设置搜索框;
  3. 左上角或者右上角设置搜索图标按钮;

搜索入口的放置主要是取决于产品本身的业务形态以及战略方向,不同搜索入口的位置往往可以体现出该产品搜索功能的权重;像新浪微博这种将搜索入口作为一个菜单独立出来的,搜索功能层级的优先级极高,单个页面承载的信息量以及内容是十分丰富的;一般页面都涵盖个性化推荐、热门推荐等多个栏目,为页面持续导入流量,体现出产品战略的核心与发展方向。

第二种将搜索框设置在页面顶部的,这类型产品的搜索框占大多数,搜索优先级较高;这类产品内容类型与体量相对来说比较大,用户侧一般有明确的搜索目标,从点击搜索框、点击搜索以及得到搜索结果;这整个过程需要快速完成,并且搜索结果更要精准。

第三类则是将搜索图标设置在右上角或者左上角,这类产品相对来说弱化了搜索功能;旨在提升用户浏览当前页面内容的意愿,比如大家常见的抖音就是用这种搜索入口方式。

关于搜索功能设计,你需要知道的交互和细节

二、自动补全

所谓自动补全就是用户在搜索框输入关键词时,搜索框会下拉显示包含该关键词的其他候选词,供用户自行选择;这样设置的好处是在很大程度上能够减少用户的操作成本,提升用户体验。

候选词一般来源于历史搜索词或者是本地词库,然后按照搜索量的高低进行排序;另外,候选词与输入的关键词一般有两种包含关系:

  • 候选词头部必然是输入的关键词,如下图1(斗鱼直播);
  • 候选词只需要包含输入的关键词,组合顺序没有特别的要求,如下图2(虎牙直播);

关于搜索功能设计,你需要知道的交互和细节

三、历史记录

为了能让用户快速完成整个搜索操作,设置历史记录是必不可少的,也是通过减少输入成本来提升用户体验一个很好的方式。

常见的历史记录展现的位置一般有两种:

  • 在点击输入框输入关键词的时候,下拉列表显示搜索的历史记录,如下1图(新浪微博);
  • 最普遍的一种方式,直接在搜索页面设置一个历史记录栏目(我搜过的、历史搜索),如下2、3、4图(虎牙直播、抖音、虾米音乐)。

除了历史记录,搜索的页面一般还设置其他的栏目如热门搜索、热门推荐等来丰富整个搜索页面,使页面更加饱满;同时用户可以快速触达某些页面,从而提高了用户的操作效率。

关于搜索功能设计,你需要知道的交互和细节

四、模糊搜索

模糊搜索指的是输入关键词后,显示的搜索结果是一些包含该关键词的信息和数据又或者说跟关键词相关的信息。

模糊搜索在互联网产品中是十分常见的,一般都会默认使用这种搜索模式,这样可以尽可能的将搜索结果丰富起来,给用户带来更多的选择。

当然,也不是所有场景模糊搜索都适用,在很多B端产品中搜索特定ID例如内容ID、用户ID的时候模糊搜索就显得没有必要,这个时候用户需要一个精确的搜索结果;因此,在做搜索设计的时候一定要考虑产品或者搜索内容本身的特性去衡量是否需要模糊搜索还是精确搜索。

关于搜索功能设计,你需要知道的交互和细节

五、搜索结果分类

在同一个搜索的反馈结果过程中,往往包含多个不同类型搜索结果,从用户输入的关键字来看,往往存在很强的主观性,但是系统很难判断出用户到底想搜索的类型是什么;因此,在做搜索结果页面设计的时候要考虑是否将搜索结果进行分类,不同类型的类别应该有哪些?

分类的依据应当按照产品本身的特性去分析,不同类型的产品所包含的内容存在很大的差异,相同类型的产品搜索结果的分类也有细微差异。

如下图1(虾米音乐),搜索结果的分类依次是:歌曲、专辑、艺人、歌单、MV、用户,分类比较常规。

而图2(酷狗音乐)的分类则比较全面,分别有:综合、单曲、视频、歌单、电台、专辑、K歌、超人、歌词,可见酷狗对于音乐的生态和布局还是比较完善的。

关于搜索功能设计,你需要知道的交互和细节

六、搜索结果筛选和排序

在搜索结果反馈的页面中,遇到搜索结果的内容体量和内容属性比较丰富时,这时对于用户来说难以快速找到自己想要搜索的内容;为了缩小内容列表规模和提升用户搜索效率,通常会在搜索结果页面设置筛选和排序功能。

搜索结果筛选通常要根据内容本身特点进行筛选条件分类,首先要确定哪些内容字段为可筛选字段,然后选取部分合适的能够严格区分不同内容的字段作为筛选条件,没有必要将所有可筛选的字段都列出来。

另外筛选条件也有常规通用和特定两个类型,例如一般电商产品搜索结果可筛选通用的类型有品牌、折扣、价格区间、发货地等;外卖平台通用的筛选条件也一般有价格、配送速度、品质等,这些条件对于用户来说都是可以很好的去区分不同内容的。

当然除了这些通用的筛选条件,有时候不同商品之间的筛选条件也会有差异,比如说鞋可以选择码数、类型、款式甚至颜色等,这个还是根据自身产品和内容的特性去设计。

关于搜索功能设计,你需要知道的交互和细节

搜索结果排序也是一个十分需要关注的地方,排序往往与筛选同时存在,相辅相成,其目的都是为了让用户快速找到自己想要的东西。

常见的排序一般是价格排序、销量排序、距离排序、评分排序、评分排序等一些可以量化的排序维度,并且是由用户去主动触发的,带有很强的主观性;所以能够将用户期望的内容优先展示出来是排序的关键与核心。

除了这类基本的排序维度外,还有一个用得比较多而且一般默认展示的是综合排序,所谓综合排序就是综合多个排序类型比如价格、评分、销量、时间、广告等进行的一次多维度内容排列重组——其主要原理是赋予各种排序类型一定的权重,然后在此基础下综合计算每个内容的权重分值,然后将分值高的优先显示在搜索列表前面;当然里面还涉及一些比较复杂的算法和排序策略,在这就不做深究了。

关于搜索功能设计,你需要知道的交互和细节

七、高亮提醒

很多时候,在搜索结果反馈列表中,会对内容中的用户输入的关键词做特殊处理,大多数是改变字体或者字体颜色,将输入的关键词与其他内容区分开来;这样做的目的主要是减少用户的选择成本,让用户能够快速获得自己所期望的搜索结果。

主要用在一些纯文本的内容,比如说新闻、说说、动态等。

关于搜索功能设计,你需要知道的交互和细节

八、总结

对于搜索功能的设计,虽说涉及到很多不同的交互细节,但本质上都是为了提升用户搜索效率,从而提升用户体验;所以设计的时候围绕着这个关键点,就不会找不到方向了。

当然前提还是需要理解搜索功能的原理以及逻辑,同时能够应对不同场景给出不同的解决方案,这样在能力上也会有一个很好的提升。

本文由 @张伟贤 原创,未经作者许可,禁止转载。

特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点,也不对网站内容的真实性负责,如有侵权,请联系站长删除,转载请注明出处:关于搜索功能设计,你需要知道的交互和细节:https://www.zcly.cn/60076.html。
(0)
张伟贤的头像张伟贤专栏作家
上一篇 2020年8月31日 21:44
下一篇 2020年9月1日 11:01

猜你喜欢

发表回复

登录后才能评论

QQ:1124602020
微信:vl54120
备注:周一至周五全天在线,周末可能不在线,另外联系时,请告知来意。

公众号
交流群
运营狗会员,开通可享海量资源与多项权益,点击了解详情