如何打造一个易用的搜索功能？

导读

搜索功能已经是各网站和手机应用中最常用的功能，是产品设计时几乎是无法避免的功能模块。

今天我们在英国视觉设计师 Marco Lopes 的博文基础上，来谈一谈如何打造一个易用的搜索功能。

一、为什么需要搜索？

1. 内容过多：如果被搜索内容过多，如页数超过200页。

2. 用户习惯：超过一半的用户会直接通过搜索功能区寻找想要的内容。

3. 补救方案：即使你有组织妥当使用性极佳的导航菜单，也难免用户会有挫败感，这时需要搜索来救场。

二、搜索框放哪？

1. 搜索框应该在每一个页面上出现，且置在容易被发现的地方

2. 不要把你的搜索功能藏在页脚，也不要只使用一个藏在页面右上角的小图标。

3. 把搜索框放置在一个最通常的地方，用户会更方便的找到，如大多数网站把他们的搜索框放在页头的位置，用户会对网站之间这种排布的一致性感到自然和习惯。

将搜索框放置于顶部显眼的位置

三、搜索框长啥样？

1. 尽量保持通常的模样：一个框。

2. 让搜索框能够具有足够的长度，来确保在其中能输入所有东西。

3. 一个简单的提示，告诉用户这里可以搜索，及可以输入的内容。

4. 一个简单的搜索框，已经足够满足大多数人的需求的搜索框，而高级搜索功能可以放置在更深的入口。

卓博人才网的搜索框设计

四、搜索什么内容？

1. 搜索功能应该具备全局性，即能搜索网站里的所有的内容。

2. 不要只给出那些用户当前所在板块相关的结果，避免让用户去猜测待搜索的信息是在哪个版块下的。

五、搜索结果长啥样？

1. 置顶搜索框，并有对应的文案告知用户他们刚才进行过搜索行为

2. 搜索结果的数目

3. 一个过滤或者排序的菜单项，帮助用户应用不同的优先级来浏览内容

4. 一个能帮助用户进入更高级的搜索功能的入口（如果你有的话）

5. 大而醒目、可供点击的内容标题

6. 点击过的链接应该拥有不同的颜色

7. 导航（面包屑、无限滚动等等）

8. 搜索框在搜索结果的底部（如果分页显示结果的话）

卓博人才网的职位搜索结果页面

原文：‘Usable Search Function that Keeps Users Coming Back ’ byMarco Lopes（励定洲译）