提升网站搜索体验的5个方法

译者注:

对很多网站来说,搜索是其至关重要的一部分。原文作者分享了提升网站搜索体验的5个技巧,在此介绍给大家,希望对大家有帮助。

原文:


搜索就像用户和系统之间的对话:用户通过查询来表达他们对信息的需求,系统则通过一组查询结果来响应。搜索是一项基本的操作,也是构建一个复杂内容站点的一个关键部分。在本文中,我将分享5个技巧,帮助你改善搜索体验。

1、将搜索框放在用户期望的地方

当用户因为搜索框不够明显和难以辨认而需要去寻找时,这样是非常糟糕的。

下面的图表来自A.Dawn Shaikh和Keisi Lenz的一项研究:它显示了用户期望搜索表单应当在网站出现的位置,这是一项有142名参与者进行的调查。研究发现,对于大多数用户来说,最方便的位置是页面上的左上角或右上角区域。

参与者期望搜索被发现的区域。 右上角仍然是用户期望搜索出现的第一位。  

因此,请将搜索框放置在布局的右上角或上方中心处,这样可以确保用户能够在预期的位置找到它。理想情况下,搜索框应该符合网站的总体设计,但在用户需要时可以略微突出。你的网站拥有的内容越多,你的搜索功能应当越突出。 如果搜索对您的网站至关重要(例如,您的网站是电商类),请使用充分的对比度,以使搜索栏和图标能够从周围的背景和元素中突显出来。

 搜索是eBay最重要的功能之一。请注意eBay主页上“搜索”按钮的对比颜色  

2、为搜索输入栏使用适当的字段长度

使输入字段太短是网页设计师常见的错误。当用户输入较长的查询内容时,一次只能看到一部分文本,用户不能轻松查看和编辑输入的内容,这意味着很糟糕的可用性。实际上,当搜索框的可见字符数量有限时,用户被迫使用短而不完整的查询,因为较长的查询内容将难以阅读。

如果输入字段长度的定义符合他们的预期,那么它们会更易于阅读并提供注释。 一个经验法则是,这个长度应该能容纳27个字符(这个长度可以满足90%的查询)。

3、让用户明确可以搜索什么内容

在输入字段中包含示例搜索内容,以此向用户建议可能搜索的内容,这是一个好主意。 通过HTML5(placeholder参数),可以轻松地将文本作为占位符包含在输入字段中。如果用户可以搜索多种类型,请使用输入提示模式来解释(请参阅下面的IMDb示例)。但是一定要把你的提示限制在几个字内,否则你会增加认知负担。

4、点击“搜索”按钮后,不要删除用户输入的内容

 保留原始的搜索查询。是在许多的信息检索中,查询重构是关键的一步。如果用户从第一次尝试中找不到要查找的内容,则可能需要使用略有不同的查询条件来重新搜索。为了使这个过程更容易,在搜索框中保留初始搜索词,以便不必再次重新输入整个搜索内容。

5、使用自动建议机制

尼尔森·诺曼集团的研究发现,典型的用户在查询专业化方面的能力很差:如果他们在第一次尝试中得不到好的结果,以后的搜索尝试也很难成功。事实上,用户经常在第一次的失败后会放弃尝试。

但是,通过使用自动建议机制可以改善这种情况。自动建议机制通过尝试根据输入的字符进行预测来帮助用户找到正确的搜索词。当这个机制运作良好时,它可以帮助用户输入更精准的搜索词。在你的网站上加入自动建议机制时,请记住以下几点:

1)确保自动建议是有用的。设计不当的自动建议可能使用户迷惑并分散他们的注意力。因此,可以使用拼写自动更正,词根识别和预测字符等方式来优化这一工具。

2)尽快提供自动建议,例如在输入第三个字符后。这将提供更即时的参考值并减少用户的输入工作。

3)显示少于10个建议的项目(并且不要有滚动条),这样信息不会变得过量。另外,要允许用户使用键盘在备选项之间选择、切换。

4)突出显示输入信息和建议信息之间的差异(例如,输入文本使用标准字体,而建议的内容使用粗体)。

谷歌搜索非常精通这个原则,并且自2008年后就开始应用了

小结:

搜索是建立一个有价值的网站的关键因素。用户在发现和了解事物时期望获得顺畅的体验,并且会通常根据一两组搜索结果的质量,来对网站的价值做出快速判断。一个出色的搜索工具,应该可以帮助用户快速而轻松地找到他们想要的东西。

原文如下,作者 Nick Babich:

https://www.webdesignerdepot.com/2017/11/5-ways-to-improve-the-ux-of-site-search/

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

推荐阅读更多精彩内容