APP开发中如何做好搜索功能的设计

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

一、关于搜索的行为思考

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

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

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

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

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

 

二、搜索怎么放

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

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

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

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

 

三、搜索框

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

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

 

四、搜索的结果呈现

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

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

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

 

结语

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