APP开发中搜索功能的设计要怎么做好?
发布来源:风享互联
发布时间:2018-05-07

分享

沙漠风公众号

  “搜索”是在APP开发中的常见功能,尤其对于电商类、引擎类、信息流类的应用,搜索往往是其中重要的功能之一,无论是移动端还是pc端,“搜索”的设计思考都以“用户要得到什么?”作为出发点;但两者的展现形式却不尽相同。相较于pc端,移动端的搜索功能需要在更小的屏幕空间上占有一席之地;根据不同的业务形式,其展现的方式也是多种多样。本文对搜索功能进行了一些分析分享给大家。


QQ图片20180507142629.png


  一、关于搜索的行为思考


  不同的用户或使用场景,用户搜索的目的往往不同,一般分以下三类。


  1、精确搜索。这种场景下用户目的清晰明确、直奔主题,通过在搜索框输入内容快速找到所需目标,完成此次搜索动作。常见案例如百度地图、UBER、网易有道词典、同花顺的搜索功能等。


  2、提高寻找效率,高效锁定目标或快速缩小范围。这时候“搜索”


  功能在一定程度上和“筛选”近似,有时候往往和筛选一起使用。这种常见于信息浏览类应用,在用户浏览信息的同时往往“迸发”出念头,想要快速浏览有针对性内容,于是开始使用搜索。常见案例如爱奇艺、下厨房、优酷、美团、大众点评、知乎等。


  3、用户不知道自己想要什么,通过“搜索”启发自己灵感。因为很多应用的搜索页面中往往有“精心安排”的信息。为迎合这类用户需求,搜索页面一般有热门搜索的关键词、搜索类目、记录等等。


  二、搜索怎么放


  1、搜索图标:在导航栏一侧或其他位置放置,根据用户场景和重要级需求决定。一般搜索图标放在右侧,当右侧有两个及以上按钮时,考虑平铺或折叠。


  2、搜索栏:以搜索栏的形式直接放在导航栏或放在导航栏下方等其他位置,此时搜索栏可结合语音、拍照、删除(在输入后显示)等功能按钮。


  3、搜索作为标签栏中的某一个功能:根据内容重要性决定排在第几个标签中。


  4、搜索以单独页面或主页P0功能展现:直接作为主页面或主页以较大篇幅显示搜索栏,内容及形式根据用户场景定义。


  三、搜索框


  1.以搜索栏形式展现的搜索功能,搜索框的位置可以出现较短的文案,长度需限制在搜索框的长度以内,起到隐性提示和引导的作用,有时也会加入运营内容;当出现搜索框时,往往配合“取消”“删除”“语音输入”“拍照输入”等功能;当搜索框与其他功能按钮一起出现时,需要注意各个功能按钮的可用性问题。


  2.以图标形式展现的搜索功能,当用户点击时,或以动效形式出现搜索框,或直接至单独的搜索页面。当然,搜索框的形式展现时,点击行为也会触发至一个新的页面。无论以上哪种形式,当至单独的搜索页面时,可展现的关于“搜索”的内容就更加精彩纷呈了。


  四、搜索的结果呈现


  当我们完成搜索时,以何种形式呈现什么样的内容才能更好的满足我们的需求呢?当用户点击搜索时,有两种信息的呈现形式,一种是在当前页面展示,另一种是新开页面。


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


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


  本文把APP开发中的搜索功能做了一个简单总结;但搜索的场景往往根据具体业务需求千变万化,不同的APP搜索场景也许会不一样,然而这恰恰是用户体验设计的意义点所在,也是设计的本源,即“探索人搜索的初始欲望”。关于搜索,可以思考的点还有很多,而相对正确的答案都在每一次的具体业务中。

相关资讯
为您提供高价值服务
您对下一步的新媒体营销是否有方向?沙漠风·风享互联将为您解答。
提交需求
咨询相关问题或预约面谈,可以通过以下方式与我们联系
  • 0755-83739159
    业务热线
  • 158-1856-1755
    大客户专线
准备好开始了吗,
那就与我们取得联系吧
0755-83739159
有更多服务咨询,请联系我们
请填写您的需求
您希望我们为您提供什么服务呢
您的预算

提交需求
热线
微信扫码咨询
电话咨询
0755-83739159
微信
业务热线
提交需求
官方微信