如何设计更懂用户的搜索页

2021-4-25    雪涛

搜索模块的逻辑原理
搜索模块的功能及流程分析

“搜索”是目前互联网产品中最常见也是最有必要的功能模块,搜索一方面帮助用户快速触达自己想要商品/服务/咨询等,另一方面作为平台的重要数据入口可以获取比较有价值的用户信息。

目前大部分产品的搜索模块后台逻辑和前端设计大同小异,但是不同的品类的产品又存在一些差异,从产品逻辑上分析基本原理如下图,

用户输入一个关键词,搜索系统根据用户的输入的信息,筛选出系统认为用户感兴趣的内容,同时按照系统认定的重要性进行排序展示。简单而言,搜索可以分为三步。


Step1:对用户输入信息的过滤

用户输入的关键词首先要经过逻辑层进行非法词过滤,错词纠错,特定跳转几步操作

非法词过滤显而易见就是用户输入的敏感词汇会根据后端的非法词库进行判断屏蔽,网上一般有现成的词库可以直接导入系统,不满足的后台可以根据产品属性及业务需求再进行维护扩充。错词纠错输入查询关键词,用户可能会输入成拼音、或者错别字,逻辑中有一套纠错词处理,当系统对比有错误时,会进行纠错处理,最终输出纠错后的结果进行输出。特定跳转是后端将特定词汇设置为特殊跳转,后端需要维护的映射库。比如双十一的时候,输入双十一可能会直接跳转到活动会场,而不是具体的某个商品。 


Step2:根据用户输入信息对内容进行分析解读

经过三种异常词库的过滤后,关键词会进入常规搜索词库。搜索词库是有限的,但是用户的输入却是没有限制的,怎么将无限制的搜索转化为有限的词库,并且匹配到对应的结果呢?这里需要一个关键的步骤即分词,分词是将一个比较长的关键字拆分成多个合理的比较短的关键字,经过分词非标准的关键词就被转化为标准的词库,而这些词就会对应一些搜索目标内容,但这些目标内容并不全展示给用户,展示给用户的也不一定完全跟用户搜索的相关,这里就有两个跟搜索相关的两个关键指标即准确率和召回率,准确率是指所有展示的内容中与用户搜索相关的内容的占比,召回率是指所有与用户搜索相关的内容中被展示出来内容的占比。准确率和召回率是一对存在矛盾的指标,搜索后台会有调和这两个数据相关的目标函数,后台搜索优化的目标就是提高准确率和召回率,让后台与用户搜索相关的内容都能尽可能展示出来。


Step3:对解读后的结果进行排序

搜索系统标准词库都有与之现关联的具体内容,每个具体内容是否包含关键词决定是否展示这些内容,同时根据关键词的权重给展示的内容一个分数,最终根据每个内容的分数进行排序,不同平台的关键词权重不一样,这属于平台运营的机密,权重的高低直接影响目标内容的排序,也直接影响平台的销售额和用户体验。


在前端设计看来一个简单的搜索框,但是后端却需要多层逻辑的判断和输出,最终实现业务与体验的最优化。以上只是作为设计人员的简单总结,方便我们做设计的时候更好跟研发人员沟通。 


从前端功能流程上分析搜索模块可以拆分为启动搜索-输入内容-获取结果

启动搜索

目前大部分的搜索入口分为顶部搜索框/底部导航/局部图标,产品的属性决定搜索功能的重要级,从而影响搜索入口的样式,另外需要明确搜索在当前页面中的的优先级从而明确搜索的样式,底部是app的一个最重要位置,将搜索功能放在底部导航一方面突出搜索功能的重要级别,但相对于放在首页顶部又不至于影响首页的流量分发。页面局部设置搜索图标,相对搜索功能的重要级会低一些。顶部搜索一般是吸顶悬停,用户对搜索的依赖性很高,此类搜索入口的功能也最完整,对设计的要求也最高。 


完整的搜索框从功能点上分包括,扫码/语音/图片/文本等几种搜索能力,设计时需明确搜索框自带的功能点有哪些,功能点的优先级和关联性,总结发现一般电商类服务类产品会比社交信息类产品的搜索更为明显且搜索的功能点更多一些。


输入内容

