网站内容与功能设计(搜索按钮就是一个关键的导航工具(图)网站)

　　网站内容与功能设计(搜索按钮就是一个关键的导航工具(图)网站)

　　当一个网站收录大量内容时，浏览者往往不知道如何找到他们想要的信息。因此，他们经常使用搜索栏查找具体事实或提出问题。

　　如果网站 的内容没有组织好，搜索按钮是一个关键的导航工具。它通常为丢失的用户提供指导并帮助他们找到答案。最好的 网站 将在主页上提供一个简单且清晰可见的搜索按钮。

　　可能有些网站一开始设计的很好，但是网站的内容往往会随着时间的推移而积累。网站每个人都经常添加新内容，有时还会添加新的导航工具。这些变化往往会改变网站的结构，让内容更难找。

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

　　您的搜索按钮是您最好的助手，负责管家的角色，帮助客人解决问题，满足客人的需求。但是，它确实需要仔细设计。搜索框直接影响用户的留存。您的查看者只需要提交一个查询，而不是沮丧地关闭页面。

　　如果没有精心设计且易于导航的搜索按钮，沮丧的观众只会离开您的 网站。当他们这样做时，您可能会冒险将它们直接发送给您的竞争对手。这意味着失去一个潜在客户。

　　什么时候需要搜索按钮？

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

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

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

　　它将帮助您的用户在无法找到所需内容时重新获得控制权。

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

　　使用熟悉的放大镜图标

　　在设计搜索框时，仍然使用“放大镜图标”，用户会觉得很熟悉。

　　当用户试图寻找似乎遥不可及的信息或产品时，他们已经受够了，所以让搜索栏让它一目了然！

　　保持“搜索栏”突出显示

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

　　设计师经常争论将搜索栏放在哪里。最好的位置是用户想要的位置：页面的右上角或中上部分。

　　提供“提交”按钮

　　你的网站上的搜索按钮类似于谷歌，但搜索范围是你自己的网站，而不是整个网络。因此，观众应该有理由期望他们也可以通过输入问题然后单击“输入”按钮进行搜索。

　　但是，有一个很大的“搜索”按钮可以真正帮助告诉查看者该做什么。这也扩大了“搜索”功能的区域，让观看者不必小心翼翼地控制鼠标或点击手机或平板电脑上的狭窄区域。

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

　　将您的搜索框放在每一页上

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

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

　　保持搜索字段足够长

　　当您的用户在搜索栏中输入问题时，您希望他们有足够的空间来查看他们输入的内容。

　　通过这种方式，您的用户将能够查看或编辑他们的查询。27 个字符或更长的文本框是理想的，因为大多数查询将收录在此空间中。

　　如果您想节省空间，请考虑使用随着用户输入问题而增长的可扩展搜索字段。这将为您的用户提供足够的空间来提问，同时保持您的 网站 简单。

　　考虑使用“自动建议”

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

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

　　提示

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

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

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

　　“自动建议”最好使用突出的字体，这将有助于吸引他们的注意力。您还可以向用户显示一系列图标，以帮助他们找到真正想要的东西。

　　最后的建议

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

　　这有助于用户感受到控制感。通过将搜索栏设计得一目了然，用户将不再对如何查找信息感到困惑。

　　创建一个易于查找且易于使用的可识别搜索栏将增加用户保留率。使用简单的提示和有吸引力的图标来帮助他们，您不必担心您的用户会迷失在您的 网站 上。

　　文章 由 Ink Knife 编译，来自 Bogdan Sandu 的在您的网站上使用搜索的 UX 最佳实践