筛选式导航能有效缩小产品列表范围，帮助消费者快速定位心仪商品，从而提升购物体验并促进销售。衡量其成功与否的关键在于实际效果、易用性及对销售的转化力。以下是优化筛选式导航的七种方法。
1. 为差异化属性提供筛选选项
导航应引导用户精准找到目标产品。若商品存在尺寸、颜色或款式等差异，务必在筛选栏中包含对应选择器。
例如，T恤供应商Threadless在产品页提供了颜色、尺寸和款式的筛选功能。
Threadless在产品类别页面的导航中将产品变体作为筛选条件。
筛选条件应随产品类别动态调整，无需在所有页面保持一致。例如，T恤与汽车零部件的筛选维度理应不同。
2. 提供基于主题的筛选
除具体属性外，建议添加覆盖全类的主题筛选，辅助用户发现商品。
Design by Humans在产品页顶部设置了“热门”、“新品”和“畅销”等主题选项。
新式或热门筛选器是主题排序的示例，“新”未必是产品属性，而是指最近添加到网站的产品类别。来源：Design By Humans。
此外，该平台左侧导航还支持按系列（如《星球大战》、《刺客信条：大革命》）或类别进行主题筛选。
基于主题的筛选还包括系列，如上图所示的《星球大战》，来自Design by Humans。
3. 标明各筛选选项的商品数量
展示每个筛选项对应的商品数至关重要。若用户预知某选项仅剩极少商品，可能会放弃点击。
Jinx网站清晰展示了应用特定筛选后剩余的商品数量。
向购物者展示某个筛选选项对应的商品数量，可能有助于他们决定是否应用该筛选条件，如Jinx的这个示例所示。
计数器需实时联动更新。例如，选中“红色”后，小号和中号的数量应同步刷新。同时，应自动隐藏或禁用会导致无结果的组合选项（如无“小号红色”时禁用“小号”），避免无效交互。
4. 支持同类型多选
筛选导航应在锁定范围的同时，保留灵活性，允许用户对同一属性进行多选。
BustedTees允许用户同时勾选多种颜色（如黑、白）或尺寸（如中、小）。
有些购物者希望选择同一类型的多个过滤器，如颜色、价格范围等——正如 BustedTees.com 上所示。
这种设计满足了特定场景需求，例如母亲想为两个儿子购买同款但不同尺码的衬衫。
5. 双重展示已应用的筛选条件
Baymard Institute建议在筛选导航顶部以控制组形式展示已选条件，同时在原位置保留行内状态。这便于用户识别当前筛选并快速移除。
Jinx在导航顶部清晰列出了已应用的筛选器。
Jinx 在过滤导航的顶部显示了一个易于理解的已应用过滤器列表。
Threadless则通过改变颜色和添加复选框，优化了行内已选状态的识别度。
Threadless 更改了已应用过滤器的颜色并添加了复选框，使得行内识别变得容易。
6. 确保移动端适配性
筛选导航必须在移动设备上流畅运行，保证按钮易触、逻辑清晰。
Jinx移动端合理利用了已选筛选器控制组，并提供了适合触摸操作的添加按钮。
筛选器必须在移动设备上具备功能性。来源：Jinx。
7. 避免产生重复内容
所有设计应优先服务于用户体验，但筛选导航不应生成干扰搜索引擎索引的重复内容。
本质上，需为每个结果集提供唯一路径。遵循Google Webmaster Tools指南，确保筛选系统既利于用户浏览，也符合SEO规范。