网站建设中搜索怎么设计用户体验更好

搜索就像用户和系统之间的对话:用户将其信息需求作为查询表示,系统将其响应表示为一组结果。搜索是构建内容繁重网站的基本活动和关键要素。 在本文中,我想分享5个技巧,帮助您改进搜索UX。 1.将搜索框放在用户希望找到的位置 用户不得不搜索搜索框是不好的,因为它不会突出,不容易发现。 下面看到的图表是由A. Daw WP网站建设

搜索就像用户和系统之间的对话:用户将其信息需求作为查询表示,系统将其响应表示为一组结果。搜索是构建内容繁重网站的基本活动和关键要素。

在本文中,我想分享5个技巧,帮助您改进搜索UX。

1.将搜索框放在用户希望找到的位置

用户不得不搜索搜索框是不好的,因为它不会突出,不容易发现。

下面看到的图表是由A. Dawn Shaikh和Keisi Lenz的一项研究得出的:它显示了一个有142位参与者的调查中网站搜索表单的预期位置。研究发现,大多数用户最方便的地方是您网站页面的左上角或右上角区域。

网站建设中搜索怎么设计用户体验更好

参与者希望找到搜索的区域。右上角仍然是用户期望找到搜索的第一位。

因此,将搜索框放置在布局的右上角或中上部区域,您将确保您的用户将会发现它们期望的位置。

理想情况下,搜索框应该适合网站的整体设计,但在用户需要时可以轻松展现。

您拥有的内容越多,您显示搜索功能越显着。如果搜索对于您的网站至关重要(例如,您的网站是电子商务商店),请使用大量的对比度,使领域和图标从背景和周围的元素中脱颖而出。

网站建设中搜索怎么设计用户体验更好

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

2.为搜索输入字段使用正确的字段大小

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

如果输入字段根据其预期输入进行了大小调整,那么它们更容易阅读并为用户解释。一个经验法则是有一个27个字符的文本输入(这个大小可以容纳90%的查询)。

3.清除用户可以搜索的内容

在输入字段中添加示例搜索查询是一个好主意,向用户建议可以搜索的内容。HTML5可以轻松地将文本作为占位符添加到输入字段中。如果用户可以搜索多个条件,请使用输入提示模式进行说明(参见下面的IMDb示例)。但请务必将您的暗示限制在几个字,否则会增加认知负担。

网站建设中搜索怎么设计用户体验更好

4.在用户点击“搜索”按钮后,不要擦除用户的查询

保留原始搜索查询。查询重写是许多信息旅程中的关键一步。如果用户从第一次尝试中找不到要查找的内容,他们可能会再次使用稍微不同的查询进行搜索。为了使它们更容易,请将搜索框中的初始搜索字词留在搜索框中,以便它们不必重新重新输入整个查询。

5.使用自动建议机制

尼尔森诺曼集团的研究发现,典型的用户在查询制定方面非常差:如果第一次尝试没有获得好的结果,则稍后的搜索尝试很少成功。事实上,用户经常在第一次负面尝试后放弃。然而,可以通过使用自动建议机制来改善这种情况。自动建议机制通过尝试根据输入的字符进行预测,帮助用户找到正确的查询。当这种机制运作良好时,它可以帮助用户更好地表达更好的查询。在您的网站上结合自动建议机制时,请注意以下几点:

  • 确保自动建议是有用的。设计不善的自动建议可能会混淆和分散用户注意力。所以使用拼写自动更正,识别根词和预测性文本来改进工具。
  • 尽快提供自动建议,例如输入第三个字符后。这将提供即时价值并减少用户的数据录入工作。
  • 显示少于10个建议的项目(没有滚动条),所以信息不会变得压倒一切。允许用户在使用键盘的项目之间进行导航。
  • 突出输入信息和建议信息之间的差异(例如,输入文本具有标准权重,而建议的术语具有较大的权重)。

网站建设中搜索怎么设计用户体验更好

Google搜索已经掌握了这种模式,自2008年以来一直实施。

结论

搜索是建立有利可图的网站的关键要素。用户希望在查找和了解某些事情时能够获得平稳的体验,并且通常会根据一组或两组搜索结果的质量,对网站的价值做出非常快速的判断。一个优秀的搜索工具可以帮助用户快速轻松地找到他们想要的东西。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/10112

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code