Filtros y búsqueda facetada: cuándo usarlos y cómo mostrar lo aplicado
Los filtros excluyen resultados y la búsqueda facetada combina varios por categoría. Cuándo usar cada uno y cómo mostrar los filtros aplicados en web y móvil.
¿Qué diferencia hay entre filtro y faceta?
El NN/g lo explica con dos definiciones simples: un filtro analiza un conjunto de contenido para excluir elementos, y la navegación facetada se compone de varios filtros que describen de forma integral un conjunto de contenido (NN/g: Filters vs. facets).
En práctica: «color: azul» es un filtro. «Color» es una faceta, porque agrupa todos los colores posibles. La búsqueda facetada es el conjunto de facetas que se pueden combinar: color, talla, precio y material, por ejemplo. Las facetas son más flexibles, pero también exigen más datos bien organizados.
¿Cuándo conviene cada uno?
El NN/g advierte que la navegación facetada es significativamente más costosa de crear y mantener, y que agrega costo de interacción. Un filtro simple suele ser más fácil de entender y más rápido de usar. Su consejo es confirmar que las personas necesitan facetas antes de construirlas.
| Situación | Conviene |
|---|---|
| Pocas categorías y atributos claros | Un filtro simple o una lista de categorías |
| Muchos atributos que las personas combinan | Búsqueda facetada |
| Catálogo con especificaciones técnicas | Facetas con unidades visibles, como ancho o capacidad |
| Catálogo visual, como ropa o muebles | Facetas por color, material o estilo, con muestras visuales |
Si la mayoría de las personas usa solo una o dos opciones, una búsqueda facetada completa puede ser ruido. Mira qué combinan en la práctica antes de decidir.
¿Qué hay que mostrar sobre lo aplicado?
Este es uno de los puntos que más se pasan por alto. Baymard recomienda un resumen de filtros aplicados tanto en escritorio como en móvil. Sin ese resumen, la persona no tiene confirmación de qué filtros están activos, no tiene una forma rápida de quitarlos y pierde el contexto de la lista. En su benchmark, el 28 % de los sitios no muestra ningún resumen (Baymard: How to design applied filters).
Algunas prácticas que Baymard describe:
- En escritorio, el resumen puede ir encima de la lista, encima de la barra lateral o debajo de una barra horizontal de filtros. Baymard no concluyó cuál ubicación es la mejor.
- En móvil, una lista horizontal que se desplaza, con el último filtro cortado a la mitad (o con un desvanecido en el borde) para indicar que hay más, o filas apiladas que se recortan tras una o dos filas y ofrecen un botón «Ver todos los filtros aplicados». Baymard recomienda combinar señales: el corte visual, un conteo y una etiqueta de texto, como «4 filtros aplicados».
- Solo un número no basta. Baymard aconseja evitar mostrar únicamente la cantidad de filtros aplicados: con «Filtro (3)» la persona tiene que abrir la interfaz de filtros para ver o quitar lo que eligió.
- Incluye el tipo de filtro en catálogos con especificaciones, como ancho o altura. Para catálogos visuales, como color o material, el nombre del filtro suele sobrar.
- Conserva la posición de la opción elegida. Baymard reporta que el 97 % de los sitios de su benchmark mantiene la opción seleccionada en su posición original dentro de la lista de filtros, y que el problema de opciones que desaparecen ya no se repitió.
¿Qué filtros conviene destacar?
En móvil, muchos filtros quedan ocultos hasta que la persona entra a una pantalla aparte. Eso obliga a ir y volver entre la lista y la pantalla de filtros. Baymard recomienda destacar arriba de la lista los filtros que más ayudan a la mayoría de las personas. No da una cifra fija: aclara que no existe un conjunto único para todos los sitios y que en un solo renglón del móvil suelen caber solo dos o tres. Según su benchmark, el 61 % de los sitios no promueve ningún filtro (Baymard: Promoting product filters).
Esos filtros promovidos deben aparecer dos veces: en el lugar destacado y en su sitio habitual dentro de la interfaz de filtros, porque la gente espera encontrarlos allí. Baymard también sugiere mostrar el número de productos que coincide con cada filtro promovido y usarlos «de forma inteligente y con moderación»: no aplicar el filtro más popular a todo el sitio, promover filtros solo en listas muy grandes y comprobar que cada uno produce una lista filtrada útil, no una subcategoría aislada.
¿Qué pasa con las combinaciones sin resultados?
Es un fallo frecuente: la persona aplica cinco filtros y la lista queda vacía. Las fuentes citadas aquí no tratan este caso, así que lo que sigue son prácticas habituales de diseño, no hallazgos de esas investigaciones. Se conectan con cómo recuperarse de búsquedas sin resultados:
- Desactivar, o marcar como sin resultados, las opciones que no producen ningún producto con los filtros actuales.
- Mostrar cuántos resultados quedan al elegir cada opción, para que la persona entienda el efecto antes de aplicarla.
- Ofrecer una forma de quitar un filtro sin perder los demás.
¿Cuándo NO conviene una búsqueda facetada?
- Si el catálogo tiene solo unas decenas de productos, una lista ordenada suele bastar.
- Si las facetas no tienen datos limpios, cada filtro mostrará resultados inconsistentes. Limpia los datos antes que la interfaz.
- Si el equipo no puede mantener las facetas, un listado con búsqueda simple es más honesto que un sistema de filtros que se rompe.
Ejemplo ilustrativo
Ejemplo ilustrativo: una tienda de bicicletas tiene 400 modelos con talla, peso, tipo de freno, color y precio. La versión anterior usaba un menú desplegable con todos los filtros mezclados, y era difícil encontrar los importantes. El rediseño destaca arriba de la lista tres filtros: tipo, talla y precio, con su conteo. En escritorio, el resumen de filtros aplicados aparece encima de la lista. En móvil, los filtros aplicados son chips desplazables y el resto de facetas queda en una pantalla aparte. Cuando una combinación no devuelve bicicletas, las opciones que no tienen resultados quedan atenuadas con una nota. El equipo mide cuánto tardan las personas en llegar a un modelo y cuántas listas vacías aparecen, para comprobar si el cambio funciona.
Si la lista muestra especificaciones comparables, revisa cómo se organizan en tablas de datos. Y para entender por qué las personas pierden el hilo cuando cambian varias opciones, la carga cognitiva explica el costo de decidir con demasiada información.
Errores comunes
- Construir una búsqueda facetada sin confirmar que alguien la necesita.
- Mostrar solo un número de filtros aplicados sin decir cuáles son.
- Esconder los filtros más usados detrás de un menú en móvil.
- Dejar opciones que producen listas vacías sin ningún aviso.
- Cambiar el orden de las opciones cada vez que se aplica un filtro.
- Mezclar filtros y facetas en una sola lista sin jerarquía.
Qué puedes hacer mañana
- Abre tu listado con más filtros y cuenta cuántos clics hace falta para llegar a un resultado con tres criterios.
- Revisa si el resumen de filtros aplicados existe en escritorio y en móvil, y si permite quitar uno sin perder los demás.
- Elige tres filtros para destacar arriba de la lista según lo que más se usa, no según lo que el equipo cree que se usa.