搜索结果页面设计5项最佳实践

发布时间:2021-06-12 00:39:42来源:Fireart Studio

搜索结果页面设计是影响访问您网站时用户体验的最重要的事情之一。它可能会吸引注意力或使潜在客户关闭网页并永远忘记您的网站。毫无疑问,所有企业家都希望处理第一种情况并吸引那些认为他们的网站有吸引力的访问者。无论您提供何种类型的服务,您的搜索结果 UI 设计都很重要。本文介绍如何创建最佳的搜索结果页面设计。

基本原则

搜索结果页面的主要功能是准确提供您正在寻找的结果。为了提供方便的搜索,此页面应包含许多过滤器和反映其使用上下文的调整。即使是采用极简设计的谷歌,也在其搜索页面中加入了十几个附加功能。它们跨越以下几组:

输入特征

这意味着搜索框包括自动建议和即时结果。

信息功能

该组包括找到的结果数量、相关搜索、广告、由带有片段和 URL的超链接标题组成的单个结果、对查询重新制定的支持等。 

控制功能

这些分页,自动对焦aceted导航菜单(内容类型和日期),用于高级搜索选项,搜索工具菜单(图文并茂,访问过的网页等)和帮助。

个性化功能

个性化功能包括配置文件、设置、通知等。

搜索结果页-1.jpg

页面布局 

搜索页面 UI 设计中使用了不同类型的布局。例如,大多数电子商务商店使用水平“画廊”,其中结果在逻辑上显示为列表。此类网上商店中的每个结果大多以更简洁的图形形式显示,便于视觉扫描。 

尽管列表和图库是最常见的搜索页面布局类型,但一些更复杂的产品需要不同的方法,这意味着使用显示其规格的全部细节,从而实现快速的视觉扫描和比较。 

在某些情况下,搜索结果可能包含地理空间元素。因此,对于时空上下文特别重要的移动搜索结果,最广泛使用的布局看起来像二维地图。

混合结果

如前所述,不同类型的搜索结果需要不同的布局。大多数情况下,网页设计鼓励用户指定和缩小他们的搜索范围,以便为他们提供最方便的布局。然而,许多以内容为导向的网站的目标是激励用户进行更多探索,它们采用更具创造性的方法,允许不限制用户搜索。这是一个具有混合结果的布局。它混合了不同的视图和搜索结果类型。

零结果

尽管大多数搜索结果引擎旨在提供自动建议和一组功能来帮助用户找到最准确的结果,但某些搜索查询只是无法返回一些有意义的结果并显示所谓的零结果页面。

零结果页面是通过提供有关如何重新表述搜索查询的建议和建议来支持用户的机会。

搜索结果页面 UI 改进的 5 个关键提示

我们都努力追求更简单的解决方案的想法,并努力争取更好的结果。享受艺术作品是人类的天性,这包括您的网站,它也是一种数字杰作。人们可能喜欢您的网站的主要原因有两个:界面设计以及用户体验。

这意味着您的网络商店必须具有视觉吸引力和清晰性,并且应该表现出快速的响应能力,以便能够吸引注意力并积极影响用户的决定。一般来说,有多种方法可以改进网站设计,或者对其进行优化以达到更好的性能水平;然而,网站用户体验的中间阶段往往被低估。

因此,如果潜在客户对您的产品感兴趣,他们会进行查询并等待搜索结果。他们从那里获得的印象将使他们留下或离开。他们可能会遇到设计不佳的页面或与查询没有任何匹配的产品类型的页面。

另一方面,可能会出现包含高质量图片和有价值信息的页面。您为此网页选择的设计越好,您将来获得的结果就越好。选择合适的布局并不是改进它的唯一方法。有数以千计的方法可以改善您的搜索结果页面 UI。让我们来看看搜索结果 UI 设计改进的最佳实践。

搜索结果页-2.jpg

1. 提供信息

让您的客户看到关键细节

您的页面应包含尽可能多的有用信息。展示小而漂亮的照片,添加产品或服务的简短描述等。无论如何,让互动继续。

尽量减少点击次数

“产品结果页面,产品页面,产品详情页面……”——点击你的网站的过程可能是枯燥无用的。不要让您的客户寻找他们需要的按钮。把它放在正确的地方,让它工作。

