Consejos para implementar filtros de búsqueda facetados

Ya conocimos las distintas maneras de ayudar al usuario a refinar su búsqueda en nuestro sitio web. También comentamos las ventajas y las desventajas de la búsqueda facetada, la modalidad más utilizada en sitios web con una gran variedad y cantidad de contenido. Los problemas de este enfoque son tan importantes como sus beneficios, pero siguiendo los consejos que daremos en este artículo lograremos el mejor diseño posible tanto para el usuario como para el desarrollador.

Permitir la deselección

Bumeran.com permite quitar un filtro haciendo clic en una cruz al costado del mismo.

Una vez elegido un filtro, el usuario debería poder quitarlo. Hay dos opciones: reemplazar el filtro por otro dentro de la misma faceta (por ejemplo, cambiar Rodado 26 por Rodado 24 dentro de la faceta Rodado) o bien dejar de usar cualquier filtro dentro de la faceta, expandiendo la lista de resultados.

Buena ubicación

La lista de facetas suele estar en una de estas dos ubicaciones:

  • Horizontal: encima de los resultados, ocupando todo el ancho de la página.
  • Vertical: a la izquierda de los resultados, en una barra lateral.

Con la disposición horizontal, los filtros son más visibles. Sin embargo, también empujan los resultados hacia abajo, quitándoles visibilidad a estos últimos. Por eso, muchos diseñadores eligen la disposición vertical. Además, colocando una barra a la izquierda es posible recorrer los resultados sin perder de vista los filtros.

El elemento correcto

MercadoLibre (izquierda) permite establecer un rango de precios a través de enlaces o bien con dos campos de texto. Trek (derecha) usa un control deslizante para el mismo fin.

¿Cuál debería ser el elemento de interfaz que permite seleccionar un filtro? Tenemos varias opciones:

  • Enlaces. Simples links de texto.
  • Checkboxes. Cajas de verificación, que se tildan o destildan.
  • Campos de texto. Campos donde podemos ingresar caracteres. Generalmente, se usan para valores numéricos (por ejemplo, nos permiten filtrar productos por un precio mínimo y un precio máximo). MercadoLibre usa esta implementación.
  • Controles deslizantes de rango. Nos permiten desplazarnos fácilmente entre un número mínimo y un máximo ya establecidos. Por ejemplo, el precio, el nivel de calificaciones, etc.
  • Selectores de color. Útiles cuando queremos un producto de un color determinado.

Lo ideal es utilizar una combinación de todos estos controles, eligiendo el adecuado para cada tipo de dato. En el caso de los checkboxes y los controles deslizantes, es ideal que apliquen el filtro automáticamente, sin cargar una página nueva, a través de Ajax. El sitio de Trek hace una buena combinación de estos elementos.

Mostrar la cantidad de resultados

Al lado del elemento correspondiente a cada filtro (sea cual sea) debería mostrarse la cantidad de resultados que incluye. Por ejemplo, suponiendo que usemos enlaces, si dentro del filtro Rodado 26 hay 30 resultados, el enlace debería verse como «Rodado 26 (30)». Si la cantidad de resultados es 0, el texto no debería estar enlazado, y hasta podría distinguirse con otro color.

Usar las facetas adecuadas

Ofrecer una gran cantidad de facetas permite un alto nivel de especificidad, pero a veces innecesario o incluso contraproducente: el usuario puede terminar abrumado ante tantas opciones. Las facetas deben elegirse en función de los patrones de búsqueda de los usuarios. Cuando sean necesarias muchas facetas, se puede mostrar inicialmente solo algunas y ofrecer una opción para mostrar todas las demás. Otra opción es mostrar solo los títulos de las facetas, y permitir que el usuario despliegue la lista de filtros correspondiente a través de un clic (ver: menús desplegables).

Ocultar resultados a los buscadores

Como ya comentamos, cada posible combinación de filtros es una página diferente. Esto genera resultados repetitivos para motores de búsqueda como Google, Yahoo! y Bing. La forma de evitarlo es excluir de los resultados de búsqueda las combinaciones a partir de cierto nivel de profundidad. Por ejemplo, la sucesión de facetas Producto/Rodado/Marca sería visible en Google, pero la combinación Producto/Rodado/Marca/Género, no.

