搜索功能的设计

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

搜索发生的场景

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

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

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

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

搜索入口

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

搜索中间页

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

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


占位文字提示搜索

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

有历史记录的搜索

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


热门话题引导搜索

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


分类标签提示搜索

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


热门搜索

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


实时补齐结果的搜索

搜索结果的展示

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

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

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

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

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 搜索功能无论在web端还是移动端,都是产品中十分重要的功能。文章主要从用户体验和产品功能、策略角度来分析,提出一些...
    史蒂芬宋阅读 2,941评论 4 44
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,058评论 25 709
  • 最近由于工作需要,调研学习各类产品的搜索功能,于是准备做个笔记和大家分享,也督促自己总结抽象。 首先思考一个问题,...
    兔子的产品实验田阅读 7,977评论 11 70
  • 小结 Python的函数具有非常灵活的参数形态,既可以实现简单的调用,又可以传入非常复杂的参数。 默认参数一定要用...
    Ji_uu阅读 202评论 0 0
  • 错过你就会发现好后悔! 皖北门诊部定于2017年10月10日——31日举行大型免费义诊活动。 免费义诊范围: ...
    AA老七阅读 423评论 0 0

友情链接更多精彩内容