本文首发于IceyTalk公众号，原文永久链接

这篇文章将探索设计搜索功能的几种不同方式，以及这样设计的原因。

在这篇文章中，我将讨论两种最流行的设计搜索功能的方式：登陆页面上的搜索框和导航栏上的搜索选项，并探索如何为你的App从中选择一个合适的搜索方式。

App中的搜索功能

我们日常使用的大多数app都有搜索功能，这些app设计搜索功能的方式则千差万别。但是，为什么需要对同一个功能做不同的设计呢？有没有最优的选择呢？让我们来看一看。

1、主页面上的搜索栏

这几个常用的app都把搜索栏设计在了主页面上，这种设计的优点是设计栏很容易被发现，因为大部分时间它都在页面的最顶端。

这种顶部的搜索框更适用于用户有明确的搜索意图的情况，搜索的结果将取决于用户输入的关键字。

（这个理念同样适用于将搜索icon放在页面右上角的app，我曾经将这两种方式放在一起进行比较，发现它们的易用、和可获得性、甚至连点击次数都十分相似。）

2、将搜索标签放在导航栏中

这些app将搜索功能作为一个标签放在了导航栏中。这种方式中，搜索功能没有上一种方式那样容易被发现，但是它们很容易被访问，因为用户用拇指点击就可以轻松访问。

这种方式中，搜索功能有一个单独的页面，搜索页在顶部有一个搜索框，页面的其余地方是一些数据，这些数据既可以帮助用户搜索，也可以帮助用户探索平台上的内容。这种方式适用于没有明确搜索意图的用户进行探索性搜索。

使用搜索框还是搜索页面？

这两种搜索功能的设计方式服务于不同的用户，使用哪种设计方式取决于是哪种类型的平台以及平台提供什么内容。

1、使用顶部搜索框的情况

• 用户打开app的主要目的是搜索一些东西。例如：Google地图、优步或者 Zomato。大多数时间用户打开这些app都希望搜索一个地点、餐厅或者菜肴。

• 用户有明确的搜索意图，就像在Facebook中，用户通常使用搜索功能搜索其它用户或页面，即使有时他们不是很确定它们是怎样拼写的。类似Facebook这种平台，用户对他们想要搜索的信息有很清晰的了解，即使他们可能不太了解，平台也无法帮助他们。

2、在底部导航栏添加搜索标签的情况

• 你希望能够鼓励用户探索和发现平台上的新内容，从而提高用户的参与度。例如：Instagram and Twitter这两个平台都希望用户可以在app上停留更多的时间，因此它们在你的搜索范围之外，提供了个性化的的内容，帮助你发现你可能感兴趣的新用户和新内容。

• 用户不确定他们在寻找什么时，app可以指导用户发现他们想要的内容。例如：Netflix and Uber Eats，这两个app允许用户通过流派和菜系去探索app，这适用于这样的用户，他们知道自己想看一档喜剧节目，但不确定应该看哪一个。

Airbnb是怎么做的？

Airbnb混合使用了这两种搜索功能的设计方式，在主页面上方有搜索栏，并且页面下方的的导航栏也有搜索按钮。Airbnb肯定对此有着一定的考虑，通过这种方式，他可以同时顾及到两类用户：有着明确搜索意图的用户，以及随便逛逛还在想要去哪里的用户。

结论

两种不同的设计方案都各有优劣，都有各自不同的适用场景，通过上面的例子，我们可以发现，有两个因素决定我们采用何种搜索方案——用户的使用意图以及产品能够为用户提供何种功能。