Siguiendo estos consejos crearemos una experiencia de búsqueda facetada que ayudará a los usuarios a encontrar lo que desean y, en consecuencia, nos brindará mejores tasas de conversión.

Ventajas y desventajas de los filtros de búsqueda facetados

En nuestro último artículo conocimos el concepto de búsqueda facetada: permitirle al usuario ingresar un término de búsqueda y luego refinar los resultados de acuerdo con distintos grupos de filtros. Por sus beneficios, esta opción es adoptada por bibliotecas digitales y sitios de ofertas laborales, propiedades y comercio electrónico. Incluso podemos verla en Google: gracias a las «Herramientas de búsqueda» podemos filtrar los resultados por fecha, idioma, color (para imágenes), duración (para videos), etc. Pero ¿es una solución tan mágica como parece? Conozcamos sus ventajas y sus desventajas.

Ventajas

  • Asistencia. Si el usuario no sabe bien lo que está buscando, los filtros lo ayudarán a definir mejor su objetivo. Por ejemplo, quizás buscaba una bicicleta de hombre sin saber que el material del cuadro, el tamaño de las ruedas y el tipo de freno eran factores importantes.
  • Facilidad. El usuario puede llegar al resultado deseado con unos pocos clics, en lugar de tener que cambiar varias veces su término de búsqueda agregando o quitando palabras.
  • Horizontalidad. La búsqueda facetada no tiene los problemas de la navegación por categorías jerarquizadas. Por ejemplo, sería muy poco práctico obligar al usuario a refinar su búsqueda de manera vertical, eligiendo primero Tipo de producto (bicicletas), luego Material (carbono), luego Género (de varón), luego Tamaño de rueda (26 pulgadas)… ¿Qué pasaría si quisiera empezar su búsqueda por el tamaño de rueda? ¿Y si supiera que quiere una bicicleta de varón con ruedas de 26 pulgadas, pero todavía no está seguro del material? Este orden impuesto no solo le impide al usuario refinar la búsqueda como desea, sino que además es difícil de mantener para el desarrollador (por ejemplo, si el usuario empezara eligiendo cascos en vez de bicicletas, las categorías Material y Género deberían repetirse). La búsqueda facetada, en cambio, brinda una mayor libertad, ya que los filtros pueden seleccionarse en cualquier orden.

Desventajas

  • Más difícil de desarrollar. Frente a una búsqueda sin filtros o con una sola faceta, para el desarrollador, este tipo de búsqueda es más difícil de crear, ya que el diseño de la interfaz es más complejo.
  • Más difícil de mantener. Como los filtros son predeterminados, tendremos que modificarlos permanentemente en función del contenido. Supongamos que tenemos un sitio web de venta de insumos de computación. Cuando el usuario busque tarjetas de memoria RAM, una de las facetas será Capacidad, con filtros que van de 1 GB a 8 GB. Pero, por el avance de la tecnología, llegará un momento donde dejemos de vender tarjetas de 1 GB, y no tenga sentido mantener ese filtro. Al mismo tiempo, empezaremos a vender memorias de 12 GB, con lo que tendremos que agregar un filtro nuevo.
  • Mal posicionamiento en buscadores. Cuando se ingresa un término de búsqueda y luego se aplica un filtro, se abre una nueva página que conserva solo los resultados que cumplen con dicho filtro. Al aplicar un segundo filtro, se abre una nueva página que tiene ambos filtros aplicados. Y así sucesivamente. Esto quiere decir que, para cada término de búsqueda, existe una página por cada combinación de filtros posible. Así, se genera una cantidad potencialmente infinita de páginas cuyo contenido puede ser muy similar (por ejemplo, ciertos modelos de bicicleta aparecerán tanto en Bicicletas/Rodado 26 como en Bicicletas/Carbono). Esto genera contenido duplicado en Google, lo que puede dar lugar a confusiones o incluso provocar una penalización.
  • Exceso de opciones. En ciertos casos, la cantidad de facetas puede resultar excesiva para el usuario, que terminará abrumado sin saber por dónde continuar su búsqueda.

En el próximo artículo conoceremos algunos métodos para superar estos inconvenientes y sacarle el máximo provecho a esta modalidad de búsqueda.