En un catálogo de más de cien referencias, los filtros no son una comodidad sino la condición de acceso a los productos. Su implantación plantea tres preguntas: qué atributos hacer filtrables, cómo aguantar la carga en un catálogo grande, y cómo hacerlos utilizables en la pantalla de un teléfono.
Las consecuencias de estos filtros sobre el posicionamiento son un tema distinto, tratado por separado.
Qué atributos hacer filtrables
La tentación es proponerlo todo. Es el error más frecuente y el más costoso, tanto en rendimiento como en legibilidad.
Tres criterios para conservar un filtro.
Está informado en al menos el 80% de los productos de la categoría. Un filtro de material alimentado en treinta productos de doscientos produce selecciones engañosas: el cliente cree haber visto toda la sección cuando ha visto lo que estaba documentado.
Discrimina realmente. Un atributo cuyo 95% de productos comparte el mismo valor no filtra nada. Mira la distribución de valores antes de decidir.
Corresponde a un criterio de elección. El cliente filtra por lo que le ayuda a decidir, no por lo que tu proveedor juzgó útil documentar. El peso embalado, la referencia interna o el código aduanero no pintan nada en un panel de filtros.
Una referencia: de seis a ocho filtros por categoría cubren la casi totalidad de las necesidades. Más allá, el panel se convierte en un formulario.
Los filtros varían por categoría
Punto de diseño a menudo descuidado, que marca la diferencia entre un panel útil y un panel genérico.
La talla de calzado tiene sentido en zapatos, ninguno en accesorios. La potencia tiene sentido en herramienta eléctrica, ninguno en tornillería.
Un panel de filtros idéntico en toda la tienda muestra por tanto en todas partes criterios sin valor, lo que ahoga los criterios pertinentes. La configuración debe hacerse por categoría, con un juego de filtros heredado y personalizable.
Corolario práctico: los valores propuestos deben restringirse a los presentes en la categoría actual. Proponer treinta colores cuando la categoría solo contiene cuatro es un error de implementación corriente.
Filtros por Facetas AJAX para PrestaShopLa navegación por facetas que filtra rápido e indexa bien€99,00
Los tipos de filtros
Cuatro formas, cada una adaptada a un tipo de dato.
Las casillas de verificación para los valores discretos: marca, material, talla. Permiten la selección múltiple, que es el comportamiento esperado.
Las muestras de color para los colores, evidentemente, con el nombre en un tooltip. Una lista textual de colores es claramente menos eficaz.
El deslizador de precio, de doble tirador. Dos precauciones: mostrar los límites reales de la categoría en lugar de valores fijos, y permitir la introducción directa de los importes para quienes saben lo que buscan.
Los interruptores para los criterios binarios: en stock, en promoción, entrega rápida. Se colocan al principio del panel porque son los más usados.
El contador de resultados
Elemento decisivo para el uso, y plantea una verdadera dificultad técnica.
Mostrar el número de productos detrás de cada valor evita que el cliente seleccione una combinación vacía. Es lo que hacen todas las interfaces de filtrado maduras.
El coste es real: calcular estos contadores supone tantas consultas de agregación como valores mostrados, en cada cambio de selección.
Tres enfoques según el tamaño del catálogo. En un catálogo pequeño, el cálculo directo pasa sin optimización. En un catálogo mediano, una consulta de agregación única sustituye a las consultas por valor. En un catálogo grande, un índice dedicado o un motor de búsqueda externo se vuelve necesario.
Regla de visualización complementaria: un valor con cero resultados se atenúa en gris en lugar de desaparecer. Su desaparición hace saltar la lista y desorienta.
El rendimiento en catálogo grande
Tres cuellos de botella, en el orden en que aparecen.
Las consultas de filtrado. Un filtro sobre varios atributos produce joins múltiples sobre las tablas de atributos y características. Es lo que pone una base de rodillas en las categorías importantes.
El cálculo de los contadores, mencionado arriba, que a menudo cuesta más que el propio filtrado.
El conteo total, necesario para la paginación. En una selección amplia, abarca decenas de miles de filas.
Dos palancas antes de plantearse una refundición. Una tabla de índice dedicada que precalcula las correspondencias producto-valor, actualizada en cada modificación del catálogo. Y una caché por combinación, de duración corta, que absorbe las selecciones más frecuentes.
Apunte de método: mide antes de optimizar. Cronometra el tiempo de respuesta de un filtrado en tu categoría más grande, con tres filtros activos. Si superas un segundo, el problema es real y localizable.
El comportamiento móvil
Es lo que decide el uso real, puesto que la mayoría del tráfico pasa por ahí.
El panel lateral del escritorio no tiene equivalente en móvil. La solución que funciona es un panel a pantalla completa, abierto por un botón, con los filtros apilados verticalmente.
Cinco reglas de implementación.
El botón de apertura permanece accesible durante el desplazamiento, en posición fija, con el número de filtros activos mostrado.
La aplicación es explícita. En móvil, el filtrado en cada marca produce recargas incesantes. El visitante marca lo que quiere y luego valida con un botón que muestra el número de resultados esperados.
Los filtros activos son visibles tras cerrar el panel, en forma de etiquetas retirables con un gesto.
El restablecimiento es accesible sin reabrir el panel.
El panel se cierra con el botón atrás, sin salir de la página. Un panel a pantalla completa que atrapa el botón atrás es una fricción mayor.
Lo que se rompe en producción
Cuatro situaciones a verificar tras la implantación.
Los filtros sobre las variantes. Un producto disponible en rojo talla S y en azul talla L, ¿debe aparecer en una selección rojo más talla L? No. El filtrado debe aplicarse a las combinaciones existentes, no al cruce de los atributos del producto.
La disponibilidad. Un filtro en stock que se basa en la cantidad del producto sin tener en cuenta las variantes produce falsos positivos.
La ordenación tras el filtrado. Debe conservarse cuando el visitante modifica un filtro, si no vuelve a cero en cada ajuste.
Las categorías vacías tras el filtrado. Prevé un mensaje útil en lugar de una página en blanco: propone retirar el último filtro aplicado, que casi siempre es el que vació la selección.
Medir
Tres indicadores.
La tasa de uso de los filtros por categoría. Una categoría donde nadie filtra o es demasiado pequeña para necesitarlo, o tiene filtros inadecuados.
El ranking de los filtros usados. Descubrirás casi siempre que tres filtros concentran lo esencial de los usos, lo que justifica subirlos al principio y plantearse la supresión de los demás.
La tasa de conversión de las sesiones con filtrado, comparada con las sesiones sin. Un visitante que filtra tiene una intención más precisa, y la diferencia mide el valor del dispositivo.
El módulo Filtros de Facetas AJAX para PrestaShop implementa este dispositivo en PrestaShop 8 y 9: configuración de los atributos filtrables por categoría, filtrado sin recarga con contadores de resultados, índice dedicado para los catálogos grandes y panel a pantalla completa con validación explícita en móvil.