Benchmark sobre aplicaciones móviles del sector retail

Analizamos varias aplicaciones móviles del sector retail de Asos, H&M, Zara y Zalando.

Transcript

1. Benchmark sobre aplicaciones móviles del sector retail Septiembre 2016
2. Índice de contenidos Aspectos analizados: 1. Pantalla principal 2. Listado de productos 3. Ficha de producto 4. Buscador de productos 5. Registro y login de usuario 6. Proceso de check-out
3. Pantalla principal Página de inicio de la aplicación móvil
4. Asos: Pantalla principal Cabecera: • Menú hamburguesa (1): abre un desplegable con categorías para Hombre y Mujer. • Buscador, artículos guardados y carrito. (2) Cuerpo: • Cambia en función de Hombre o Mujer (3) Pie de página (4): • Entrega al día siguiente • Devoluciones • Descuento para estudiantes 1 2 3 4
5. H&M: Pantalla principal Cabecera: • Menú hamburguesa (1), buscador, carrito y escáner (2) • No tiene artículos guardados (favoritos) • El menú cuenta con una opción para volver a la pantalla principal en cualquier momento. Cuerpo: • Reclamos, como entrega gratuita a domicilio (3) • Carrusel de imágenes (4) 1 2 3 4
6. Zara: Pantalla principal Cabecera: • Buscador y carrito y escáner (1) • No tiene menú hamburguesa de navegación • No tiene artículos guardados (favoritos) Cuerpo: • Banner de promociones (2) Pie de página (3): • Información organizada en pestañas 1 2 3
7. Zalando: Pantalla principal Cabecera: • No hay menú desplegable, navegación por iconos (1) • Incluye buscador y acceso a artículos favoritos (2) • Puedes ver los últimos artículos que has visto. • Permite configurar tu perfil de preferencias en función de Hombre, Mujer y Niño (3) Cuerpo: • Banners de promociones (4) 1 3 2 4
8. Listado de productos Pantalla de resultados de búsqueda de productos en la aplicación móvil
9. Asos: Listado de productos Vista general: • Vistas en lista y cuadrícula (1). • Ordenación. (2) • Filtros muy completos (3): género, estilo, precio, talla, marca, color. Producto: • Puede añadirse un producto a la lista de favoritos (4) Ventajas: • Diseño muy limpio con la información estructurada 1 2 3 4
10. H&M: Listado de productos Vista general: • Prioriza filtro y ordenación (1) • Indica el número de artículos encontrados (2) • Vistas en cuadrícula y lista (3) Producto: • Puedes visualizar el producto solo o vestido por un modelo (4) • Muestra colores disponibles (5) 1 3 2 4 5
11. Ficha de producto Pantalla de ficha de un producto individual en la aplicación móvil
12. Asos: Ficha de producto Vista general: • Ver desfile: Contenido multimedia que muestra el producto llevado por alguien (1). • Opción de guía de tallas muy visible (2), aunque separada del selector de talla (3). • CTAs muy visibles de Añadir al carrito (“Mi bolsa”) y “Guardar para más tarde” (favoritos), (4) Más información: • Más info de producto haciendo scroll hacia abajo • Visualizar productos recomendados (al final) 1 2 3 4
13. H&M: Ficha de producto Toda la información en la página: • Carrusel de imágenes (1) a pantalla completa • Información organizada a través de un menú de pestañas: Información, opciones de colores y tallas (2) • CTAs poco visible de Añadir al carrito (3) • Botón de compartir en redes sociales (4). Cuando se ven todos los productos de la categoría sugiere otros productos que invitan al usuario a comprar más. 2 1 3 4
14. Zara: Ficha de producto Toda la información en la página: • Imagen de producto a pantalla completa, con opción de Más info (1), que incluye toda la información de producto. • Efecto zoom en la imagen. • Carrusel de colores disponibles (2) • CTAs visible de Añadir al carrito (3) • No tiene botón de compartir en redes sociales. 2 1 3
15. Zalando: Ficha de producto Toda la información en la página: • Carrusel de imágenes de producto a pantalla completa (1), que incluye toda la información de producto. • Tiene botón de compartir (2), para enviar a un amigo • Permite elegir color, guardar producto en favoritos y añadir al carrito como botones destacados. (3) Al deslizar hacia abajo se ven más características del producto, con opiniones y valoración de otros usuarios. 1 2 3
16. Buscador de producto Opciones de búsqueda en la aplicación móvil
17. Asos: Buscador de producto Buscador: • Texto predictivo en el campo de búsqueda (1) • Indica número de resultados para cada búsqueda (2) 1 2
18. Zalando: Buscador de producto Buscador: • Texto predictivo en el campo de búsqueda (1) • Búsquedas agrupadas por tipo de cliente (2) : Hombre, mujer y niño. • Posibilidad de eliminar historial (3) 1 2 3
19. Registro y login de usuario Registro de usuario y formulario de login en la aplicación móvil
20. Registro de usuarios y formulario de entrada Registro de usuario: • En ninguna es necesario registrarte para navegar a través del listado de productos. • En Asos te permite registrarte con redes sociales, sin necesidad de crear cuenta en la aplicación. Formulario de login : La mejor versión es Asos porque: • Ofrece información en tiempo real • Al situar arriba el buscador, no obstruye la función de autocompletado • Teclado adecuado a cada campo a rellenar • Widget específicos como el de calendario
21. Formulario de check-out Proceso de finalización de una compra en la aplicación móvil
22. Asos: Formulario de check-out Check-out: • Posibilidad de editar talla, color y cantidad (1) • Posibilidad de eliminar el producto (2) • Posibilidad de guardar en favoritos (3) • CTA de pago seguro y el importe total se visualizan de forma clara (4) 1 2 3 4
23. H&M: Formulario de check-out Método de envío: • Información de entregas mostrado de forma clara (1), aunque visualmente demasiado separadas entre sí (2). • Opción de confirmación por SMS cuando te envíen el producto (3) 1 2 3
24. Zara: Formulario de check-out Método de pago: • Posibilidad de NFC para autentificar tarjeta (1) • Múltiples posibilidades de pago (2): • Visa • Mastercard • American Express • Paypal, • Affinity • Tarjeta regalo • Total de cantidad a pagar (3) 1 2 3
25. Zalando: Formulario de check-out Check-out: • Check-out por pasos (1) Método de envío: • Información sobre el envío (2) • Certificados de confianza (3) • Teléfono de atención al cliente (4) 1 3 2 4
26. Datos de contacto Torresburriel Estudio Don Jaime I, 5, planta 3 +34 976 979 313 estudio@torresburriel.com 50003 Zaragoza (Spain) Conoce nuestro trabajo y lo que podemos ofrecerte en www.torresburriel.com/blog/