交互设计指南—网页的“搜索”功能该如何设计？

发布时间：2023-05-30 10:38:58 来源：ae人口ae永久菠萝 作者：探索

当一个网站包含大量内容时，搜索浏览者往往不知道如何找到他们想要的交互计信息。因此，设计成品片a免费入口直接进入他们经常使用搜索栏来查找特定的指南事实或提出问题。

如果一个网站的网页内容没有很好地组织，搜索按钮就是何设一个关键的导航工具。它经常为迷路的搜索用户提供指导，并帮助他们找到答案。交互计最好的设计网站会在主页上提供一个简单且清晰可见的搜索按钮。

也许一些网站在一开始设计良好，指南但网站内容往往会随着时间积累。网页网站所有人经常会添加新内容，何设有时还会添加新的搜索导航工具。这些变化经常会改变网站结构，交互计成品片a免费入口直接进入使内容更难找到。设计

结果是网站杂乱无章，让观众感到困惑或恼火。内容可能很难找到或分散在整个网站。

你的搜索按钮是你最棒的助手，负责管家的角色，帮助客人解决问题，满足他们的需求。不过，它确实需要精心设计。搜索框直接影响着用户的留存。你的浏览者只需提交一个查询，而不是沮丧地关闭页面。

如果没有一个设计良好且易于导航的搜索按钮，沮丧的浏览者只会离开你的网站。当他们这样做时，你就冒着直接把他们送到你的竞争对手那里去的风险。这意味着失去一个潜在的客户。

你什么时候需要一个搜索按钮?

当你的网站内容在递增时，你便需要一个搜索按钮。如果你觉得你的网站扩展到无法为客户提供快速且简单的答案，而且内容还不太适合分类，搜索框可能是你需要的答案。

用户已经熟悉这种经常接收问题和关键词的搜索引擎了，所以一个搜索框对用户来说易用且自然。

使用墨刀制作的“搜索框”原型

它将帮助你的用户在找不到他们想要的东西时重新获得控制感。

如果你计划建立一个大型网站，比如一个有多个品牌的电子商务网站，或者你打算在你的网站上分享大量的内容，你的网站可能会从一开始就从“搜索框设计”中受益——你的用户会很高兴能够找到他们想要的东西。

使用熟悉的放大镜图标

设计搜索框时，还是使用“放大镜图标”，用户会感到熟悉。

用户试图寻找信息或一个似乎遥不可及的产品时，已经够沮丧了，所以搜索栏就让它能一眼看出吧！

保持“搜索栏“突出显示

显示搜索栏时，请将设计保持突出，以便始终容易找到。当答案比较难找到时，你的搜索栏必须是一个快速而简单的解决方案。显示搜索框文本字段和图标，以便访问者知道在哪里提问。

设计师们经常争论把搜索栏放在哪里。最好的地方是用户希望它在哪里：在页面的右上角或中上部分。

提供“提交“按钮

你网站上的搜索按钮就类似谷歌，只是搜索范围是你自己的网站而不是全网而已。因此，观众应该有理由期望，他们同样也是通过输入问题，然后再点击“回车”按钮才能实现搜索。

不过，有一个大的“搜索“按钮确实有助于告诉浏览者怎么去做。这样也扩大“搜索”功能的区域，使观众不必小心控制着鼠标或点击手机或平板电脑上的狭窄区域。

许多用户会选择敲“回车”键，而不是点击“搜索“按钮。在设计网站时，您还需要测试enter按钮是否有效。

把你的搜索框放在每一页上

为了保持你网站的高效性，在每一页都放一个搜索框。这将有助于您保持您的网站易于导航。你的观众可能点击了某个页面，是希望看到他们没有找到的内容。

他们也许找到了答案，但希望探索更多的信息。把你的搜索栏放在一些“死胡同”链接上，比如任何404页，这样你的浏览者就可以找到他们正在寻找的信息，并在需要的时候返回到你的主站点。

保持搜索字段足够长

当你的用户在搜索栏中输入一个问题时，你希望他们有足够的空间来查看他们输入了什么。

这样，你的用户将能够查看或编辑他们的查询。27个字符或更长的文本框是理想的，因为大多数查询都将包含在这个空间中。

如果你想节省空间，可以考虑使用一个可扩展的搜索字段，该字段随着用户键入问题而增长。这将给你的用户足够的空间提出问题，同时保持你的网站简单。

考虑使用“自动建议“

自动建议帮助你帮助用户找到他们想要的东西。这是因为它有助于指导他们的搜索查询。

用户通常不知道如何合适地表述问题，如果他们在第一次尝试时找不到信息，他们往往不知道如何重新措辞或缩小搜索范围。通过使用自动建议框，用户可以有效地搜索内容。

小贴士

创建自动建议时，请以对用户有帮助的方式使用关键字。

使用关键词、预测性文本和常见问题。还可以提供自动拼写更正，以便用户能够搜索他们真正想要的单词或术语。

在工具栏中显示一系列选项，以便你的用户能够获得所需的选择，包括围绕特定关键字或主题的一系列问题。允许用户使用键盘或滚动键选择选项。一旦它们滚动到页面底部，允许它们自动返回顶部。允许他们使用键盘关闭页面。

“自动建议”最好使用凸出的字体，这将有助于吸引他们的注意力。你也可以给用户展示一系列的图标，帮助他们寻找他们真正想要的。

最后的建议

搜索栏为浏览者提供了快速高效地浏览网站的机会，以便找到他们正在搜索的内容。

这有助于用户感觉到一种控制感。把搜索栏设计得显而易见，用户将不再对如何查找信息感到迷惑。

创建一个可识别的搜索栏，快速查找且易于使用，将提高用户留存度。用简单的提示和吸引人的图标来帮助他们，你就不用担心你的用户会在你的网站上迷失方向。

文章由墨刀编译自Bogdan Sandu的 UX Best Practices for Using Search on Your Website

相关文章