10 E-Commerce UX Consejos para optimizar la navegación filtrada

La navegación filtrada es una característica popular del sitio web que actualmente se usa de forma rutinaria en los sitios de comercio electrónico . Sirve para ayudar a los clientes a encontrar el producto que buscan en grandes conjuntos de datos .

Piense en los filtros que puede configurar para una búsqueda de productos en eBay o Amazon, como la categoría, el material o la marca de un producto.

Si desea una tienda en línea de conversión, tener una navegación filtrada es casi una necesidad, no solo porque facilita la navegación en el sitio y acelera la búsqueda, sino también porque los clientes en línea ya se han acostumbrado en los grandes sitios de comercio electrónico.

1. Elija el lugar óptimo

En la mayoría de los sitios de comercio electrónico, la navegación filtrada se coloca en la barra lateral izquierda junto al contenido, como se puede ver en Amazon o eBay. Sin embargo, no siempre es la mejor opción.

La investigación de usabilidad del Instituto Baymard sobre el filtrado encontró que una navegación horizontal colocada sobre el contenido puede funcionar mejor en muchos casos.

La navegación horizontal generalmente funciona bien para los sitios web de comercio electrónico que tienen menos filtros de productos, ya que de esta manera es menos probable que los usuarios pasen por alto los filtros .

Siempre vale la pena probar dónde colocar la navegación filtrada, ya que puede haber grandes diferencias entre las tasas de conversión. El sitio web de Crate & Barrel, un minorista de mobiliario y decoración del hogar, proporciona un buen ejemplo de navegación filtrada horizontalmente.

2. Proporcionar filtros relevantes

Aunque vale la pena revisar los filtros que usan sus competidores, los filtros siempre deben ser relevantes para sus productos y su público, y para nadie más. No siempre es tan fácil como lo haría en un principio, ya que necesita filtros que respondan a las preguntas que hacen los clientes cuando buscan sus productos.

Por ejemplo, Nordstrom proporciona a sus clientes filtros cuidadosamente seleccionados para cada categoría de producto, como "tipo de lente", "forma de cara", "color", "precio" y "marca" para gafas de sol.

3. Permita que los clientes seleccionen múltiples filtros

Aunque algunos usuarios simplemente navegan aleatoriamente por su sitio, muchos de ellos llegan con ideas bien definidas y necesidades bien definidas. Este grupo de clientes usualmente quiere usar múltiples filtros al mismo tiempo para ejecutar una consulta simultáneamente para diferentes calidades, como color, precio y material.

No solo es necesario permitirles seleccionar diferentes filtros de múltiples grupos de filtros, sino también del mismo tipo . La tienda casera en línea de Wayfair proporciona una experiencia de usuario profesional al permitir a sus clientes buscar tantos filtros como deseen .

4. Habilite la entrada manual cuando sea necesario

Las casillas de verificación son una excelente forma de obtener valores de filtro, pero a veces también es una buena idea permitir que los clientes configuren los filtros manualmente, como en el caso de los campos de entrada de precios. Cada cliente busca productos en un rango de precios diferente, por lo que no siempre es fácil preestablecer los filtros de precios.

eBay tiene una IU de filtrado de precios que sirve a dos grupos de clientes al mismo tiempo: aquellos que están de acuerdo con marcar rápidamente un rango de precios preestablecido, y aquellos que prefieren elegir sus propios precios mínimos y máximos, y escribirlos manualmente en los campos de entrada de texto provistos .

5. Mostrar un contador de productos

Al mostrar un contador de productos, no solo mantiene a sus clientes bien informados, lo que naturalmente genera una sensación de confianza, sino que también les hace saber lo "bien" que se desempeñó con sus esfuerzos de filtrado. Cada cliente tiene una cantidad de productos que desean verificar antes de tomar una decisión de compra . Idealmente, el filtrado los acerca a este número . Si les proporciona un contador de productos, inmediatamente saben si configuran suficientes filtros o si necesitan volver a ejecutar la consulta .

