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

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端界面设计文章及欣赏(419)
  • APP界面设计文章及欣赏(645)
  • 行业趋势(438)
  • 设计资源(918)
  • 交互设计及用户体验(861)
  • 前端及开发文章及欣赏(1031)
  • seo优化(146)
  • 平面设计(247)
  • 随笔的一些文章(59)
  • 设计思维(1888)
  • 用户研究(230)
  • 设计管理与成长(224)
  • cs界面设计文章及欣赏(56)

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档

  • 2024年5月(1)
  • 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)

代做工资流水公司石家庄代开公司流水芜湖做公司银行流水石家庄车贷银行流水包头房贷银行流水 费用湘潭打自存流水银川签证工资流水办理许昌银行流水账单多少钱阜阳代办自存流水哈尔滨薪资流水代办柳州工资流水代办商丘银行流水PS报价三亚房贷收入证明图片上饶对公流水公司成都银行流水办理上饶收入证明模板廊坊个人银行流水宁波流水单办理宜春流水账单报价宁波自存流水多少钱福州贷款流水代做唐山银行流水修改图片岳阳银行流水电子版代做台州企业对公流水公司黄冈背调流水多少钱威海查询贷款流水南京打印背调流水西安贷款流水模板苏州代开转账银行流水株洲银行流水电子版代做襄阳查询银行流水单香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

代做工资流水公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化