Mejores pr√°cticas para optimizar la experiencia UX en la lista de tus productos

Mejores pr√°cticas para optimizar la experiencia UX en la lista de tus productos

En el mundo de los ecommerce, las listas de productos son fundamentales para que los usuarios encuentren lo que necesitan. ūüďāSon la clave para explorar y reducir una amplia gama de opciones. Sin embargo, sin un sistema eficiente de filtrado y una lista de productos bien dise√Īada, los usuarios pueden pasar por alto productos que podr√≠an haberles sido √ļtiles.¬†

En este artículo, descubrirás la importancia de las listas de productos y el filtrado de UX en tu  tienda en Shopify, junto con errores comunes que debes evitar y mejores prácticas a aplicar.

1 - Regresar a los usuarios al mismo lugar en la lista de productos cuando regresan de la p√°gina del producto.

Explorar productos puede resultar frustrante cuando los usuarios deben retroceder a la parte superior de la lista cada vez. Este proceso consume tiempo y es especialmente problemático en dispositivos móviles. 

Si los usuarios no pueden volver fácilmente a su posición en la lista de productos, es probable que se impacienten y abandonen el sitio. Por lo que es crucial devolver a los usuarios a su ubicación en la lista de productos al retroceder desde la página del producto, evitando así la pérdida de tiempo y la posible deserción.

2 - Considera usar "Cargar más" como esquema de carga 

El m√©todo ūüĎÄ"Cargar m√°s" destaca entre los esquemas de carga para listas de productos y resultados de b√ļsqueda. A diferencia de "desplazamiento sin fin o scroll infinito" y "paginaci√≥n", este enfoque brinda una mejor experiencia al permitir a los usuarios comparar art√≠culos en una sola p√°gina, acceder f√°cilmente al pie de p√°gina y ofrece un punto de parada natural para considerar los pr√≥ximos pasos. Adem√°s, "Cargar m√°s" resulta m√°s efectivo en dispositivos m√≥viles al proporcionar una interfaz m√°s simple y un √°rea de acceso amplia con un solo bot√≥n de carga.

3 - Carga la cantidad óptima de productos en la lista de productos 

Estudios de usabilidad revelan que cargar una cantidad excesiva de productos en la lista puede abrumar a los usuarios, mientras que una cantidad insuficiente dificulta comprender la gama completa de opciones. 

ūüď£La cantidad √≥ptima de productos a cargar depende del tipo de producto y del dispositivo utilizado. Las pruebas indican que de 50 a 100 art√≠culos son ideales para productos basados en especificaciones, y de 100 a 150 para productos visualmente impulsados.

En sitios móviles, el rango óptimo es de 15 a 30 productos para ambos tipos. Proporcionar la cantidad adecuada ayudará a equilibrar la tensión entre ofrecer demasiados o muy pocos productos.

4 - Proporciona siempre funciones de comparaci√≥n para productos basados ‚Äč‚Äčen especificaciones¬†

El objetivo principal de las listas de productos es facilitar y agilizar la comparaci√≥n de productos para los usuarios. Sin embargo, en el caso de productos basados en especificaciones, las caracter√≠sticas diferenciadoras a menudo no caben en los elementos de la lista. Adem√°s, el proceso de ir y venir entre la lista y la p√°gina del producto puede ser desafiante, especialmente para productos basados en especificaciones. Por lo tanto, los sitios con estos productos deben ofrecer funciones de comparaci√≥n para una mejor experiencia. Sin embargo, es importante tener en cuenta que estas caracter√≠sticas no son √ļtiles en dispositivos m√≥viles debido a su interfaz m√°s peque√Īa.

5 - Combinar variaciones de productos en un elemento de lista 

Algunos productos presentan variaciones que los usuarios deben considerar al explorar las listas. Para mostrar estas variaciones, existen dos enfoques: combinarlas en un solo elemento de lista con muestras o mostrarlas como elementos separados. Sin embargo, se pueden presentar dos problemas de usabilidad con las variaciones mostradas como elementos separados: las listas se saturan con opciones, dificultando la visión general, y los usuarios pueden tener dificultades para encontrar una variación específica dispersa en la lista.

6 - Mostrar "Precio por unidad" para art√≠culos de cantidad m√ļltiple¬†

Al comparar productos, el precio es crucial para los usuarios. Sin embargo, cuando hay productos similares pero en diferentes cantidades, existen dos puntos de precio importantes: el precio total y el precio unitario. 

Si los sitios solo muestran el precio total, los usuarios no obtienen la información necesaria para tomar una decisión de compra. Por lo tanto, es esencial mostrar tanto el precio total como el precio unitario cuando se ofrecen productos similares en diferentes cantidades.

7 - Proporciona siempre estas 5 piezas esenciales de la información del elemento de la lista 

La información en la lista de productos juega un papel crucial en las decisiones de los usuarios. Cuando la información es insuficiente, los usuarios deben navegar entre la página del producto y la lista, lo que resulta frustrante. Por lo tanto, es esencial que los elementos de la lista siempre incluyan información clave. 

✅Identificamos 5 elementos esenciales que deben estar presentes en la lista de productos: 

  • Precio.
  • T√≠tulo o tipo de producto.
  • Miniatura.
  • Calificaciones.
  • Variaciones del producto.¬†

Estos elementos brindan a los usuarios la información necesaria para tomar decisiones informadas.

8 - Proporciona información específica de la categoría para los elementos de la lista 

En muchas categorías de productos, existen atributos importantes que deben incluirse en la descripción general de los elementos de la lista. Estos atributos ayudan a los usuarios a tomar decisiones informadas sobre qué productos explorar. 

Los atributos espec√≠ficos var√≠an seg√ļn la categor√≠a, como la compatibilidad, dimensiones f√≠sicas, idoneidad para ocasiones especiales o detalles t√©cnicos esenciales. Es fundamental identificar los atributos clave espec√≠ficos de la categor√≠a y asegurarte de que est√©n presentes en la lista de productos para cada tipo de producto.

9 - Proporciona estos 5 tipos de filtros esenciales

Es crucial que los usuarios puedan filtrar las listas de productos seg√ļn sus preferencias. Sin filtros adecuados, tu capacidad para personalizar las listas se ve limitada y pueden tener dificultades para encontrar lo que necesitan.¬†

✅Estudios revelan que 5 filtros esenciales deben proporcionarse siempre: 

  • Precio.¬†
  • Calificaciones promedio de usuarios.
  • Color.
  • Tama√Īo.¬†
  • Marca.¬†

Estos filtros permiten a la mayoría de los usuarios encontrar productos de interés en las listas.

10 - Permitir siempre a los usuarios combinar varias opciones de filtro del mismo tipo de filtro (una lógica "O") 

Algunos sitios implementan filtros de manera incorrecta al usar lógica excluyente en lugar de lógica inclusiva. Esto significa que los usuarios solo pueden seleccionar un valor de filtro a la vez. Esto dificulta reducir las listas y enfocarse en los productos de interés. Los usuarios deben poder combinar opciones de filtro utilizando lógica "Y" para los tipos de filtro y lógica "O" para los valores de filtro.

ūüĒ•Obt√©n una evaluaci√≥n y comparativa de tu sitio web. ¬°Cotiza la tarea en¬† Tasky hoy mismo y con√©ctate con nuestros profesionales expertos para conocer el rendimiento y la comparativa de tu sitio web!

Regresar al blog