译文|真正易用的搜索功能长什么样?

7 评论 12986 浏览 81 收藏 6 分钟

你知不知道有超过半数的用户在网站中的行为由搜索支配?

我对搜索功能及它的价值持肯定态度,尤其是在电商网站上。它能让我很快就能找到想要的,而不需要通过在一层层的分类列表里翻寻。

那么我们应该做什么才能让搜索功能做得更好呢?

想象上一次去某个网站寻找某个视频的时候,你是通过它的分类列表去一级级寻找?还是去浏览你的订阅列表?没有,你是通过搜索功能。

是否需要搜索?

在nielsen的规范里,提及搜索功能的大纲页数超过200页。但他们同时指出有一半的用户会直接通过搜索功能去寻找他们想要的。嗯,这可不是一个小数目。

离开搜索,那些用户不得不使用你的导航菜单。这意味着你必须确保所有的内容被组织妥当,同时导航菜单也必须在排布上显示出较高的权重。

无论你再怎么做,有时候某些用户仍然会感到挫败感。这时你的搜索框应该出来救场了。如果用户不能前往他们想去的地方,他们会依靠搜索来帮助他们达到那。反之他们会选择离开。

位置很重要

既然用户会使用搜索功能,那么一旦他们发现找到某样东西不那么容易的时候。你需要确保他们能够容易地发现搜索。

搜索框应该在每一个页面上都出现,并且在一个容易被发现的地方。不要把你的搜索功能藏在页脚,也不要只使用一个藏在页面右上角的小图标。

大多数网站把他们的搜索框放在页头的位置,这也确实是一个安置它的最好地方。用户会对网站之间这种排布的一致性感到自然和习惯。记住,如果你把你的搜索框放在一个最通常的地方,会方便你的用户去找到。

搜索框应该长什么样?

搜索框只应该是一个框,我之前提到过用户会倾向一致性,这包括关键ui元素的位置和视觉上的设计,更何况我们不应该去修正一个本来就没有问题的东西。

我在过去的几年里看到人们试图去“重设计”搜索功能,比如只用一个搜索的图标在页头上,然后就…没有然后了!当点击它后会打开一个全屏的图层。说实话,这很糟糕,我总是会忽视那些小图标,另外对于一个简单的搜索功能来说,它需要被点击太多次了。。

让搜索框能够具有足够的长度是很重要的,这样才能确保在其中能输入所有东西。一般推荐的宽度是27个字符,有的网站需要更长,但别比这个标准短。

一个简单的“在这搜索”的占位符就足够了,每个人都知道它能做什么。

不要包含一些高级的搜索功能在这里,这只会让人生厌。一个简单的搜索框已经足够满足大多数人的需求,至于高级搜索功能可以放置在更深的入口,下文会提到。

你的搜索应该搜索什么?

你的搜索功能应该具备全局性,这意味着它应该能搜素你网站里的所有的内容。不要只给出那些用户当前所在板块相关的结果。

原因?因为那会让用户去猜测待搜索的信息是在哪个版块下的。他们是用户!你不能把什么都扔给他们!

举个例子:如果你的用户正在你的网站中试图找到一些odour eating鞋垫,他们可能会下意识地前往鞋子板块进行搜索。那么结果就是他们会无功而返,因为用户很可能并不知道这odour eating鞋垫应该归属于医药板块下。

记住:你的搜索结果应总是返还整个网站的结果。

搜索结果

你的搜索结果页面是一个非常关键的部分。

结果可以通过很多种方法显示,这取决于你的内容格式。但是有一些重要的元素,每一个搜索引擎结果页面都应该具备。

你的搜索结果页面应该包含:

  1. 置顶搜索框,并有对应的文案告知用户他们刚才进行过搜索行为
  2. 搜索结果的数目
  3. 一个过滤或者排序的菜单项,帮助用户应用不同的优先级来浏览内容
  4. 一个能帮助用户进入更高级的搜索功能的入口(如果你有的话)
  5. 大而醒目、可供点击的内容标题
  6. 点击过的链接应该显示不同的颜色
  7. 导航(面包屑、无限滚动等等)
  8. 搜索框在搜索结果的底部(如果分页显示结果的话)

 

版权所有:UXRen翻译组

原作者:Marco Lopes

译者:励定洲

原文链接:https://medium.com

本文由 @励定洲 翻译发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. | 我在过去的几年里看到人们试图去“重设计”搜索功能,比如只用一个搜索的图标在页头上,然后就…没有然后了!当点击它后会打开一个全屏的图层。
    这不就是woshipm的设计么。。。

    来自河北 回复
  2. 可以参考下 : https://support.apple.com/zh-cn

    笔者真用心~~

    来自福建 回复
  3. 搜索框这个要看应用平台的场景,web端一定是妥妥的框更好,在APP端是可以调整的,视觉宽度与功能布局都有影响,图标并不比框更难用;且对于录入字符数的标准,很明显也是适用于web端的

    来自四川 回复
  4. 我刚想说人人都是产品经理的新版面的搜索竟然取消了直接的搜索框… 要点图标才能进去…不如之前好呐

    来自广东 回复
  5. 很棒的的文章

    来自广东 回复
  6. 当看到:记住:你的搜索结果应总是返还整个网站的结果。果断收藏了!走了弯路呀慢慢明白的

    回复
    1. 没有经历过确实不太好理解啊

      来自广东 回复