在输入内容这个阶段,用户可能进行的操作是是输入(语音/文本/图片等)功能,选择联想关键词,清除/修改文本功能信息展示上一般有搜索历史,搜索维度,推荐搜索,默认提示词等,归纳起来基本为关联搜索,引导搜索,细分搜索这三种,目的都是一方面为了满足用户高效搜索的需求,另一方面实现平台营销策略。设计要兼顾这两点,在满足业务的同时给用户更好的搜索体验。

以上搜索返回流程中两大主流平台有一些差异的原因

第一种:搜索结果页—搜索启动页-搜索入口,可能的原因:

            符合移动端的流程可逆的操作习惯

            营销需要,返回至搜索推荐页,多一层页面的曝光机会

            便于用户触发再次搜索的行为

第二种:搜索结果页—搜索入口,可能的原因:

            用户用取消操作,表达的是取消搜索模块,故返回入口,同时也能再次调起

            缩短返回路径,更加高效,注重高效的操作体验 


获取结果

平台属性不同搜索结果页的目标内容会有区别,除了目标内容的输出外,搜索结果页会对应的展示筛选条件和推荐,此时需要做到的是筛选维度清晰,业务核心明确,平台特点突出

在这个阶段用户的目的是在目标信息/商品/服务中进行对比选择,获得自己最想要(从平台角度则是推荐给用户)的。在设计搜索结果页的目标内容时,需要注意信息层级的展示,比如电商平台最突出价格,而咨询分享类产品可能要突出关注度热度等。

大部分平台都有自己的rank逻辑,rank逻辑是根据商品的相关因素综合起来形成的一种排序逻辑,比如电商产品中的转化率/销量/点击率等,而且会根据产品的不同阶段去优化升级,目的是可以输出更符合用户心理的排序,从而更精准高效的满足用户,提升产品体验。


搜索异常状态

搜索异常的状态一般有三种,1.搜索结果为空;2.智能纠错;3.网络异常等,

搜索结果为空时一般需要空态图和文案说明和引导,缓解用户需求没有达成的心情。智能纠错,是在用户输入内容上的一种提示或纠正,如果用户输入的内容有问题或不够标准,在搜索结果中会能给最贴切的搜索结果。网络异常,需要考虑的是提示是在哪个阶段告知用户,用户在没有网络的情况下仍然可以调起搜索启动页,此时提示用户网络异常会比在搜索结果页告知用户的体验要好。


文章来源:站酷  作者: 周沐Zhoumu 

蓝蓝设计(  www.lanlanwork.com )是一家专注而深入的 界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、 BS界面设计 、  cs界面设计 、  ipad界面设计  、  包装设计 、  图标定制 、  用户体验 、交互设计、  网站建设  、 平面设计服务


分享本文至:
« 问卷发布后,如何整理体验反馈意见? app界面赏析 ——— 北京蓝蓝设计 移动端UI设计资源分享(二十) »

分类

  • 图标设计文章及欣赏(108)
  • 大屏界面设计文章及欣赏(84)
  • 网站设计文章及欣赏(472)
  • B端界面设计文章及欣赏(429)
  • APP界面设计文章及欣赏(646)
  • 行业趋势(443)
  • 设计资源(945)
  • 交互设计及用户体验(864)
  • 前端及开发文章及欣赏(1031)
  • seo优化(146)
  • 平面设计(247)
  • 随笔的一些文章(59)
  • 设计思维(1896)
  • 用户研究(233)
  • 设计管理与成长(260)
  • cs界面设计文章及欣赏(56)

日历

链接

个人资料

蓝蓝 http://www.lanlanwork.com

