Poniendo a prueba Design Sprint en el nuevo ecommerce para la firma Chanel

¿Qué es el Design Sprint?

Antecedentes

El reto

Para ello se proponen dos equipos de ocho personas cada uno. Y un Decisor que dirige el proceso y tiene mayor voto en algunas partes del mismo.

DIA 1 (lunes): Understand

Comenzamos debatiendo sobre cuál puede ser el objetivo a largo plazo. Para ello, antes y de forma individual, revisamos otras webs del sector del lujo y analizamos sus “best practices”.

Establecemos como meta a largo plazo: LLEVAR A CHANEL A LA VENTA ONLINE.

EL RETO: Transmitir la filosofía y exclusividad de las tiendas físicas de Chanel a la tienda online

Marcamos el reto en nuestro Board con un post-it

A continuación, definimos un usuario clave (user persona) que nos ayude a plasmar un “user journey”.

El usuario es Carry, mujer de 35 años, que trabaja como directiva en la banca. A Carry la han invitado a un evento muy importante y no tiene que ponerse. Pero no dispone de tiempo para “ir de tiendas”, por lo que decide acudir a su web favorita para solucionar el problema.

User persona
User Journey

Una vez definido el user journey, pasamos a la siguiente fase.

Sprint questions

Cada uno de los miembros del equipo pensamos en silencio su bloque de preguntas, luego las compartimos y uno de los miembros las escribe en una hoja que colocaremos en el board.

