搜索介绍:搜索是用户获取互联网信息的一个重要功能,是用户认知网络世界的一个重要途径,用户对此功能的依赖性也很强,优秀的搜索功能可以更好为用户提高效率,找到用户需要的内容,从而提高用户体验。
搜索原理说明:
第一步主要是对用户输入的信息进行转译的过程,通过切分用户的输入文本,过滤非相关内容,再进行关键信息的解读;
第二步主要是对这些转译后的关键文本的结果进行匹配和数据召回和召回;
第三步是根据算法对内容的相关度和业务相关性进行计算和筛选,讲结果进行打分后进行排序。
通过以上三步就可以完成一个搜索;
搜索流程说明:
进入搜索页面;
输入相对明确的搜索内容;
筛选,如果没有找到满意的内容,可通过缩小/扩大范围,换词等方法继续搜索;
找到满意的内容;
点击进入详情页,完成搜索。
而用户的搜索流程也分为标准搜索流程和用户自然搜索流程,自然搜索流程更符合用户的使用习惯,请看亚马逊网站的自然搜索流程;
用户搜索前的心理分析:
在搜索前,用户是一种带有相对较明确的目的才会去使用搜索功能,而不是绝对明确。
在用户的搜索意图并不明确时,用户希望可以得到一些建议来帮助自己搞清楚自己的意图,所以可以对搜索内容进行分类及推荐。
用户在搜索的过程中会不断学习探索,会根据自己的查询词以及搜索结果,不断加深对自己想要的搜索结果的理解,在这个过程中用户的搜索意图也会不断的清晰确定起来。
用户搜索的过程是一个发散的过程,初始的目标会激发出新的目标,从而就有不同的搜索方向。
搜索的过程并不总是从模糊到清晰,从大范围到小范围的搜索过程,中间也会出现从小范围找不到而需要扩大范围的情况。
当用户明确并确定了搜索意图之后,接下来就是使用标准搜索流程,利用排序、筛选缩小结果范围,最终找到满意的商品。
搜索入口介绍:
搜索功能的基本样式:
输入框或者图标形式展示;
顶部bar展示,重点突出;
一级菜单;
二级页面;
搜索功能重要,需要突出,采用如下设计策略:
放在明显的位置,或者用明显的视觉元素吸引用户注意力;
页面滑动的时候一直存在,或者一直有快速入口立刻切入;
独立的一级tab专门用于搜索;
举例:
百度进入后即为搜索输入框,页面向上滑动后,输入框置于顶部;
淘宝的搜索功能比较重要,放置位置首页顶部,视觉元素明显,同时页面滑动时,一直固定顶部;
苹果手机的appstore对搜索依赖性也很重也,放有一级tab;
搜索相对而言不重要,不需要突出,可采用如下策略:
适度的位置留个入口进入,不明显突出,或者一个ICON即可;
首次使用时显示搜索入口,后续再次进入时隐藏搜索入口;
搜索入口一直留着,需要时展示出来,但页面滑动时,不固定;
IOS原生的快速搜索入口一直隐藏,通过手势下拉触发
完全隐藏搜索入口,通过新手教程引导,通过手势促发;
微信QQ的搜索入口第一次进入时呈现,后续进入不呈现,通过下拉查看搜索入口
搜索不突出或者不放在首页的原因可能有:
通过数据监控发现搜索的使用率不是很高
由于内容数量的问题,搜索后有比较高概率出现无结果,如APP刚起步,内容不多。
用户早已熟悉产品的结构想把其他功能突出弱化搜索时;
搜索打开方式:
在新界面中打开,大多数电商网站是新的页面,同时伴有推荐、历史等内容,而进入搜索内容列表时,可在原页面进行重新搜索;
在原有页面进行实时搜索,多数为专注于搜索的网站使用,如百度进入后就直接进行搜索,体验更好;
具体的使用方式需要根据业务场景做设计区分;
搜索页面元素归类:
搜索按钮,在PC端一般位于搜索框右侧,在移动端一般位于键盘右下角,方便用户点击;
退出搜索按钮,移动端搜索框左侧为返回按钮,也可在搜索框右侧放【取消】按钮,表示退出搜索。;
输入内容匹配,搜索框下方出现关联词选项或着搜索栏下方出现选项栏(未关联),仅仅将输入的搜索词重复的显示在选项栏上,此种选项栏一般作为【确认】按钮的作用存在。移动端的搜索框在输入内容后一般会出现清除符号,点击可清除输入的内容。
分类搜索,如搜人,搜文章,搜商品,搜商家等;
搜索提示信息,比如输入哪些内容进行搜索,提示可以在输入框内,也可以放在输入框下面,如淘宝;
历史记录,已经搜索过的信息一键即可完成搜索,减少用户手动输入,未登录展示本机搜索历史,已登录展示账号搜索历史,方便用户进行二次搜索的一个快捷入口,一般都是按照时间顺序排列,最近搜索的在上方,同时伴有删除历史记录按钮;
热点关键词推荐,热搜词,推广词,广告词等内容,根据用户的数据进行推荐内容,同时实现商业推广;
语音搜索、图片搜索等;
举例说明:
如淘宝的搜索词匹配、热门搜索及猜你想找,以及图片/语音搜索;
百度地图的搜索页面增加了分类、广告等内容,以及快捷操作等方便用户操作的功能;
在搜索输入内容时的一些建议:
关联词推荐及匹配原则,最简单的原则为包含关系;
匹配关键字的内容,如果内容过多,有进入更多列表的入口;
如果内容分模块,则显示有关键字匹配的各模块,或者可以进行模块切换,如微信的联系、聊天记录、文章、公众号等;
如果每个匹配记录含有多个结果,可以标出对应的数目;
同义词或近义词匹配、智能纠错、拼音模糊匹配;
搜搜结果展示页面说明:
点击搜索按钮,跳转至搜索结果页面,搜索页面内容展示:
页面内容列表排序,可根据内容查询量和相关度进行排序,以及点击、人气、销量、阅读量等因素综合排序,无结果数据时,可以展示相关内容或推荐内容,例如猜你想搜等高关联度结果推荐;
辅助排序条件,电商类突出,如新品、价格、销量等
对搜索依赖性强的产品需要保持搜索框随时可见,如百度直接将输入框固定于页面顶部;
允许在搜索结果页面清除当前搜索后再次搜索时,不再打开新界面,当前界面展示新的搜索结果;
在结果页增加一些面包屑,如相关搜索或相关关键词搜索结果,提高用户自然搜索过程,如百度图片里图片推荐和模糊匹配,商品的相关推荐以及类目说明;
结果展会页,信息类网站一般为列表展示,电商类为橱窗式;
举例:
下滑后入口消失,上滑的时候展示,如淘宝、天猫、百度,搜索入口一直存在,如大众点评、美团;
百度的搜索页面,输入搜索内容后展示搜索列表内容,列表上滑时输入框消失,下滑时显示,然后再PC端,输入框会一直固定于浏览器顶部,方便用户再次搜索;
天猫使用的是橱窗式展示结果,提高商品的展示效率,同时可以支持按品牌,类别,店铺类型等等辅助搜索条件进行进一步筛选。
这里仅仅是列举了一些粗浅的搜索设计方法,以起到抛砖引玉的作用,而真正产品设计的乐趣是在不同的场景寻找到最合适的解决方案。
更新内容将持续更新,欢迎关注。