什么是分面搜索和导航？ 14 个技巧和 24 个例子

将访问者引导至他们感兴趣的产品对于任何在线商店来说都是一项挑战。 您拥有的选择越多，就越困难。

这是一个大问题，因为普通访客找到他们感兴趣的东西所花费的时间越长，您所期望的销售额就越少。 当人们找不到他们要找的东西时，他们会感到困惑和沮丧，他们甚至可能会关闭浏览器窗口或转到一个对用户更友好的网站。

分面搜索和导航在简化用户体验方面发挥着重要作用。 这一切都是为了改善搜索体验，让您的产品很容易找到。

在本文中，我们将讨论多面搜索，分享 14 个基本的多面搜索技巧，并查看 24 个电子商务商店正确进行多面搜索的示例。

让我们开始吧！

分面搜索，也称为分面导航或分面浏览，是电子商务品牌用来帮助用户根据尺寸、颜色、价格和品牌等过滤器分析、组织和过滤大量产品库存的技术。

等等，所以我们只是在谈论过滤器？

不完全的。 方面更具体：它们适用于搜索结果。

分面搜索需要改进从用户界面到产品描述编写方式的所有方面。 与其在您的网站上使用复杂的结构，不如让一切都尽可能简单和精简。

分面搜索有助于改善客户的产品搜索体验。

一些网站访问者确切地知道他们想要什么。 其他人希望在做出决定之前探索多种选择……但这并不意味着他们对您的整个产品线感兴趣！ 最有可能的是，他们正在为特定类型的产品寻找不同的选择。

Facets 通过让用户快速有效地专注于满足其需求的选项来简化用户体验。

例如，想要购买手机的客户将需要从数千种具有不同规格和功能的型号中进行选择。 它可能是压倒性的，做出决定可能感觉不可能。

但请看一下 Flipkart.com 上对移动设备的多面搜索。 通过使用品牌、价格范围和评论等多面过滤器，客户可以在网站上提供的数千款手机中快速找到其中的几款！

很容易看出为什么几乎所有主要的电子商务参与者都在他们的网站上使用分面导航。

有效的多面导航系统确保客户不会迷路或不知所措，它可以将您的转化率提高20% ！

在本节中，我们将提供 14 个提示，以最大限度地发挥分面搜索的优势，并通过分面搜索和导航的出色示例指导您完成。

1.使用相关的过滤器选项

与每个搜索相关的方面（以及每个方面中的选项）应该与产品类型相关。

例如，在智能电视类别中，方面选项应包括：

• 价格，
• 牌，
• 解析度，
• 屏幕尺寸，
• 特征，
• 等等…

在每个方面，提供相关过滤器以改进搜索结果，例如分辨率选项（高清、全高清、4K）。

看看百思买的这个例子：

为客户提供缩小搜索范围所需的所有选择。 价格和品牌是跨行业的标准，但请记住也包括特定类别的选项。 例如，在鞋子和服装等类别中，颜色和尺寸选项是必不可少的。

要确定适当的方面和过滤选项，您可以查看竞争对手网站、行业领导者的网站、客户评论、专家评论和常用搜索关键字。

2. 以正确的方式定位刻面

您可以在搜索结果页面上水平或垂直放置构面。

仅当您拥有少量具有最小值的产品时，水平导航才适用，例如以下来自 asos.com 的示例：

如果您有许多不同的产品，水平定位构面会使您的网站看起来杂乱无章。 它还可能影响用户体验，因为当用户向下滚动页面时过滤器菜单会消失。

当有许多产品和过滤器选项时，垂直定位效果最好。 这样，客户可以在滚动浏览结果时访问分面导航系统。

这是来自 Yelp 的垂直方面的示例：

3.呈现最大的用户友好性的方面

有几种显示构面过滤器的方法。 选项包括链接、滑块、复选框、下拉菜单和输入字段。

根据每个要过滤的数据类型选择显示分面的方式。 滑块对于价格方面的过滤器很有意义，但在按品牌或类别进行过滤时，复选框是必不可少的。

亚马逊同时使用列表和复选框：

使用复选框的快速提示：使特定值或过滤器（包括文本）的整个区域可点击——这确保客户不会费力地点击一个小框。

如前所述，滑块非常适合价格或距离等数值。 查看 Gymshark 如何使用过滤器：

下拉菜单将选择限制为单个选项，因此它们最好保留给设置最小值或最大值的过滤器。 查看 car.com 如何使用下拉菜单：

没有单一的“最佳”方式来显示方面——结合不同的选项来为您的网站找到最有效的方法。

4.使用图像

图像（或图标）在构面可用性方面发挥着重要作用。 它们是选择颜色、样式和其他选项的理想选择。

查看 Sunglass Hut 在显示框架形状选项时如何有效利用图标：

5.将客户评论作为一个方面

大型网站越来越多地使用客户评论作为一个方面。

例如，Amazon.com 以一到五颗星的形式显示客户反馈。 作为最佳实践，仅当您有大量评论或评分时才使用此选项。

6.显示商店或行业特定方面

根据客户需求、产品特征、行业要求和商店特定选项创建独特的方面选项可能是一个好主意。

