优化筛选导航的10个电子商务UX技巧
它的目的是帮助客户在大数据集中 找到所需的产品 。
过滤导航是一种流行的网站功能， 最近这些天通常在电子商务网站上使用 。
考虑可以为eBay或Amazon上的产品搜索 设置的过滤器 ，例如产品的类别，材料或品牌。
如果要转换在线商店，则几乎必须具有过滤的导航，这不仅是因为它有助于现场导航 ，并加快了搜索速度 ，还因为在线客户已经在大型电子商务网站上习惯了 。
1.选择最佳地点
但是，它并不总是最佳选择。
在大多数电子商务网站上，过滤后的导航位于内容旁边的左侧栏中 ，就像您在Amazon或eBay上看到的一样。
Baymard Institute 对过滤的可用性研究发现，在许多情况下， 放置在内容顶部的水平导航效果更好。
水平导航通常适用于产品过滤条件较少的电子商务网站，因为这种方式使用户不太可能忽略过滤条件 。
家具和家庭装饰品零售商Crate＆Barrel的网站为水平放置的过滤导航提供了一个很好的示例。
始终值得测试放置过滤后导航的位置，因为转换率之间可能会有很大差异。
2.提供相关的过滤器
这并不总是像您最初想的那样容易，因为您需要过滤器来回答客户在寻找您的产品时提出的问题 。
虽然这是值得一试的过滤你的竞争对手使用，过滤器应始终是有关你的产品和你的观众 ，并没有其他人的。
例如， Nordstrom为客户提供了针对每种产品类别的精心选择的滤镜 ，例如太阳镜的“镜片类型”，“面部形状”，“颜色”，“价格”和“品牌”。
3.让客户选择多个过滤器
该客户组通常希望同时使用多个过滤器，以便针对不同质量 （例如颜色，价格和材料） 同时运行查询。
尽管有些用户只是随机浏览您的网站，但其中许多人都有明确的想法和明确的需求。
Wayfair在线家庭商店允许客户搜索所需数量的过滤器 ，从而提供专业的用户体验。
不仅需要让他们从多个过滤器组中选择不同的过滤器 ，而且还必须使用相同类型的 过滤器 。
4.必要时启用手动输入
每个客户在不同价格范围内寻找产品，因此适当地预设价格过滤器并不总是那么容易。
复选框是获取过滤器值的好方法，但是有时让客户手动设置过滤器也是一个好主意，例如在价格输入字段的情况下。
5.显示产品柜台
如果为他们提供产品计数器，他们将立即知道他们是否设置了足够的过滤器或需要重新运行查询 。
理想情况下，过滤会使它们接近此数字 。
每个客户在决定购买商品之前都有许多要检查的产品。
通过显示产品柜台，您不仅可以使客户了解情况，自然而然地建立信任感 ，还可以让他们知道他们在过滤工作中的表现如何。
Office Depot将这一功能提升到了一个新的高度，并在每个可用类别的旁边显示一个产品计数器，这自然促使客户继续进行产品搜索。
重要的是要显示每个电子商务站点上属于某个筛选器配置的产品数量。
6.创建有意义的过滤器组
为了使过滤后的导航保持整洁和用户友好，以合理的方式对过滤器进行分组至关重要。
在转换良好的电子商务站点上，必须为客户提供他们做出负责任的购买决定所需的所有筛选器-如果您销售优质产品，这尤其重要。
The Body Shop的在线商店可能需要更多过滤器，但是由于过滤器分组良好，因此超长且难以理解的过滤器列表不会破坏用户体验。
7.使过滤器组可切换
对于移动版式来说 ，这也是一个很好的解决方案，因为在小屏幕上，经过过滤的导航可能会变得太长 ，甚至达到无法使用的可怕程度。
如果选择太多，则值得考虑使过滤器组可切换，以允许用户快速打开和关闭不同的组。
这两个功能均增强了移动设备的可用性 。
Target的过滤导航使用众所周知的上下箭头模式指示可切换性，此外，当组内的过滤器列表过长时（例如在颜色的情况下），还会添加滚动条 。
8.考虑主题过滤器
Baymard Insitute 在Smashing Magazine上总结的可用性研究发现， 即使在大型电子商务网站上 ，主题过滤也不总是被利用 。
主题过滤器是一种独特的产品过滤器，可以帮助客户根据 响应频繁请求的 不同主题 （例如“夏季到货”，“销售中”，“休闲风格”或“最后时刻”）运行查询。
如果您想阅读有关Macy筛选UI的深入分析，请查看此研究 。
在“着装”类别中，它提供了针对精心选择的主题的过滤器 ，例如“特价商品”，“着装场合”和“婚礼场合”。
梅西百货（Macy's）可能是细微差别过滤导航的一个很好的例子。
始终值得考虑在自己的商店中使用任何主题过滤器。
9.显示应用的过滤器
这样，您的客户就不会感到迷失 ，因为他们可以随时检查他们之前选择的过滤器，并在必要时进行修改。
由于许多人倾向于忘记他们刚刚搜索的内容， 因此在查询结果旁边显示他们应用的过滤器是一项可以显着改善用户体验的功能。
10.在顶部显示流行的过滤器
您可以为每个主题应用主题过滤器 ， 并将其放在过滤后的导航上方，以帮助您的客户找到它们。
每个电子商务站点都有其流行的主题 ，例如趋势，季节或特价。
如果您想变得更加专业，则可以根据网站上客户习惯的变化模式， 随着时间的推移更改流行的过滤器 。
翻译自: https://www.hongkiat.com/blog/ux-tips-optimize-filtered-navigation/