Un catálogo de escritorios puede filtrar por color, medida, material, marca, colección y disponibilidad. Mostrar todos esos controles no significa que la elección resulte más sencilla. Algunas diferencias son decisivas para comprar y otras apenas sirven para ordenar el inventario internamente. Un buen sistema de filtros traduce la oferta a preguntas útiles: cabe en mi espacio, se adapta al uso y puedo conseguirlo. El diseño necesita acompañar cada selección con una respuesta comprensible y permitir corregirla sin comenzar de nuevo toda la exploración del catálogo.
Priorizar restricciones reales del comprador
Empieza por las características que descartan opciones. Para un escritorio, ancho y tipo de uso pueden importar antes que colección. Revisa consultas comerciales y compara productos para identificar diferencias consistentes. Un filtro no sirve si la mayoría de las fichas carece del dato o utiliza unidades incompatibles. Antes de diseñarlo, normaliza la información y define cómo se tratarán valores desconocidos. No conviertas la ausencia de información en una respuesta negativa. Si no sabes si un modelo tiene una característica, esa incertidumbre debe resolverse editorialmente o mostrarse con honestidad, no quedar escondida dentro de la lógica del filtro.
Hacer visible qué está seleccionado
El visitante debería reconocer los filtros activos sin volver a abrir cada grupo. Muestra sus nombres y permite eliminarlos individualmente, además de limpiar toda la selección. Si un filtro acepta varias opciones, aclara su comportamiento mediante etiquetas y respuesta del listado. Un intervalo de medidas necesita unidades visibles y límites comprensibles. Los controles nativos, como casillas, facilitan comportamientos conocidos; WAI explica la importancia de identificar y agrupar controles relacionados. Pide probar el filtro con teclado y verificar que su nombre describe la dimensión que modifica, incluso cuando alguien no ve la disposición completa de la barra lateral.
Explicar cuándo se actualiza el resultado
Algunos catálogos cambian inmediatamente y otros requieren pulsar aplicar. Ambas decisiones pueden funcionar si son coherentes y no sorprenden. Si la actualización tarda, muestra un estado de carga sin borrar todo el contexto. No hagas saltar la página al inicio después de cada casilla, especialmente cuando el visitante está ajustando varias opciones. En móvil, un panel de filtros necesita una salida clara y una indicación de lo seleccionado. Revisa si cerrar el panel aplica cambios o los descarta; esa regla debe resultar predecible y mantener el mismo comportamiento durante toda la sesión de exploración.
Probar combinaciones y recuperación
Crea una selección que produzca varios escritorios, otra que deje uno y otra sin coincidencias. Comprueba que el mensaje sugiera quitar restricciones sin presentar el catálogo como vacío. Después abre una ficha y vuelve: decide qué contexto debe mantenerse, incluyendo selección y posición cuando sea viable. Si compartes filtros mediante la dirección, verifica que otra persona obtenga un estado equivalente y comprensible. No confundas filtrado con recomendación: el sistema puede reducir opciones según atributos, pero no afirmar que un producto es ideal para alguien si no cuenta con información suficiente para sostener esa conclusión.
DE LA LECTURA A LA ACCIÓN
Para aplicar hoy
- Un filtro necesita datos consistentes y una diferencia relevante para comprar.
- Muestra las selecciones activas y cómo se pueden retirar.
- Comprueba combinaciones sin coincidencias y regreso desde una ficha.
Fuentes y referencias
Documentación para profundizar. Los ejemplos de esta guía son didácticos.