搜索结果页面上的“添加到购物车”按钮需要尽可能吸引潜在客户。这并不意味着您需要将其设置为亮红色或霓虹绿色;但是,您应该创造条件,让客户能够快速找到它。让潜在客户在他们的愿望改变之前将产品添加到购物车。

提供高级搜索

这是一个选项,允许客户添加一些搜索要求、改变和组合它们以找到最相关的结果。在购买之前,让他们有机会进行自己的研究并对结果进行分类。让他们觉得他们的选择是有史以来最好的。过滤器在这里也很有用。

文本片段、图像、添加到购物车按钮和高级搜索功能在您的搜索结果页面上很有价值。以排除死胡同的方式设计它。为您的合作未来保驾护航,达成交易!.

2. 回答客户的问题

如果您的网站访问者正在寻找男士蓝色衬衫,则根本不需要在搜索结果页面上显示白色衬衫、女士衬衫或一条蓝色裤子。确保网站正常运行并且响应查询的算法正确。

如果所需产品目前缺货,请尽量不要将访问者引导至空白页面。提供一些有用的信息:解释问题,告诉访问者该产品何时会再次进货,或建议他们通过其他方式获得该产品。您始终可以建议您的白衬衫作为替代品,但不能作为搜索结果。

搜索结果页-3.jpg

3.注意相关性

在这种情况下,最好的企业家助手之一是谷歌搜索页面。无论人们正在寻找什么样的产品,它都能提供很大的帮助和信息丰富的建议。

谷歌地图出现在屏幕上以显示最近的位置以及前往附近顶级餐厅或咖啡店的最快路线。非常方便,你不觉得吗?

当我们寻找一本书、袜子或汽车时,也会发生同样的事情。Google 向我们展示了我们可以在哪里购买产品,告知我们其价格和评级等。寻找会议时,科学家会获得有关计划活动的日期和地点的完整最新信息。

Google 应用的这些做法同样适用于您的企业,并能从中获利。关键是如果提供有关潜在客户的特定信息(例如当前位置或年龄),则可以实施它们:这些数据允许 Google 显示更多相关信息。

4. 为错别字做好准备

我们都会犯错。寻找某种产品的互联网用户也不例外。为了提供更好的用户体验,建议更正拼写错误的字词和与之匹配的产品。

看一眼 耐克 找出这是如何工作的。

5. 添加客户反馈

真实的意见总是会有所作为。没有比客户撰写的评论更好的产品描述了。因此,在搜索结果页面上为每个产品添加 1-2 条信息丰富的反馈非常有用。此外,无需开发人员额外的努力即可向搜索结果页面添加带有评论的小文本字段。

搜索结果页面改进的其他提示

收集有关用户首选项的信息

您对受众了解得越多,您的业务就越能以客户为导向。位于不同地区的不同类别人群的需求几乎没有共同之处。所以,要非常注意查询解析。收集有关先前搜索的数据并将其与新搜索进行比较。分析最频繁的查询并相应地修改您的内容甚至一般业务方法。

使用搜索结果页面分析工具

您的搜索结果页面可以为您的业务提供更重要的信息。跟踪常见的搜索查询和导致没有结果的查询。对这些方面的分析将帮助您更深入地了解您的搜索结果页面的需求。有了这些信息,可以更清楚地了解哪些额外的变化可以带来利润。

使用有效的号召性用语 (CTA)

使用简短而有创意的 CTA 来改善搜索结果的用户体验。稍微推动潜在客户与您建立进一步的合作。

允许自定义

客户喜欢自己玩设计。所以,让它成为可能!添加一些简单的自定义功能,如文本颜色、行数、视图等,让访问者的注意力更持久,让他们花更多的时间来熟悉您的产品。

尝试视频而不是图像

为了使您的结果页面信息量更大,请在搜索结果页面上展示带有产品概述的简短视频。这可能会增加客户参与度并展示有关所展示商品类型的所有必要信息。

结论

网站设计与流畅无缝的用户体验一起构成了一个强大的引擎,可以提高客户选择向您购买的可能性。搜索结果页面是任何网站的重要组成部分。一个简单的事实证明了其完美设计的必要性:访客在找不到所需产品或整体用户体验不好时离开。

声明:本站发布的内容以原创、转载、分享网络内容为主,如有侵权,请联系电话:400-887-2127,邮箱:7221960@qq.com ,我们将会在第一时间删除。文章观点不代表本站立场,如需处理请联系我们。