Guías prácticas

Diseñar filtros útiles para un catálogo o directorio

Los filtros deben limitar una decisión real. Los controles adicionales sin datos confiables crean resultados vacíos, etiquetas inconsistentes y, a veces, una avalancha de URL de bajo valor.

Ver el método

Dos colegas que comparan muestras de materiales con un catálogo digital filtrado

Elija criterios que respalden las decisiones

Observe las preguntas que la gente hace antes de elegir. Un directorio puede necesitar categoría, región y tipo de recurso; Un catálogo puede necesitar disponibilidad, tamaño o uso. Agregue un criterio solo cuando las entradas relevantes contengan datos confiables.

Defina valores y sinónimos antes de publicar. Dos etiquetas que significan lo mismo resulta dispersa. Los directorio web Muestra cómo las categorías, las entradas de búsqueda y explicaciones pueden funcionar juntas.

  • Criterios vinculados a las decisiones.
  • Datos fiables sobre entradas relevantes.
  • Valores y sinónimos armonizados.

Mostrar resultados y estado

Después de una selección, muestre el recuento de resultados y los filtros activos. Las personas deberían poder eliminar un criterio o restablecer todo. Un estado sin resultados debe explicar lo que sucedió y sugerir un paso razonable sin borrar las selecciones en silencio.

Combinaciones de prueba, retroceso del navegador, cambios de categoría y búsqueda de texto libre. Las tarjetas necesitan títulos legibles e información esencial incluso cuando las imágenes fallan. Los Guía de búsqueda de sitios cubre el viaje más amplio.

  • Recuento y criterios visibles.
  • Restablecimiento simple.
  • Explicación del estado de no resultados.

Admite teclado y móvil

Las casillas de verificación, las selecciones y los botones necesitan etiquetas claras, orden lógico y enfoque visible. Si los resultados cambian sin una recarga, anuncie el cambio sin interrumpir la lectura después de cada pulsación de tecla. En el móvil, consulte el panel de filtro y el espacio restante para las tarjetas.

Prueba por teclado, zoom alto y pantallas estrechas. Un filtro amigable con el mouse aún puede hacer que la eliminación sea imposible para un lector de pantalla o un usuario de teléfono. Los Guía de accesibilidad Ofrece un método de prueba.

  • Controles con nombre y accesibles.
  • El resultado cambia perceptible.
  • Panel móvil utilizable.

Decide qué URL merecen rastreo

Algunas selecciones pueden justificar páginas estables y útiles; La mayoría de las combinaciones no necesitan URL indexables. Documente la decisión antes de generar muchos parámetros. Mantenga las entradas individuales y un listado principal completo accesible.

Los Recomendaciones de Google sobre la navegación facetada Explique el costo de los espacios de URL casi infinitos. Controle las páginas vacías, la configuración repetida y los enlaces generados después de cada cambio de filtro.

  • Las URL públicas seleccionadas deliberadamente.
  • Entradas accesibles sin filtros.
  • Combinaciones vacías y duplicadas comprobadas.

Contenido actualizado el 2 de octubre de 2026

Matriz de validación funcional para adaptarse al proyecto

Estos controles propuestos utilizan casos ficticios. Decida qué comportamiento se espera con el equipo, anote el resultado y asigne discrepancias no resueltas antes de la publicación.

Casos de prueba, resultados esperados y evidencia útil
CasoResultado esperadoPrueba para mantener
Dos filtros incompatibles ocultan todas las entradas.El estado vacío explica cómo ampliar la búsqueda y restablecer restaura el catálogo.Registre la URL, los pasos, el resultado y la evidencia fechada.

Preguntas frecuentes

¿Qué pasa si las combinaciones de filtros no dan resultados?

Muestre un estado vacío comprensible, filtros activos y una forma de borrarlos. Conserve la consulta y mantenga los recuentos consistentes. La ausencia del catálogo no establece la ausencia del mercado. Prueba combinaciones contradictorias y reinicio.