存档

  • 2024年6月(16)
  • 2024年5月(80)
  • 2024年4月(44)
  • 2024年3月(50)
  • 2024年2月(58)
  • 2024年1月(44)
  • 2023年12月(47)
  • 2023年11月(41)
  • 2023年10月(15)
  • 2023年9月(27)
  • 2023年8月(88)
  • 2023年7月(62)
  • 2023年6月(58)
  • 2023年5月(28)
  • 2023年4月(47)
  • 2023年3月(37)
  • 2023年2月(90)
  • 2023年1月(78)
  • 2022年12月(45)
  • 2022年11月(69)
  • 2022年10月(51)
  • 2022年9月(135)
  • 2022年8月(60)
  • 2022年7月(111)
  • 2022年6月(162)
  • 2022年5月(143)
  • 2022年4月(86)
  • 2022年3月(119)
  • 2022年2月(53)
  • 2022年1月(99)
  • 2021年12月(105)
  • 2021年11月(83)
  • 2021年10月(101)
  • 2021年9月(153)
  • 2021年8月(147)
  • 2021年7月(149)
  • 2021年6月(157)
  • 2021年5月(124)
  • 2021年4月(185)
  • 2021年3月(144)
  • 2021年2月(35)
  • 2021年1月(103)
  • 2020年12月(95)
  • 2020年11月(76)
  • 2020年10月(31)
  • 2020年9月(45)
  • 2020年8月(50)
  • 2020年7月(46)
  • 2020年6月(33)
  • 2020年5月(78)
  • 2020年4月(69)
  • 2020年3月(100)
  • 2020年2月(59)
  • 2020年1月(31)
  • 2019年12月(50)
  • 2019年11月(57)
  • 2019年10月(48)
  • 2019年9月(48)
  • 2019年8月(57)
  • 2019年7月(58)
  • 2019年6月(58)
  • 2019年5月(31)
  • 2019年4月(37)
  • 2019年3月(43)
  • 2019年2月(25)
  • 2019年1月(45)
  • 2018年12月(41)
  • 2018年11月(40)
  • 2018年10月(29)
  • 2018年9月(40)
  • 2018年8月(87)
  • 2018年7月(107)
  • 2018年6月(86)
  • 2018年5月(109)
  • 2018年4月(40)
  • 2018年3月(35)
  • 2017年8月(35)
  • 2017年7月(45)
  • 2017年6月(7)
  • 2017年5月(27)
  • 2017年4月(51)
  • 2017年3月(69)
  • 2017年2月(65)
  • 2017年1月(69)
  • 2016年12月(55)
  • 2016年11月(111)
  • 2016年10月(92)
  • 2016年9月(53)
  • 2016年8月(9)
  • 2016年7月(4)
  • 2016年6月(9)
  • 2016年3月(19)
  • 2016年2月(26)
  • 2016年1月(29)
  • 2015年12月(34)
  • 2015年11月(35)
  • 2015年10月(46)
  • 2015年9月(43)
  • 2015年8月(40)
  • 2015年7月(33)
  • 2015年6月(46)
  • 2015年5月(58)
  • 2015年4月(70)
  • 2015年3月(55)
  • 2015年2月(17)
  • 2015年1月(33)
  • 2014年12月(21)
  • 2014年11月(83)
  • 2014年10月(94)
  • 2014年9月(6)
  • 2014年8月(1)
  • 2014年7月(13)
  • 2014年6月(66)
  • 2014年5月(99)
  • 2014年4月(88)
  • 2014年3月(101)
  • 2014年2月(67)
  • 2014年1月(83)
  • 2013年12月(106)
  • 2013年11月(111)
  • 2013年10月(61)
  • 2013年9月(20)
  • 2013年7月(13)
  • 2013年6月(27)
  • 2013年5月(48)
  • 2013年4月(39)
  • 2013年3月(8)
  • 2013年2月(20)
  • 2013年1月(31)
  • 2012年12月(33)
  • 2012年11月(31)
  • 2012年10月(22)
  • 2012年9月(8)
  • 2012年7月(14)
  • 2012年6月(15)
  • 2012年5月(31)
  • 2012年4月(24)
  • 2012年2月(4)
  • 2012年1月(8)
  • 2011年12月(35)
  • 2011年11月(32)
  • 2011年10月(13)
  • 2011年8月(1)
  • 2011年6月(1)

聚圣源学法有哪些1200美元玉树临风酒店公司起名有免费的吗?小吉祥天王起名怎么取上海历史天气甜蜜蜜在线视频社区堕落天使阵容西甲国家德比辽宁直播宫怀缱绻无极剑神公司起名带荣字的名字坚决桌网游之死亡阴影茉字起名字寓意好吗小说东北往事之黑道风云20年全集侠胆雄狮起公司名子打分300m无线路由器翁姓该取名起名亚运会篮球设计工作室起名字大全电脑店名字描述天气的谚语武汉大道取姓叶的起名笔画八笔的字起名起名字 名称淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高?胖东来员工每周单休无小长假“开封王婆”爆火:促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化