译者注:
对很多网站来说,搜索是其至关重要的一部分。原文作者分享了提升网站搜索体验的5个技巧,在此介绍给大家,希望对大家有帮助。
原文:
搜索就像用户和系统之间的对话:用户通过查询来表达他们对信息的需求,系统则通过一组查询结果来响应。搜索是一项基本的操作,也是构建一个复杂内容站点的一个关键部分。在本文中,我将分享5个技巧,帮助你改善搜索体验。
1、将搜索框放在用户期望的地方
当用户因为搜索框不够明显和难以辨认而需要去寻找时,这样是非常糟糕的。
下面的图表来自A.Dawn Shaikh和Keisi Lenz的一项研究:它显示了用户期望搜索表单应当在网站出现的位置,这是一项有142名参与者进行的调查。研究发现,对于大多数用户来说,最方便的位置是页面上的左上角或右上角区域。
因此,请将搜索框放置在布局的右上角或上方中心处,这样可以确保用户能够在预期的位置找到它。理想情况下,搜索框应该符合网站的总体设计,但在用户需要时可以略微突出。你的网站拥有的内容越多,你的搜索功能应当越突出。 如果搜索对您的网站至关重要(例如,您的网站是电商类),请使用充分的对比度,以使搜索栏和图标能够从周围的背景和元素中突显出来。
2、为搜索输入栏使用适当的字段长度
使输入字段太短是网页设计师常见的错误。当用户输入较长的查询内容时,一次只能看到一部分文本,用户不能轻松查看和编辑输入的内容,这意味着很糟糕的可用性。实际上,当搜索框的可见字符数量有限时,用户被迫使用短而不完整的查询,因为较长的查询内容将难以阅读。
如果输入字段长度的定义符合他们的预期,那么它们会更易于阅读并提供注释。 一个经验法则是,这个长度应该能容纳27个字符(这个长度可以满足90%的查询)。
3、让用户明确可以搜索什么内容
在输入字段中包含示例搜索内容,以此向用户建议可能搜索的内容,这是一个好主意。 通过HTML5(placeholder参数),可以轻松地将文本作为占位符包含在输入字段中。如果用户可以搜索多种类型,请使用输入提示模式来解释(请参阅下面的IMDb示例)。但是一定要把你的提示限制在几个字内,否则你会增加认知负担。
4、点击“搜索”按钮后,不要删除用户输入的内容
保留原始的搜索查询。是在许多的信息检索中,查询重构是关键的一步。如果用户从第一次尝试中找不到要查找的内容,则可能需要使用略有不同的查询条件来重新搜索。为了使这个过程更容易,在搜索框中保留初始搜索词,以便不必再次重新输入整个搜索内容。
5、使用自动建议机制
尼尔森·诺曼集团的研究发现,典型的用户在查询专业化方面的能力很差:如果他们在第一次尝试中得不到好的结果,以后的搜索尝试也很难成功。事实上,用户经常在第一次的失败后会放弃尝试。
但是,通过使用自动建议机制可以改善这种情况。自动建议机制通过尝试根据输入的字符进行预测来帮助用户找到正确的搜索词。当这个机制运作良好时,它可以帮助用户输入更精准的搜索词。在你的网站上加入自动建议机制时,请记住以下几点:
1)确保自动建议是有用的。设计不当的自动建议可能使用户迷惑并分散他们的注意力。因此,可以使用拼写自动更正,词根识别和预测字符等方式来优化这一工具。
2)尽快提供自动建议,例如在输入第三个字符后。这将提供更即时的参考值并减少用户的输入工作。
3)显示少于10个建议的项目(并且不要有滚动条),这样信息不会变得过量。另外,要允许用户使用键盘在备选项之间选择、切换。
4)突出显示输入信息和建议信息之间的差异(例如,输入文本使用标准字体,而建议的内容使用粗体)。
小结:
搜索是建立一个有价值的网站的关键因素。用户在发现和了解事物时期望获得顺畅的体验,并且会通常根据一两组搜索结果的质量,来对网站的价值做出快速判断。一个出色的搜索工具,应该可以帮助用户快速而轻松地找到他们想要的东西。
原文如下,作者 Nick Babich:
https://www.webdesignerdepot.com/2017/11/5-ways-to-improve-the-ux-of-site-search/