APP开发

互联网品牌整合服务

我们是体验经济世界的构筑者

互联网经验

15+

500强企业

72+

行业龙头客户

127+

首页 > APP开发 > 开发资讯

查看其它板块

深圳APP开发中的搜索功能的设计

来源:深圳网站建设-沙漠风 | 2018.04.02

对于电商类、引擎类、信息流类的应用,搜索是其中重要的功能之一,无论是移动端还是pc端,搜索的设计思考都以:用户要得到什么?作为出发点;但两者的展现形式却不尽相同。移动端的搜索功能需要在更小的屏幕空间上占有一席之地,根据不同的业务形式,其展现的方式也是多种多样。

一、搜索的行为思考

1、精确搜索
这种场景下用户目的清晰明确、直奔主题,通过在搜索框输入内容快速找到所需目标,完成此次搜索动作。
常见案例如百度地图、UBER、网易有道词典、同花顺的搜索功能等。
2、提高寻找效率,高效锁定目标或快速缩小范围
这时候搜索功能在一定程度上和筛选近似,有时候往往和筛选一起使用。这种常见于信息浏览类应用,在用户浏览信息的同时往往迸发出念头,想要快速浏览有针对性内容,于是开始使用搜索。
常见案例如爱奇艺、下厨房、优酷、美团、大众点评、知乎等。
3、用户不知道自己想要什么,通过搜索启发自己灵感

因为很多应用的搜索页面中往往有精心安排的信息。为迎合这类用户需求,搜索页面一般有热门搜索的关键词、搜索类目、记录等等。



二、搜索怎么放
1、搜索图标:在导航栏一侧或其他位置放置,根据用户场景和重要级需求决定。一般搜索图标放在右侧,当右侧有两个及以上按钮时,考虑平铺或折叠。
2、搜索栏:以搜索栏的形式直接放在导航栏或放在导航栏下方等其他位置,此时搜索栏可结合语音、拍照、删除(在输入后显示)等功能按钮。
3、搜索作为标签栏中的某一个功能:根据内容重要性决定排在第几个标签中。
4、搜索以单独页面或主页P0功能展现:直接作为主页面或主页以较大篇幅显示搜索栏,内容及形式根据用户场景定义。

三、搜索框
1、以搜索栏形式展现的搜索功能
搜索框的位置可以出现较短的文案,长度需限制在搜索框的长度以内,起到隐性提示和引导的作用,有时也会加入运营内容;当出现搜索框时,往往配合取消删除语音输入拍照输入等功能;当搜索框与其他功能按钮一起出现时,需要注意各个功能按钮的可用性问题。
2、以图标形式展现的搜索功能
当用户点击时,或以动效形式出现搜索框,或直接至单独的搜索页面。当然,搜索框的形式展现时,点击行为也会触发至一个新的页面。

无论以上哪种形式,当至单独的搜索页面时,可展现的关于搜索的内容就更加精彩纷呈了。

四、搜索结果呈现
当用户点击搜索时,有两种信息的呈现形式,一种是在当前页面展示,另一种是新开页面。
当搜索无内容时,简单粗暴的形式是直接告诉用户没有,但这种体验太不好,作为交互设计师应该思考一件事在没有结果展示时我们还能为用户做点儿什么?从用户的角度思考,即啥都没有,我要做什么呢?带着疑问来开始这个页面的设计,用户分为主动和被动。主动的用户这时候会做什么?或许会重新发起一次搜索,输入更加精确的关键词、提交报错或反馈,这类用户总会找到他想做的事情。而对于被动的用户,我们就应该去了解他,投其所好。如相似度和关联性推荐、热门推荐、可能喜欢、搜索历史等形式。

有时候用户对于搜索结果并不满意,我们可以在页面上做结果页展示的补偿方案:如让用户进一步明确搜索词,缩小搜索范围,如通过分类和筛选功能。二是引导用户在应用可支持的范围内进行搜索,如同花顺的股票搜索、知乎的搜索案例等。

搜索的场景往往根据具体业务需求千变万化,不同的APP搜索场景也许会不一样,然而这恰恰是用户体验设计的意义点所在,也是设计的本源,即探索人搜索的初始欲望。关于搜索,可以思考的点还有很多,而相对正确的答案都在每一次的具体业务中。
十五年 行业经验

多一份参考,总有益处

联系沙漠风,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:0755-83739159 / 大客户专线:卢小姐:15818561755