Eliminamos las preguntas repetidas y procedemos a votar las que nos parecen mas interesantes. El resultado de la lista de preguntas es el siguiente:

  • ¿Se podrían devolver las compras?, ¿Cómo?
  • ¿Los usuarios contarán con nuevos métodos de pago? ¿Cuáles?
  • ¿Debería haber un asistente personal durante el proceso de compra?
  • ¿Debería incluir la tienda una zona VIP?
  • ¿Se debería incluir un modelo de subasta?
  • ¿Se debería incluir una funcionalidad de realidad aumentada que permita al usuario verse con la ropa puesta sin necesidad de probársela?
  • ¿La compra podría realizarse de forma rápida (3 pasos)? ¿Cómo?
  • ¿Cuanta y qué información se debería incluir sobre cada artículo (talla, composición, características, color, fotos…?
  • ¿Debería incluir un servicio de tailoring (sastrería)?
Foto de la lista original de preguntas planteadas. Tras la votación, se eligieron 10 y se tacharon el resto.

HOW MIGHT WE (HMW) — ¿Cómo podríamos…?

Para ello, cada miembro del equipo escribe en post-its sus preguntas y los pega en una nueva zona del board habilitada para tal fin, el HMW.

Cuando ya hemos colocados todos los post-its, de manera aleatoria, procedemos a organizar las preguntas por temas y añadimos un encabezado a cada grupo.

El siguiente paso es la votación de las que más nos pueden ayudar a solucionar el reto.

Votación de las preguntas

Está permitido votar las preguntas propias o votar dos veces a la misma.

Procedemos a votar en silencio y el resultado es el siguiente:

Resultado del HWM, con las votaciones, las pegatinas verdes son los votos del Decisor

Elegir el objetivo del sprint

¿CÓMO CONSEGUIRÍAMOS UNA COMPRA RÁPIDA?

¿CÓMO SE PODRÍA OFRECER UN SERVICIO DE TAILORING (sastrería)?

Este objetivo se convertirá en el objetivo del resto del sprint. Los bocetos, el prototipo y la prueba se desarrollarán a partir de esta decisión.

A mi equipo le toca el objetivo de Compra rápida. Y es el que cuento a continuación.

DIA 2 (martes): Diverge

Empezamos buscando la inspiración en Internet, revisando las ideas existentes, para mezclarlas y mejorarlas. Luego cada miembro del equipo hará un sencillo boceto de cuatro pasos.

Buscar soluciones

Buscamos por Internet y tomamos nota de las ideas que más nos pueden ayudar. No siempre las mejores ideas vienen del mismo sector.

Algunas soluciones interesantes que he detectado son:

1.- ESTRUCTURA DE MENÚ

  • HOMBRE / MUJER / NIÑO
  • ROPA / CALZADO / COMPLEMENTOS

Que he encontrado en las webs de Zara, Pull & Bear o Zalando.

2.- FICHA DE PRODUCTO

  • FOTO / TALLA / DESCRIPCIÓN / COMBINA TU LOOK…

Que he encontrado en las webs de Zara o Zalando.

3.- VENTANA MODAL CARRITO DE LA COMPRA

Que he encontrado en las webs de Zara o Zalando.

4.- BARRA DE PROCESO DE ENVÍO DEL PEDIDO

Que he encontrado en la web de Amazon.

5.- EN LA PÁGINA DE COMPRA DEL PRODUCTO

  • SELECCIONA SÓLO 3 ÍTEMS: TALLA / ENVIO / PAGO

Que he encontrado en la app Sneakers de NIKE.

Podemos crear un moodboard en Invision, con los pantallazos de las inspiraciones, y que utilizaremos como repositorio de material.

Bocetos en 4 pasos

A continuación podemos apreciar los bocetos de todos los miembros del equipo, en el panel LIGHTING DEMOS (demos rápidas). Se pueden ver tanto las propuestas de compra rápida como las de tailoring.

Bocetos de demos rápidas de todos los miembros del equipo.

Crazy 8

Este es el resultado de mi Crazy 8

Boceto Final (Solución)

Se le pone un nombre a cada propuesta para identificarla sin que se conozca su autor y así no haya influencias de otro tipo a la hora de votar la propuesta.

Esta es mi propuesta, a la que he llamado “Compra Fittipaldi”:

DIA 3 (miércoles) Decide

Evaluación

Votación silenciosa

Evaluación veloz

Votación

Aquí se muestran los bocetos finales con su mapa térmico tras las votaciones:

Storyboard

Cada miembro del equipo individualmente dibujará su propio storyboard. Este es el mío:

Compartimos todos los storyboards entre los miembros del equipo y decidimos cómo va a ser el storyboard final. Lugo procedemos a dibujarlo.

El resultado del storyboard final del equipo es el siguiente:

DIA 4 (jueves): Prototype

El prototipo nos permite detectar, de forma rápida y barata, posibles fallos antes de desarrollar el producto final.

Aunque el prototipo se puede hacer de diversas maneras, desde papel y cartón a herramientas digitales, esta vez pasamos al ordenador para diseñarlo lo más fielmente posible.

Yo trabajé con Sketch para el diseño e Invision para la interacción. Este es el resultado:

Una muestra de las pantallas diseñadas en Sketch

Y aquí se puede ver el prototipo y como se llevaría a cabo la función de compra rápida.

Prototipo para la función compra rápida en el ecommerce de Chanel

DIA 5 (viernes): Validate

Se trata de hacer que los usuarios prueben el prototipo que hemos diseñado, ver cómo reaccionan y obtener feedback sobre las soluciones planteadas.

Probando, probando

Algunas preguntas utilizadas en mis entrevistas:

  • ¿Cómo te has sentido: cómodo, confuso, perdido, seguro…?
  • ¿El proceso ha sido rápido, fácil…?
  • ¿Has echado algo en falta, o te ha sobrado algo?
  • ¿Te has sentido exclusivo?
  • ¿El prototipo transmite la excelencia y filosofía de Chanel?

Resultados

Sólo un 33% no se ha sentido del todo exclusivo. Y el 66% considera que falta un mensaje final de “Gracias por tu compra que indique que el proceso ha finalizado. Así como que la ilustración de la última pantalla con la barra de estado del proceso de envío también puede llevar a crear cierta confusión sobre en qué punto se encuentra el envío que acaba de realizar el usuario.

También se grabó en vídeo el testeo del prototipo. Mostramos uno de ellos:

Prueba online (Maze)

El 75% ( 3 de 4 usuarios) consiguió completar la tarea. Y la duración media de la tarea fue de 11,87 segundos, en 6 pantallas.

Mapas de calor de cada una de las pantallas

Los mapas de calor muestran que las zonas de interacción quedan bien definidas y se identifican claramente sin inducir a error.

El feedback de los usuarios es:

Feedback de los usuarios de la prueba online a través de Maze

Conclusión

Siguientes pasos

  1. Modificaciones: Realizar los cambios en la última pantalla para dejar más claro que el proceso de compra ha finalizado.
  2. Iterar: Probar el nuevo prototipo con los cambios realizados para obtener nuevo feedback
  3. Volver a modificar y probar.

Como se ha podido apreciar, el proceso de Design Sprint es bastante ágil y directo, rico en soluciones y muy clarificador. Y lo mejor de todo, que permite trabajar soluciones a bajo coste.

UX/UI Designer + Brand Strategy • luispascual.es

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store