编辑导语：我们在用各类App时总会用到搜索这一进程，一个好的搜索框可以带给用户更好的体验，利便快捷的举办搜索；本文作者通过几个方面举办阐明，怎么提高用户的搜索体验，我们一起来进修一下。

许多人大概认为搜索设计很简朴：在主页顶部设计一个搜索框可能搜索图标，就可以完成操纵；但搜索前、中、后的体验各人有没有仔细思量过呢？

搜索进程中需要展示什么？如何辅佐用户尽快找到他们想要的？搜索的体验如何与其他体验相接洽？这是许多设计师思维恍惚的处所。

在本文中，将先容搜索设计需要相识的内容，以及在差异App和案例中的搜索体验。

一、搜索前的体验

搜索是产物中不行或缺的一部门，无论打开哪个App, 我们都能很快找到搜索成果；搜索作为一个成果进口，简朴的泛起 *** 对用户来说很重要。

搜索设计常见的形式有3种：

顶部搜索框；

图标(放大镜)搜索；

底部搜索导航；

从视觉和优先水平来看，底部导航>搜索框>图标。

那么每种形式的优缺点是什么，又别离在什么时候利用呢？

1. 顶部搜索框

搜索框凡是位于App主页的顶部，作为一个大的触摸方针，更容易被用户发明和利用；搜索框的构成一般包罗容器、预设文字、操纵按钮。

容器凡是填充为白色或灰色，内里带有预设好的产物文案；可是容器什么时候用白色，什么时候用浅灰色呢？

这取决于App主页的配景致，设计准则是始终将容器的颜色与页面配景致相比拟；拿谷歌舆图和微信念书对较量，灰色配景下用白色的搜索框，反之亦然。

虽然也有破例，Airbnb在白色配景上就有一个白色的搜索框，为什么这样设计呢？

因为它的搜索框带有阴影，能和配景作出区分，也是一种可行的设计要领。

预设文字的浸染是提示用户要搜索的内容或搜索偏向，汇报用户可以从搜索中获得什么。

在App Store中，预设文字汇报用户可以搜索“游戏、应用、故事等”，Messenger中的预设文字只有“搜索”，为用户提供成果进口。

预设文字在内容欣赏类App中很常见——不只可以展示拥有的内容种别，还能团结搜索趋势来努力地推广热门内容；好比微信念书的搜索框利用最近风行的书作为预设文字，以此提高内容的曝光率，吸引用户阅读。

操纵按钮固然与搜索相关，但摆放的位置不牢靠；大概在搜索框内部，也大概在搜索框两侧。

哪些图标/文本按钮对搜索有辅佐呢？最常见的是搜索框中的语音输入成果和二维码图标。

别的一个好的搜索体验的要害是能从视觉上区分与搜索相关的图标。

2. 搜索图标

假如一款产物但愿用户专注于欣赏内容，可能不需要频繁利用搜索，可以回收图标的样式将搜索进口放在页面顶部。

譬喻，在Medium上用户凡是是漫无目标地欣赏内容，而不是搜索特定的主题；Facebook上的用户凡是只想欣赏伴侣的帖子，很少搜索内容。

3. 底部搜索导航

与前两种形式对比，底部搜索导航离用户间隔最近，更容易作为打仗方针也被赋予更多的特性。

UberEats通过主页的排序和过滤，辅佐用户分类感乐趣的餐厅，并将搜索作为底部导航的第二个标签，这样用户就可以或许不绝看到和摸索新餐厅。

Tiktok也将搜索进口放在第二导航中，完整的首页有利于为欣赏视频的用户提供陶醉式的体验。

二、搜索页内容展示

当用户想搜索某个内容，点击搜索框之后该做什么呢？App应该如何辅佐用户搜索？