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

原作者:Marco Lopes

译者:励定洲

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

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

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

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


是否需要搜索?

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

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

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


位置很重要

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

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

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

苹果不错


搜索框应该长什么样?

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

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

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

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

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


你的搜索应该搜索什么?

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

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

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

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


搜索结果

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

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

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

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

2 搜索结果的数目

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

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

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

6 点击过的链接应该显示不同的颜色

7 导航(面包屑、无限滚动等等)

8 搜索框在搜索结果的底部(如果分页显示结果的话)

Twitter做得不错
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,793评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,567评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,342评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,825评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,814评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,680评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,033评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,687评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,175评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,668评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,775评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,419评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,020评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,206评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,092评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,510评论 2 343

推荐阅读更多精彩内容