搜索功能的设计

搜索能帮助用户快速、精确的找到想要的结果,两个重要的目标:结果准确,相关性高。搜索过程快速,流程精简方便高效。

搜索发生的场景

  1. 精确搜索,用户有自己的搜索目的。这种场景下,用户有自己的搜索关键词,大脑对搜索结果会有一定的构想。比如淘宝搜索“运动鞋”,那出来的基本就是安踏,耐克阿迪等运动鞋了。

  2. 用户不知道要什么,以一种浏览的心态来到搜索页面。这种场景下,用户是出于被动状态的,我们要提供合适的提示信息,比如可以搜索XX和XX,热门搜索等,来引导用户进行搜索查看。

  3. 提升效率,进行分类,指定范围的搜索查询。主要体现在信息类产品中,结合筛选功能一起用。

搜索的流程包括几个方面:搜索入口、搜索中间页、搜索结果页

搜索入口

搜索的入口一般有三种形式:
搜索icon按钮形式,一般放在页面的右上角或左上角,通过点击搜索按钮,触发来到搜索中间页。
搜索框(一般置顶显示),直接在搜索框输入关键字,或者结合语音,拍照,扫码等形式,触发来到搜索结果页面。
搜索出现在标签栏,这种一般是轻量级,内容为主导的产品出现较多,突出了内容的搜索重要性,在切换页面的时候,也会存在于标签栏上,充分暴露搜索入口。

搜索中间页

搜索中间页指的是,点击进入搜索入口之后,呈现的页面。一般来说有两大类型,最直观的搜索和包含信息提示的搜索。
具体如下几种情况:
1.直白式——入口进来,直接调起输入键盘,输入焦点设置在搜索框,用户直接输入自己的关键词。这种页面没有任何提示信息,完全依赖用户的搜索词输入,用户无法预测搜索结果,缺乏对用户的引导性和帮助性。

2.提示引导式——在搜索框里有类似占位文字的的信息,比如“在这里你可以搜索你想查看的帖子,视频或作者名称”,在用户输入之前进行合理的输入提示。可以限制搜索的关键词,让用户对搜索的范围有一个大致的了解。可以初步预期根据搜索词,会得到怎样的结果。


搜索功能的设计_第1张图片
占位文字提示搜索

3.回顾历史式——从入口进入之后,会展现搜索历史或者搜索的信息。可以实现重复内容的快速再次搜索,提升重复搜索的效率,同时也记录了用户的搜索行为习惯。
这种形式,要注意展示的搜索记录的数量,太少的话会很快被后面的搜索覆盖掉,帮助的价值不大了。数量太多要考虑不被键盘遮挡。每条信息尽量显示完整,过长的信息是选择折行显示还是省略号替代。
搜索历史记录的交互引导要比较明显,引导用户直接点击历史记录,然后直接展示搜索结果。
处于用户某些隐私考虑,历史记录要能够方便的清除。

搜索功能的设计_第2张图片
有历史记录的搜索

4.关键词引导式——在输入搜索关键词之前,就会有相关的关键词标签,引导用户点击搜索。这种对用户的引导性很好。从运营的角度来讲,我们可以由后台更新热门搜索词,将用户往促进产品活跃的方向引导。也不至于给浏览式的用户留下太多的空白和迷失感觉。对用户和产品都能有促进。


搜索功能的设计_第3张图片
热门话题引导搜索

5.分类引导式——会有相应的主题标签,引导用户更精准的搜索。这样会让用户有一点的心理预期,也就是说搜索结果会限定在这个标签的大概范围内。


搜索功能的设计_第4张图片
分类标签提示搜索

6.热门引导——类似于“其他人也在搜”这种表现形式,可主推平台目前的内容,运营话题,或者高频搜索词,可以当做需求驱动出现,提升和丰富产品内容的曝光度和点击率。


搜索功能的设计_第5张图片
热门搜索

7.结果补齐式——在输入搜索关键字的时候,下方会动态的出现包含关键字的相关结果信息,如果没有就显示暂无相关信息。这种效果对用户体验很好,用户能清楚地知道自己搜索的内容是有相应的结果,实时响应用户的输入最典型的例子就是知乎的搜索。


搜索功能的设计_第6张图片
实时补齐结果的搜索

搜索结果的展示

搜索结果出来的信息展示有多种方式,可以从几个方面来考虑信息如何展示:信息的包含的属性,信息的维度,一个页面能展示的信息数,没有结果的处理。

  1. 信息的属性是指,用户搜索得到的信息有多少属性,比如是单纯的文字信息,还是有图文结合,甚至是视频,音频等内容的结合体。

  2. 信息的维度,针对不同的产品,用户搜索的信息结果可能会有多个维度,比如信息的时间,信息的空间等。

3.要考虑一页能显示多少信息,尽可能有条理的,排布多的信息在用户面前,提高信息的聚合度。

  1. 没有搜索结果的时候,要安慰用户,或者进行合适的提示,引导用户再次搜索。

根据以上的考虑点,我们可以预测用户对待信息结果的需求。比如对属性或维度单一的信息,能够快速查看,判断是否要点击查看信息详情。而对一些属性较多,要考虑维度较广的信息,用户需要更详细的了解,才决定是否去点击。根据以上分析,对搜索结果的展示一般有几种方式

  1. 在当前搜索页,以列表的形式展示搜索结果。这种适合维度单一,属性较少的信息展示,比如知乎搜索关键字,得到的都是文章描述。

  2. 另外新建页面,来承接搜索结果。这种对于个体较大,维度较多的信息比较适合。比如京东的商品搜索,就是将搜索页面和结果页面分离。在搜索结果页面,用户能查看更多的结果的信息,甚至配合筛选条件,最终获取自己想要的。

  3. 当结果为空时,尽量不使用太直白的提示方式,这样界面缺乏友好性。一方面我们可以换一种友善的方式提示用户,另外一方面,引导用户采取其他变通措施。我们可以采取三种方式:
    3.1 可以结合产品主题或Logo,做一个比较生动幽默的提示画面,轻松的告知用户结果不存在。
    3.2 提示用户尝试更改精确的搜索词或者别的搜索词,进行再次尝试。
    3.3 列出和搜索关键词相类似的关键词或者相关结果,引导用户进行查看。

你可能感兴趣的:(搜索功能的设计)