网站建设之如何在用户界面中设计有效的搜索

网站建设提供了有关使网站和移动应用程序内部搜索直观且易于使用的便捷见解和UX设计实践。

搜索可用性是网站和移动应用获得积极用户体验的关键因素之一。特别是，其中包含很多项目可供选择的项目，例如新闻，博客文章，电子商务商品，艺术品或其他任何东西。我们今天的文章提供了一些有用的见解和设计实践，以使内部搜索直观易用。

什么是内部搜索

内部搜索是浏览网站或应用程序内的内容并根据其搜索查询向用户显示内容的功能。正确调校后，它会显示相关内容，并以此方式为用户提供所需的快捷方式。因此，内部搜索节省了用户的时间和精力，放大了数字产品的可用性和合意性，支持了用户保留并提高了转换率。显而易见，这个元素至关重要。

在用户界面中负责内部搜索的交互式元素是搜索字段。搜索字段（也称为搜索框或搜索栏）提供了界面元素，该界面元素使用户能够键入搜索查询，并以此方式查找所需的内容。

网站建设

送餐服务的网站的标题中包含搜索控件

何时使用内部搜索

无论您发现界面导航多么出色，如果您的网站或应用由50多个页面组成，那么您就该考虑应用内部搜索了。精心设计且易于查找的搜索字段使用户无需浏览众多页面和菜单，即可跳至必要的位置。这种方法现在是用户行为的一种常见模式，它尊重用户的时间和精力，因此在用户友好的界面中对此有很高的要求。

为什么进行内部搜索很重要？早先有关内部搜索的建议始于网站上的100-200页，但现在我们发现它们有些过时了。网络和应用程序商店中不断增加的资源为现代用户提供了各种各样的选择和选择。如果访问者已经访问过您的网站，则您的任务是尽快为他们提供他们想要的东西。在大多数情况下，用户（尤其是来自外部搜索引擎的用户）进入具有特定目标或查询的资源，而又不想花费大量时间寻找它。搜索使他们能够使旅程更加专注和有效。

Crypto Blog使搜索控件成为页面上的核心CTA元素之一：放置在网站标题中，它具有可单击按钮的形式，同时使用知名的搜索图标和文字说明，因此超级好用户快速找到它。

如果你有一个 单页网站，如果您的应用程序或网站简洁明了且内容不多，则不需要内部搜索。例如，对于公司或投资组合网站，突出显示核心信息和服务就足够了。

但是，在设计搜索可用性时，请不要犯相反的错误：不要在用户界面中将搜索优先于导航。基于上面提到的所有内容，设计人员可能会认为搜索是值得关注的最佳且唯一的交互元素。那是一个大错误。尽管许多用户确实尝试通过搜索接近目标，但也有一些用户可能在搜索交互方面遇到问题。例如，他们对某种语言的了解不足以构成正确的查询，对他们来说很难键入内容，或者他们只是讨厌思考文本查询，而宁愿遵循已经存在的导航和提示，比通过搜索与系统进行通信的认知负担更大。

考虑到这一点，力求在导航和搜索之间保持良好的平衡。

网站建设

出售昆虫的电子商务平台的标题中包含开放搜索字段

有效搜索的核心特征

使搜索交互更清晰，直观有不同的细微差别，但是以下三个功能是内部搜索要考虑的核心点：

• 它应该立即可见
• 作为搜索功能应该很清楚
• 它应该显示相关内容

茶电子商务网站的标题中包含搜索控件，该控件具有粘性，可以从任何交互点轻松访问

UX搜索设计实践

将搜索字段放置在最可见的交互式区域中

关键设计问题之一是在界面中放置搜索图形控件。在网页设计中，搜索字段通常可以在网站的标头中找到，这是一个不错的选择：正如我们在专门针对以下网站的设计实践的文章中提到的那样：网站标题，对于任何网站来说，它都是可见度最高的区域，因此在其中放置搜索字段可以使用户快速转移到他们真正需要的页面，而无需在网站上漫游和向下滚动。

例如，对于大 电子商务网站通常由具有特定目标，所要寻找的特定目标的用户访问-如果无法快速方便地找到它，则存在很高的风险，即他们将降低资源的获利能力。此外，还应考虑到习惯和思维模式的力量：由于许多网站都在其标题中进行搜索，因此用户习惯于在需要时在此处查找它。

网站建设

致力于甜点食谱的博客在标题中带有搜索图标

将搜索字段隐藏在首屏区域（仅向下滚动页面后才可见的页面部分）或页脚中，这会增加大多数用户根本看不到它的风险。但是，在页眉和页脚中使用搜索控件都可以有效地工作，尤其是在网站不使用粘性标头的情况下。在这种情况下，向下滚动到页脚将使用户不​​需要重新搜索内容。

谈到移动界面中的搜索领域，情况有所不同，因为设计人员在可用空间方面的限制更大。如果该应用程序基于大量内容，并且搜索是交互的主要元素之一，则可以在标签栏轻松到达 如果搜索对于用户目标和应用程序的可用性不是至关重要的，则可以将其隐藏在菜单中或仅在可能需要的屏幕上显示。

网站建设

的 食谱应用屏幕顶部的搜索字段充满了内容，带有搜索图标和文本提示，以使其功能更加清晰。另外，下面的标签有助于更好地优化搜索。