亚马逊的 Kindle 电子书版块除了作者、语言等标准选项外，还有“主要阅读”或“2020 年最佳书籍”等选项。这有助于客户快速做出购买决定，即使有数千种选择。

7.使用可折叠或可展开的菜单

一个好的多面搜索应该允许用户折叠或展开菜单。 这意味着他们可以快速查看不同的过滤选项，并让他们选择他们想要使用的过滤器，而不会被其他过滤器分心。

查看丝芙兰如何使用此选项：

一个重要的考虑因素是默认显示还是隐藏选项。 默认情况下隐藏过滤器可能会降低使用率，但显示太多方面可能意味着用户必须滚动更多才能查看所有过滤选项。 一种解决方案是扩展某些方面，同时折叠其他方面。

8. 在方面内组织价值观

很难在一个方面显示所有可用的值，尤其是当有很多不同的选项时。 幸运的是，有几种不同的方法可以做到这一点！

• 内联展开：在此方法中，分面默认显示前几个值，用户可以通过单击“显示更多”查看其他值。

• 滚动：这是一种广泛使用的方法。 Zappos 就是一个很好的例子。

• 弹出：在此方法中，当鼠标悬停或单击构面时，值显示为弹出窗口。 Colourpop 使用这种方法，可以节省空间并最大限度地减少导航中的混乱。

归根结底，客户可以轻松选择最大值和最小值至关重要。 寻找最便宜选项的人应该能够使用分面搜索快速找到它。

9. 对构面内的值进行逻辑排序

在对构面内的值进行排序时，您可以按品牌等构面的单位计数或按字母顺序进行排序。

通常，尺寸或价格等方面按升序排列。

以亚马逊的 Kindle 电子书页面为例。 在其“Kindle 电子书”方面，价值按字母顺序排序，从艺术与摄影到传记等等。

“语言”方面按受欢迎程度显示值。 例如，“English”出现在顶部。

“平均客户评论”方面按降序显示值，4 星及以上在顶部。

10.让用户选择多个过滤器

客户应该可以选择在一个方面中选择多个过滤器。

例如，想要购买电视的消费者可能已经入围了两个或三个领先品牌，并且可能想知道可用的尺寸和价格范围。 这些不同的组合使访问者的决策更容易。

允许他们在一个方面选择多个选项，这样他们就不必执行多次搜索来查看他们正在寻找的产品。

11.在构面内显示选定的值

为了充分利用分面导航，用户选择的值应该与众不同。

这使客户可以检查他们正在使用的过滤器，并帮助他们轻松更改选项。 您可以通过四种不同的方式执行此操作：

• 内联：使用这种方法，所选值显示在构面内。 例如，亚马逊以粗体显示所选选项，旁边有一个复选框。

• 面包箱：在此方法中，所有选定的功能都显示在专用位置或“面包箱”中。 请参阅下面来自东方贸易的示例。 最佳实践是将构面与值一起显示，例如，值“Christmas”是“holidays”构面的一部分。

• 面包屑跟踪：此列表将所选值显示为术语跟踪。 随着用户继续选择，每个新的选择都会添加到该路径中。 通常，每个值都有一个“X”图标，客户可以单击该图标来删除选择。

• 集成面面包屑：显示类似于上面的面包屑路径方法。 但是，这种方法允许客户在面包屑中更改他们的选择，而不是简单地删除它。 沃尔玛使用这种方法：

12.快速刷新页面和搜索结果

根据一项研究， 47% 的消费者希望网站在 2 秒或更短的时间内加载完毕。 事实上，如果网站加载或刷新时间超过 2 秒，53% 的用户会放弃搜索！

根据另一项研究，转换率在 2 秒刷新率时达到峰值，但每延迟一秒就会导致7%的转换损失。

使用 AJAX 技术可以提高搜索结果的显示率。 使用 AJAX，不会在客户每次优化搜索时刷新整个页面。 相反，仅发送选定的数据，这大大减少了处理时间。 但是，AJAX 对 SEO 不友好，因此您应该限制其使用以增强用户体验。

13.避免没有结果

避免没有结果的过滤选项，因为它们往往会使客户感到沮丧。

对于客户来说，选择一个选项（例如颜色或尺寸）却没有返回任何结果可能是一种令人失望的体验。 Jenson USA 以黑色显示可用选项，而其余选项为灰色。

14.不断改进

与电子商务中的大多数事情一样，分析数据和调整方法至关重要。 在分面搜索中，您应该不断收集有关客户如何使用分面和过滤器的数据，并使用这些数据来改进您的网站。

例如，哪些是最广泛使用的方面？ 客户根本不使用哪些方面？ 这些信息可以帮助您改进分面导航的结构并使您的网站更加用户友好。

分面搜索使您的客户可以轻松找到他们正在寻找的内容，而无需执行多次搜索或花费大量时间浏览。 良好的多面搜索可以改善客户体验并提高转化率。

要充分利用分面搜索，您必须考虑将哪些方面和选项用于不同类型的产品。 如果构面太少，用户将无法找到他们正在寻找的内容，但太多构面会使用户感到困惑。

希望这个提示和示例列表可以帮助您找出最佳方面类型和选项，以缩小您网站上的搜索结果！