将搜索拆解为三个部分:搜索入口、搜索过程、搜索结果
搜索过程又可拆解为三个动作:点击搜索框/icon → 输入文字/字符 → 点击搜索按钮/关键词,每个动作触发后,都会有相应反馈
搜索结构:
1、搜索入口
- 独立的一级tab
- 搜索框
- 搜索icon
- 隐藏式搜索框/icon
独立的一级TAB
为搜索功能的拓展提供了很大空间,可以做各种尝试,适合将搜索作为重要流量入口
搜索框
搜索框内一般会有预设文案,提示用户可搜索的关键词类型。目前越来越多的App(尤其是电商类)把搜索框作为运营的入口,放入一些热词、活动、新品/新功能等,并且不局限于一个词,可能是一个字、一个短语,甚至是一个句子
搜索icon
引导性稍差,运营空间也有限,但可以节约导航栏空间,适合于将搜索作为辅助功能的场景,引导用户发现更多内容,避免出现无结果/少结果的情况
隐藏式搜索框/icon
2、搜索过程
搜索过程是提高搜索体验的关键部分,过程可分为三个阶段:点击搜索框/icon → 输入文字/字符 → 点击搜索按钮/关键词
点击搜索框/icon
点击后的反馈:
- 跳转:跳转到搜索页
- 激活:激活搜索框,光标闪烁,并显示引导文案
- 调起:调起搜索键盘
- 搜索页:搜索栏和辅助区(搜索栏以外的部分)
搜索栏
- 一种有【返回】和【搜索】两个按钮
- 一种仅有【取消】按钮
因为调起的键盘通常为搜索键盘,自带【搜索】按钮,并且从操作连贯性方面来说,键盘上的搜索按钮更符合用户习惯,所以目前大多数App在界面上仅保留了取消按钮,这样也更利于用户聚焦
有些产品突破了传统搜索框样式,采用了更突出的形式,增加了图片、语音、二维码、地图识别的入口,这也为信息输入提供了更多的途径
辅助区
辅助区主要为用户提供合适的推荐,以提高搜索效率
此外,也兼具运营属性,可以作为推广入口
辅助区的推荐主要有历史记录、热搜、分类、推荐、猜你喜欢等
不同类型的App在设计上有所偏重:
如电商类App,热搜可以作为运营入口、为某些品类导量;
但工具类App,如印象笔记,搜索功能主要用来查找用户自己的笔记,不具备运营属性,也就不需要热搜
1、历史记录
历史记录适用两种场景:
- 搜索词与历史搜索有一定相关性,需要在历史搜索的基础上调整关键词
- 搜索的关键词,搜索结果可能有更新、搜索结果之前并未处理完或者需要再次搜索,这时需要重新输入关键词
历史记录能提升重复搜索时的效率,但并非所有的搜索都需要历史记录,如果搜索结果操作较为简单,且通过一次即可完成,那么就可视情况省略
考虑到搜索页的空间、有效性,通常需要控制历史记录的数目和时间范围
历史记录的形式主要有两种:一种是标签式,一种是列表式。标签式节约空间,列表式扩展性强(可以展示更详细的信息,也可支持收藏、删除等操作)
考虑到隐私问题,历史记录一般支持删除。删除有两种,一种是删除单条,一种是清空所有。删除单条功能多见于列表式,一些标签类的也可采用长按的方式删除单条
2、热搜
热搜的作用类似于搜索框中的预设文案,起引导作用
但因为辅助区的空间有限(键盘会遮盖一部分),为尽可能提高利用率,热搜的字数通常会作出限制
常见的热搜主要有4种:
- 整个平台用户的热搜
- 基于用户的个性化推荐(根据用户资料、轨迹等信息做智能化推荐)
- 平台运营内容(为某些品类引流)
- 推广(商业广告)
热搜的展示形式以标签为主,因为部分热搜是个性化推荐,可能会暴露隐私,一些App还贴心的设置了隐藏按钮
3、分类搜索
当App中涉及到的业务、类型、品类多时,可能出现多种类别的搜索结果,其形式和操作也不同
为了让一部分目的明确的用户(明确知道要搜索的类别),从中快速、准确地找到自己预期的结果,常常采用分类搜索的方式
具体有3种方式:
- 搜索框分类选择
- 辅助区分类选择
- 搜索结果页分类选择
搜索框中的分类选择,适合那些需求明确的用户:
如在链家中,搜索二手房还是租房,用户是特别明确的
在搜索框中默认限定类别,可能会导致搜索结果偏差。为了照顾到更多用户,大多数App提供了「全部」类别,并默认搜索「全部」类别下的结果
未在搜索框中选择分类的,仍然有机会在搜索过程中选择分类:淘宝采用tab的方式,区别展示「全部」、「天猫」、「店铺」的搜索建议和结果;亚马逊则在输入过程中,提供类别的选择(默认搜索全部分类,但提供搜索小类的入口),同样的还有58、京东、闲鱼等
更多的产品采用搜索结果分类的方式,将结果分门别类呈现,减少用户在搜索过程中的决策压力:
- tab式(代表:知乎、支付宝),第一个tab一般为各类结果的堆叠,后面每个tab为一类,便于切换。
- 采用标签来区分
- 用列表作为类别入口
- 直接将各个类别模块堆叠起来(更像是列表式的扩展,每个类别外露一些内容,代表:微信、豆瓣)
输入文字/字符
- 变化:搜索框中,引导文案消失,出现清除icon
- 匹配:根据输入的内容,进行关键词联想
- 清除icon:键入文字时,引导文案消失,清除icon出现;点击清除icon,文字清空,引导文案出现
匹配机制
1、一种是输入过程匹配
在输入时,每输入一个字/字母/字符,就进行一次匹配,同时更新页面信息
这里更新的信息,可以是针对输入内容进行推荐的信息,也可以是直接的搜索结果,即时提供搜索建议、引导性强、可提高效率
- 输入内容推荐匹配:对输入内容进行关键词联想,如输入「女」,推荐信息显示「女包」「女鞋」「袜子女」等,这种方式可以即时提供搜索建议、引导性强、可提高效率;
- 对输入内容进行搜索结果匹配:每输入一个字/字母/字符,就立即对数据库进行一次搜索,同时把搜索结果展示出来
2、一种是输入完成匹配
仅在输入完成后,点击「搜索」按钮时,才开始进行搜索、匹配,直接展示搜索结果。这种方式省去了对输入过程实时分析、引导的过程,适用于对搜索功能要求不高的情况
3、目前很多产品采用组合方式:输入过程关键词联想+输入完成执行搜索
关键词联想
关键词联想、匹配、引导、纠正
展开来说,有四个作用:
- 用户不一定清楚要搜的精确名称,关键词可以作为引导
- 系统可以根据已有的搜索数据,对关键词进行关联分类,并且与数据库精确匹配。如果用户选择了做过关联处理的词,就可以获得内容更精确、数量更可控的搜索结果(而这次选择,对系统本身也是一次反馈),同时,因为已预先做了分类,搜索时可以直接调取、减少计算量,速度也更快
- 可以减少用户的输入错误
- 提供很多很动态的运营位。
关键词的展示形式比较灵活:最简单的是根据输入词,直接展示联想的关键词,但因为页面空间有限,被键盘遮盖后只能露出几条;关键词二级标签,它伴随关键词一起出现,提供更多相关的入口
有时系统推荐的关键词不够精确,用户需在后面输入其它内容,但无论是关键词,还是二级标签,点击后都直接执行搜索,这就需要用户在搜索结果页再去激活搜索框,继续完善搜索词,中断了搜索过程。YouTube、Facebook、亚马逊、淘宝等采用了「向上补全」功能,点击关键词或二级标签,执行搜索,点击向上补全icon,会将关键词补全到搜索框中
还可以将关键词对应的搜索结果数量前置,便于用户控制搜索词的颗粒度,也避免出现无结果或者少结果的情况
除了提供关键词,还可以对输入词进行判断,适时提供分类建议
另外,也可以将部分搜索结果前置,与关键词一起显示。这些搜索结果,可能是平台用户的热搜、对当前用户的个性化推荐,也可能是平台运营、推广的内容
另外还有一些通过标签的形式展示搜索文字,甚至可以实现多标签搜索,从而可以更精准的进行搜索,同时能够对标签进行快速删除或删除其中某些标签
3、搜索结果
搜索后,通常会得到很多结果,它们可能不是同一类型,展示形式也会有差异。如何把这些结果清晰有序地展示出来,让用户准确、快速地找到想要的结果?这涉及到几个问题:
- 智能纠错
- 结果分类(如果需要)
- 默认排序
- 保留搜索词
- 结果与搜索词对应
- 排序与筛选
-
智能纠错
当用户输入了错误的词,可能搜索不到结果。需要系统判断识别,推荐正确的词,或者直接将正确结果展示出来
结果分类
默认排序
默认的排序结果决定了用户第一眼会看到什么,对后续的转化有直接影响。通常会根据一些因素做综合排序,如用户偏好、点击量、转化率、平台运营、商业推广等。排序策略通常比较复杂,不同的平台会考虑不同因素、赋予不同的权重
保留搜索词
点击进入搜索页时,仍然在搜索框中保留输入的词,一方面提示所搜的关键词,另一方面便于用户修改、进行二次搜索
结果与搜索词对应
很多App的搜索内容,不局限于标题和结果列表露出的部分,这就导致搜索结果看起来与搜索词并没什么关系,容易造成用户困惑,在必要时,我们应将搜索词显示在搜索结果中,保持搜索词的可见性
排序与筛选
排序与筛选维度与业务类型密切相关,不同行业差异较大。大致来说,排序有时间、距离、热度、价格、销量等维度。筛选维度则更加丰富和个性化,甚至会根据搜索内容进行变化
一般排序功能会放在搜索栏与结果之间,便于切换
筛选项维度少时,可以将筛选(与排序一起)放置在搜索栏与结果之间,点击后以下拉菜单的形式出现;若维度丰富,一般使用侧边栏形式。需要注意的是,多个筛选维度的叠加可能会导致结果过少,前置筛选结果数量是个不错的办法
无结果或少结果
出现无结果或少结果时,可能有这几种情况:
选择了错误的分类
- 输入错误
- 搜索结果少或无
对于前两种,可以提示用户,或者自动帮用户纠正错误;对于后一种,一般会匹配相关结果进行补足,或者提示用户更换关键词、扩大搜索范围、进行订阅等
更多搜索方式
语音搜索
不但为视力不佳的老年人提供了一种友善的方式,也适用于一些输入不便的移动场景:导航类内置语音搜索,可以在驾车途中实现路况查询、地点搜索、路线规划等功能
另外在一些音乐类App中,可以带入音律,实现【听歌识曲】,甚至是【哼唱识曲】
拍照搜索
扫描搜索
结语
一方面,我们接触到一个App,可以从搜索的具体形式,来反推它的功能定位和应用场景,并且思考是否有更优的方案,以此提高自己的思辨能力
另一方面,在今后的设计实践中,我们应该从功能出发,综合考虑业务类型、功能定位、目标用户、应用场景,选用最合适的形式,提升搜索体验,让用户搜得更快、更准、更舒心
