如何制作有效的搜索框

已发表: 2020-11-15

搜索是从大型站点查找信息的最简单方法。 基本搜索包括一个用于键入查询的输入框和一个用于提交的按钮。 我们可能会认为,它不需要我们太多的注意力,但是,在一个内容丰富的网站上,一个好的搜索可以充当人工助手。 你通过打字来寻求帮助,你就会得到你想要的东西。

在亚马逊网站上搜索 iPhone 12
图片来源:Amazon.com.au

我们经常在网站上发现工作不佳的搜索栏。 但这并不总是该功能的功能或性能,而是取决于用户的技能。

根据 Nielsen Norman Group 的说法,用户的搜索技能很差,不知道搜索是如何工作的。 因此,为了提供有效的搜索,我们必须考虑从新手到专家的不同用户。

为什么搜索栏很重要

日复一日的搜索比以前更受欢迎。 我们现在拥有语音助手搜索技术,例如 Apple 的 Siri 或亚马逊的 Alexa。 现在越来越多的电子商务搜索提供图像搜索。 即使现在孩子们也知道如何在 YouTube 上搜索卡通片!

为什么搜索栏很重要
图片来源:freepik.com

首先,我们需要了解用户搜索的原因以及用户搜索的内容。 在内容较多的网站中,用户经常使用搜索框来查找特定信息。 有时为了避免向下钻取导航,一些用户会直接跳转到搜索框以节省时间。

NN Group 的研究显示,在 17 年的搜索成功率中,2000 年的总体成功率为 64%,2017 年显着增加了 92%。

这种成功率激励我们构建更强大的搜索功能。 这样用户就可以在网站上获得更多信任,并获得积极的体验。 因此,我们将吸引更多回头客访问我们的网站。

甚至例如,在电子商务网站中,当用户在产品详细信息页面上没有获得特定信息时,他们会去搜索,如果客户找不到它,那么它就不存在。

请记住,如果您网站的信息架构不是那么友好,那么您的搜索框可以成为将用户吸引到您网站的第二条生命线。

哪个网站需要搜索功能

在您的网站搜索中发现内容是仅次于导航的第二好的方式。 但是,如果您的网站是简单的单页浏览器,那么搜索将几乎没有用处。 但是,在许多领域,简单的搜索可以发挥至关重要的作用。 例如,数据驱动的网站、预订服务网站或工作门户网站。

用户何时寻找搜索框

人们在自信时进行搜索。 当用户想要控制自己的方式并想要独立走到网站时,他们直接使用搜索框。

研究表明,大约 43% 的网站访问者会立即进入搜索框,这些搜索者的转化可能性是其 2-3 倍。

另一方面,一些用户从导航开始,然后,如果他们卡在某个点上,他们通常会跳转到搜索框。 如果我们阐明这个问题,我们应该在每个页面上都提供一个搜索栏。

基本搜索步骤

当用户开始搜索时,他们实际上是在开始一段旅程。 从查找搜索框到获得结果的旅程。

如果他们得到预期的搜索结果,他们就可以完成任务或购买。 但这一切都始于搜索。

基本搜索步骤

搜索框的可见性

用户在进入网站时总是不知道搜索框在哪里。 使其对每一页可见是非常重要的。

为了创建极简设计,我们通常只放置一个几乎随导航消失的搜索图标。 这实际上增加了交互成本。 相反,请使用打开的文本字段。

搜索框的可见性

搜索功能的最佳位置可以是顶部栏,它始终显示在每个页面上。 这种方式可以很容易地看到,它会加快用户的搜索过程。

用户在哪里寻找搜索图标。
A Dawn Shaikh 和 Keisi Lenz 的一项研究。 用户在哪里寻找搜索图标。

搜索按钮或只是一个图标

为了使整个网站的可见性更加简洁和现代,我们经常在搜索框旁边显示一个图标。 一些用户可能不会将其识别为按钮,而不仅仅是搜索的标识符。 清晰的搜索按钮告诉用户如何执行搜索。

搜索按钮或只是一个图标

有足够的空间来输入查询

搜索查询的第一步是打字,打字非常费劲。 所以我们的搜索应该提供足够的空间来输入用户的查询。 根据 NN/g 对电子商务网站的研究,用户平均输入 14.5 个字符。 所以他们鼓励在搜索框的长度中使用 27 个字符。

但是,标准搜索长度可能因站点而异。 最好的选择可以在网站的搜索日志中进行研究,以检查用户的查询时间。

有足够的空间来输入查询

提供有关您的用户可以搜索的内容的提示

我们可以写一些对我们的用户有帮助的关于他们可以搜索的内容。 在这里提供搜索示例作为占位符可能是一种很好的方法,因此用户可以在开始输入之前查看关键搜索类别。

relocate.me 上的搜索框
资料来源:relocate.me
天猫网站搜索框
来源:天猫
Etsy 网站上的搜索框
资料来源:etsy.com

保持简单但可用

默认情况下,当用户搜索某些内容时,用户期望他们可以简单地输入一个词,任何词,并获得有意义的搜索。

因此,我们不要通过在搜索周围提供太多选项(例如填充文本或大量说明)来混淆我们的用户。 把事情简单化。

这个过程应该感觉像是一种可以快速指导他们的人类体验。

提供高级搜索

高级搜索有助于从大数据中查找内容。 它有助于缩小结果范围。

如果我们提供高级搜索选项,首先要确保它不与简单搜索选项重叠。 因为大多数用户会更喜欢简单的搜索。

理想的高级搜索可以使用没有基本搜索突出的独特链接。 我们可以将链接放置在靠近基本搜索框的位置,以便用户轻松找到它。

提供高级搜索

将用户的查询保留在结果页面上

在显示搜索结果时,显示他们搜索的内容很重要。 如果结果没有完全按照他们的预期显示,甚至显示更少或太多的数据,这有助于他们优化查询。

将用户的查询保留在结果页面上
来源:target.com

当用户执行搜索时,他们将得不到任何结果的风险很高。 在搜索框中保留查询有助于他们立即注意到这一点。 另外,如果没有找到结果,总是提到搜索项没有找到,否则,用户认为系统坏了。

结论

如果您到达本博客的末尾,我希望您能挑选一些有助于您的网站搜索体验的要点。 首先,您可以先深入查看您的搜索日志,以了解您的用户行为并了解他们如何使用您的网站搜索框。

毫无疑问,搜索是任何大型网站或应用程序的重要功能。 提供更好的搜索体验有助于赢得客户的更多信任并获得更多转化。