Es importante mostrar cuántos productos pertenecen a una determinada configuración de filtro en cada sitio de comercio electrónico. Office Depot lleva esta característica al siguiente nivel y muestra un contador de productos al lado de cada categoría disponible, que brinda un impulso natural a los clientes para que continúen con su búsqueda de productos.

6. Crear grupos de filtros que tengan sentido

En un sitio de comercio electrónico con buenas conversiones, es imprescindible proporcionar a los clientes todos los filtros que necesitan para tomar una decisión de compra responsable ; esto es especialmente importante si comercializa productos premium. Para mantener la navegación filtrada ordenada y fácil de usar, es crucial agrupar los filtros de una manera que tenga sentido.

La tienda en línea de The Body Shop probablemente tenga un poco más de filtros que serían necesarios, pero como los filtros están bien agrupados, la experiencia del usuario no está rota por listas de filtros superlongas e inescrutables.

7. Hacer que los grupos de filtros se puedan alternar

Si tiene demasiadas opciones, vale la pena considerar hacer que los grupos de filtros se puedan alternar para permitir a los usuarios abrir y cerrar rápidamente los diferentes grupos. También es una buena solución para diseños móviles, ya que la navegación filtrada en pantallas pequeñas puede ser demasiado larga, incluso en el temido punto de no utilización.

La navegación filtrada de Target usa el conocido patrón de flechas hacia arriba y hacia abajo para indicar capacidad de desplazamiento, además cuando la lista de filtros dentro de un grupo es demasiado larga (como en el caso de los colores), también se agrega una barra de desplazamiento . Ambas características mejoran la usabilidad móvil .

8. Considera los filtros temáticos

Los filtros temáticos son un tipo distinto de filtros de productos que ayudan a los clientes a realizar consultas basadas en diferentes temas que responden a solicitudes frecuentes, como "llegadas de verano", "en oferta", "estilo informal" o "ofertas de último momento". Las investigaciones de usabilidad de Baymard Insitute resumidas en Smashing Magazine descubrieron que el filtrado temático no siempre se utiliza incluso en grandes sitios de comercio electrónico .

Siempre vale la pena considerar si hay filtros temáticos que pueda usar en su propia tienda . Macy's puede ser un buen ejemplo para una navegación matizada filtrada. En la categoría "Vestidos", ofrece filtros para temas cuidadosamente seleccionados, como "Ofertas especiales", "Ocasión del vestido" y "Ocasión de boda". Si desea leer un análisis en profundidad sobre la interfaz de usuario de filtro de Macy, consulte esta investigación.

9. Mostrar filtros aplicados

Como muchas personas tienden a olvidar lo que acaban de buscar, mostrar los filtros que han aplicado junto a los resultados de la consulta es una característica que puede mejorar significativamente la experiencia del usuario. De esta forma, sus clientes se sentirán menos perdidos, ya que pueden verificar en cualquier momento los filtros que seleccionaron anteriormente y modificarlos cuando sea necesario.

Debenhams no solo muestra los filtros aplicados en la parte superior de la navegación filtrada, sino que también los agrupa cuando se aplican múltiples filtros, lo que proporciona incluso una señal visual más llamativa.

10. Mostrar filtros populares en la parte superior

Cada sitio de comercio electrónico tiene sus temas populares, como una tendencia, una temporada o una oferta especial. Puede aplicar un filtro temático para cada uno de estos temas y colocarlo encima de la navegación filtrada para ayudar a que sus clientes los encuentren.

Si desea ser aún más profesional, puede cambiar sus filtros populares a lo largo del tiempo, según los patrones cambiantes de los hábitos de los clientes en su sitio.

La Nintendo Game Store actualmente ofrece tres populares filtros, "En venta", "DLC disponible" y "Demo disponible", y los muestra sobre todas las demás opciones para tentar incluso a los usuarios que dudan de ejecutar una consulta rápida que solo cuesta un esfuerzo mínimo