1 de mayo de 2020

Análisis de usabilidad en las principales apps de ecommerce de marcas de moda 2020 (Parte 2)

En esta segunda parte del estudio, analizamos los elementos destacables de secciones como Detalle de Producto, Cesta y Favoritos.

Detalle de Producto

En esta sección, la imagen del producto es el foco. Las interacciones y opciones ayudan a conocer detalles del producto y facilitan el flujo hacia la cesta.

Bottom Sheets.

Los Bottom Sheets contienen la información relativa al producto. Ganan peso otras interacciones como los gestos.
En el caso de Zara podemos cambiar de una ficha de producto a otra con swipe horizontales, mientras que los swipe verticales permiten ampliar información de la prenda.

Cómo se observa, desaparece el Bottom Bar. Las interacciones principales se realizan a través de los Gestos.

Scroll Vertical

Una característica común en varias aplicaciones consiste en mantener el Bottom Bar durante la navegación. La información aparece de forma fluida al hacer scroll vertical, mostrando los colores, tallas, información de producto o los productos relacionados sin cambiar de pantalla.

Information Button

Otra estrategia de aportar información adicional del producto, es la de incluir una botón el ficha de producto, “+info”, a través del cual accedemos a toda la información relativa al producto a través de un Drawer lateral. Los productos sugeridos se despliegan desde la parte inferior de la pantalla al finalizar el scroll vertical de las imágenes.

Cesta y Favoritos

En esta sección podemos encontrar diferentes soluciones para que el flujo desde la cesta a la sección de checkout sea fluida y cómoda.

Edición directa de la cesta

La edición se realiza directamente en la cesta de la compra. No es necesaria ninguna interacción previa. Los datos a modificar son, generalmente, el número de unidades, el envío del producto a favoritos, o bien, la eliminación del ítem.

Suelen disponer de dos opciones de edición: mediante botones (eliminar, añadir a favoritos) o bien con swipe verticales (derecha/izquierda) sobre la celda de cada producto.

Modo visualización y Modo edición

Partimos del modo de visualización para activar, mediante un botón en la zona superior, el modo Edición de los productos.

A menudo encontramos la posibilidad de eliminar o guardar para más tarde los productos incluidos en la cesta, o bien mediante botones ( corazón, boton “guardar”, etc) o bien haciendo swipe desde el modo de visualización.

Zara añade a las pantallas de Cesta y Guardar para más tarde, el apartado “Mi lista”.

Noticias relacionadas

El mayor reto: la sostenibilidad del retail

El mayor reto: la sostenibilidad del retail

Repasemos los grandes hitos de 2022 para saber hacia dónde dirigirnos en 2023. Y es que Inditex dio el gran paso. Los clientes del gigante gallego ya pueden arreglar, vender e incluso donar prendas de otras temporadas de la marca a través del servicio “Zara Pre-Owned”...

¿Qué esperar del Black Friday 2022 en el sector de la moda?

¿Qué esperar del Black Friday 2022 en el sector de la moda?

¿Quién no sabe qué es el Black Friday? Imposible ignorar el día de las compras que sirve de pistoletazo para la campaña navideña. Sin embargo, un año más, en España el retail se ha puesto las pilas antes que nunca y según el producto, podemos hablar de que las ofertas...

Qué es un ShowRoom Digital

Qué es un ShowRoom Digital

Bajo el concepto de Showroom Virtual o Showroom Digital nos podemos encontrar diferentes tipologías de herramientas, que en mayor o menor medida tratan de simular aquellas actividades que se realizan en un showroom físico o en una feria comercial, utilizando muestras...

Livestream shopping, ¿qué aporta a mi marca?

Livestream shopping, ¿qué aporta a mi marca?

El nuevo eCommerce interactivo es el paso más allá de la promoción y ventas de marcas y retailers. Y según muchos, una de las tendencias para el retail. Hablamos de una evolución de la teletienda en un formato remoto que permite la interacción y contacto directo con...