搜索功能,它是能让用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。一个成熟的搜索功能是产品优秀的表现。
说到搜索功能,你是否会想到一个放大镜的图标和一个矩形输入栏?
大部分的APP都有搜索功能,搜索功能影响到用户对产品资源的充分调动使用,它是让用户直接到达目的地的通道,起到了一个引导用户走向的重要作用,一个成熟的搜索功能是产品优秀的表现。
1)作为搜索引擎入口
搜索中最常见最印象深刻的搜索引擎,比如谷歌搜索、百度搜索。
2)用于内容查找
一般放在网站的顶部,用于查找网站的内容。
3)用于快速定位
查找内容的变种,主要是内容定位作用,比如查找手机中某一款app。
4)用于活动推荐
主要是电商类的APP,会在搜索栏输入活动商品,用户点击搜索后进入商品活动页面。
根据搜索功能的使用,会发现使用不同的搜索场景下,用户类型有明显的特性,可分为:任务型用户、链接型用户、混合型用户三种。
不同功能,不同需求的界面会影响到搜索框入口的设计。目前主要有以下几种搜索入口:
类似于Google、百度、Bing,搜索是他们的主营业务,自然希望用户所要查看的大部分页面都是通过搜索来获得。所以把搜索框做为用户的唯一使用路径放在首页,不论是APP还是网页。
Bing的首页相比Google来说,除了搜索功能外,添加了很多内容,如今日热点话题、绚丽好看的背景图故事等,还可以切换到国际版搜索;
Google在隐身模式下搜索,首页只有搜索输入栏和语音搜索入口,点击输入栏后跳转到搜索输入页面。
简单搜索的首页主要有搜索输入栏、相机搜索、语音搜索等不同的搜索方式,点击搜索进入搜索输入页面。
输入栏在不同的位置和搜索方式的组合,给用户的体验感受。嗖~的设计样式侧重在不同搜索引擎下的搜索结果,Google的样式给人加深品牌印象,简单搜索多种搜索方式展示给人专业便捷的搜索体验。
这种情况在系统界面比较容易看到,对于一个系统界面来说,给用户提供各个APP,功能入口是一个系统的重要功能,所以对于搜索,系统做了隐藏处理。
系统桌面下拉搜索的用户使用场景更倾向是快速定位,支持搜索手机上所有应用的相关内容,包括通讯录,社交软件联系人等等。
Ios系统的下拉界面内容较少,固定在顶部的输入栏也比较清晰,方便用户直接在输入栏输入搜索;安卓的下拉界面功能元素较多,采用icon的设计比较节约界面空间,搜索入口样式是放大镜图标,点击放大镜进入搜索页面。
在生活中,用户对信息的管理较为注重,鉴于用户对信息的特殊使用场景,在启动进入APP时,一般是按最新的信息排列,没有显示搜索功能。但针对较少使用的搜索场景则采用下拉的方式,下拉是用户在使用手机中较自然的一个交互动作,另外信息本身在开启使用的时候都会有自动更新机制,因此下拉出现搜索框不存在其他冲突风险。
轻芒杂志和每日开眼的搜索入口是单独的一个放大镜icon,并不是为了节省空间,而是使整个界面更有设计感,新浪财经的搜索入口只有放大镜图标是当前页面的排版比较紧凑,这样的设计更能节约空间,展示更多的重要的信息。
对于任务型用户或者,会使用搜索操作来直接到达自己想要到达的页面。一般在电商类、内容类产品中较为常见,搜索往往是固定在顶部Global上的,以便用户快速搜索想要的内容。
当搜索功能作为一项很重要的功能,层级很高、使用频繁时,也会把它放在标签栏中做为一个主页面展示。
适用任务型、链接型、混合型用户的使用偏好。输入时仍需要跳转到搜索前输入页面,这种设计比较能够全方位向平台用户推荐资源。
悬浮窗搜索入口能够使用户在浏览的状态下总能注意到搜索图标,随时可以搜索的状态。这个效果跟在固定首页最顶的搜索输入框的入口效果较相似。
最常见的搜索方式是文字搜索,但随着智能技术的发展,搜索功能呈现的形式越来越丰富,丰富的搜索形式是文字搜索的辅助功能,能够引导用户在搜索上获得更便捷更高效的体验。目前在搜索形式上主要有文字搜索、语音搜索、图片搜索,还有一些在此基础上衍生的搜索形式,比如在图片搜索基础上在细分出扫码搜索、拍题搜索、拍照翻译搜索等细分领域。
文字搜索的搜索输入页的元素一般有输入栏,热门搜索、搜索历史、平台搜索榜单推荐、语音搜索等。
其中输入栏有三种情况,一种是空白的输入栏,一种是显示搜索类型提示,一种是显示活动推荐搜索关键词,一种是在输入栏增加语音搜索功能。热门搜索、历史搜索、搜索榜单推荐这些元素使搜索输入页内容更丰富些,也让用户通过搜索更加了解平台的其他资源或正火热的资源。
1)语音搜索的表现形式
语音搜索的输入页面设计主要有小屏弹窗式和全屏页面两种,进入语音搜索输入页面时,系统开启语音识别模式。
在界面一般会有停止语音识别按钮,语音识别历史和语音识别的交互动态。
以上展示三种不同风格的语音搜索输入页面,简单搜索的界面主要注重简单精准,在界面交互设计上比较简约。京东的语音搜索输入页注重人与机器的交互体验,在页面上除了可以语音搜索交互外,还有有智能问答交互、语音交互的教学引导、购物指南、游戏等功能,把语音搜索的功能与京东吉祥物结合起来,创造出未来的智能感。虾米音乐的语音搜索界面比较酷炫,呈现出潮流活力的感觉。
2)语音搜索的应用场景
语音搜索提升许多用户使用场景,比如年纪大的用户,使用语音搜索将会比他们打字来得方便;路上不方便打字的用户等等。语音搜索在音乐类APP上应用较多,通过识别音乐来搜索音乐的相关内容,很方便用户不记得歌名的使用场景。部分音乐类app还针对一些场合做了些语音搜索上的优化,比如哼歌识曲,提高了用户想要搜索的内容。
1)图片搜索的页面设计
图片搜索输入页面中,核心功能是图片搜索,但为了图片搜索的结果质量好或者用户使用体验好的情况下,一般会在页面上添加对应的元素提升体验。在图片拍照上会有聚焦和闪光灯用来帮助用户提升拍摄画质,在用户体验上会有新手引导、使用帮助、图片上传、拍照翻转前后摄像头、活动推荐等功能提升使用感受。
2)图片搜索的应用场景
图片搜索主要应用在二维码扫描、以图搜图、拍照搜题、拍照翻译、AR翻译等5种场景,目前在搜索工具类的APP上能看到这5种使用功能场景,淘宝已经在应用端上使用AR buy+的AR识别搜索技术。
在良好的输入状态下,能够减少用户的输入时间,快速进入搜索状态。在文字搜索的形式下,主要有以下几种辅助搜索功能。
搜索词匹配、快速定位搜索词、联想的搜索输入模式、辅助多重筛选搜索、分类标签搜索
1)搜索词匹配
搜索词匹配在用户对搜索的关键词处于模糊的场景比较常用,帮助用户通过匹配广泛的关键字列表选择自己最想搜索的相关内容,从而减少必要的思考和试错时间。
2)快速定位搜索词
快速定位搜索词主要是提供搜索词相关的信息和搜索结果信息前置从而缩小结果范围,提供搜搜词相关的信息比如显示搜索结果数量、商品数量等,而显示搜索词属性、标签等则属于后一种情况。
3)联想是搜索
联想式搜索输入模式是app根据用户输入的关键词和平台的热门关键综合评价给出的联想列表,以供用户快速选择搜索。
4)辅助多重筛选
电商类app一般都会有这一功能,比如淘宝的辅助多重筛选搜索,输入时展现的一系列联想内容,点击右边的一个拓展icon,就可以采用联想出的内容,在此基础上继续缩小范围筛选,从而帮助用户获得最接近需求的内容。
5)分类标签搜索
当应用里的内容涉及的类别较多、范围较为广泛,为了搜索出的内容更加准确,减少用户在众多相似的搜索结果中选择内容时的干扰,可采用分类标签的方式便于用户搜索。这种主要适用于用户已知需要搜索的内容的类别,缩小搜索范围。
1)搜索成功
常见的搜索结果按卡片式的瀑布流页面集中显示,在顶部用分类标签筛选搜索结果。在电商类的搜索结果显示中还会注重信息的筛选功能和结果排序。
2)未搜到结果
在APP内没有搜索到结果时,常见的有三种处理结果。
本文由威海网络公司半岛科技转载整理2018.09.22