cotton

COTTON es un ecommerce de ropa que tiene como premisa estar concienciado con la sociedad y apuesta por el diseño inclusivo, sabe que haciendo productos y servicios digitales accesibles mejorará su imagen de marca.

↪︎ Problema:

Usuarios daltónicos a la hora de comprar y combinar ropa  en el ecommerce.

↪︎ Rol en el proyecto:

 –– Product designer

 –– Diseño gráfico

↪︎ ¿Qué hice?

 ––  Research

 ––  Problem solving

 ––  Wireframing y prototipado

 ––  Test con usuarios

 ––  Diseño UX/UI

↪︎ Herramientas:

 ––  Lápiz y papel

 ––  Figma

 ––  Miro

 ––  Principle

prueba daltonismo

¿Qué número ves en la imagen de arriba? ¿8, 6 o ninguno? Si no ves el número 6, tienes algún tipo de daltonismo.

Pero, ¿qué es y cuáles son las causas del daltonismo? El daltonismo es la incapacidad para ver algunos colores en la forma normal. Ocurre cuando hay un problema con los pigmentos en ciertas células nerviosas del ojo que perciben el color. Estas células se llaman conos y se encuentran en la capa de tejido sensible a la luz que recubre la parte posterior del ojo, llamada la retina.

El daltonismo es mucho más frecuente en varones, ya que uno de cada 12 tiene algún grado de alteración en la visión de colores. En cambio, en mujeres, una de cada 200 sufre algún grado de daltonismo.

Puede presentarse en diferentes modalidades, en función del tipo de pigmentos de los que no se dispongan o que se encuentren alterados. Concretamente existen tres tipos principales de daltonismo.

Acromatismo, Dicromatismo (protanopia, tritanopia, deuteranopia), Tricromatismo anómalo (protanomalía, tritanomalía, deuteranomalía)

Tipos daltonismo-01



1.Research

1.Research

Desk research

Comenzamos haciendo un mapa mental sobre daltonismo como punto de partida del que arrancar.

00-desk-research-daltonismo

Tras el mapa mental realizamos un desk research con el objetivo de entender el daltonismo, el contexto, hacía donde se dirige en nuestra área, cómo evoluciona, su público y sus costumbres como comunidad, dónde compran y por qué... sin olvidarnos de analizar el mercado.

daltonismo-info-cotton
personas-daltonismo-cotton
escenarios-daltonismo-cotton
soluciones-tecnologia-cotton

Entrevistas con usuarios y cuestionarios

Entrevistas con usuarios y cuestionarios

Como investigación en el campo realizamos entrevistas con personas que podrían ser nuestros futuros usuarios. En este caso también haremos un par de entrevistas a personas no daltónicas. Los objetivos que seguimos son conocer al usuario, como se desenvuelven a la hora de comprar/combinar ropa, saber las limitaciones que tienen en su día a día, sus emociones y sus expectativas. En definitiva, entender y conocer las necesidades y problemas del usuario.

Tras los resultados de las entrevista lanzamos unos cuestionarios a través de varios canales al público objetivo para validar hipótesis y apoyar los resultados obtenidos anteriormente. 

2.Análisis y resultados

2.Análisis y resultados

¿Cómo lo vamos a hacer?

1. Ordenamos toda la información que tenemos.

2. Tomamos decisiones.

Volcado de la información de las entrevistas:

Volcado de la información de las entrevistas:

- En posits vamos recogiendo toda la información relevante del análisis que hemos hecho.

- Usamos un posit por cada idea.

- Exponemos la información si hacer ningún tipo de asociación.

- Si aparecen dudas, o preguntas la anotamos.

volcado-entrevistas-daltonismo

Clusterización:

A continuación agrupamos toda la información creando categorias. En este caso creamos las siguientes categorías: personalidad, miedos, frutaciones, escenarios, uso tecnología, soluciones.

clusterizacion-daltonismo

Research wall:

Una vez tuvimos todo en una misma pared unimos aquellos datos que tenían sentido.

resear-wall-daltonismo

Insights:

Daltónicos:

1. Lorena quiere ir bien vestida porque le gusta la moda pero le da miedo no ir bien combinada.

2. Javi quiere comprar ropa en internet de forma fácil y sencilla porque no tiene paciencia pero le resulta complicado.

3. Patricia quiere ser capaz de combinar ella misma la ropa porque no quiere molestar a sus hermanas pero al final siempre necesita ayuda.

4. Pablo quiere cambiar de color porque le gustaría probar nuevas indumentarias  pero por miedo a no combinar bien o sentirse excluido no lo hace.

5. Julia quiere comprarle ropa a su hijo porque se le ha quedado pequeña pero tiene miedo de elegir mal las combinaciones.

6. María quiere comprar ropa por internet porque no le gusta ir de compras pero los e-commerce que visita no están adaptados para ella.

No daltónicos:

1. Las amigas de Patricia quieren regalarle una camisa porque es su cumpleaños pero les preocupa que no le guste porque ella ve los colores de otra manera.

2. La dependienta quiere ayudar a Julia porque necesita consejo pero no entiende su situación.

Personas

Definimos dos personas muy extremos entre ellos. 

Lorena-daltonismo_af
Maria-daltonismo_af

Mapa de empatía

Para empatizar a fondo con nuestros User Persona, creamos un mapa de empatía. Esta herramienta nos ayudará a ponernos en el lugar de nuestro usuario y ver las cosas que son importantes para él. María será nuestro heavy user.

maria empatia cotton

Escenarios actuales

Definimos escenarios actuales, nuestros usuarios tendrán un objetivo para obtener un beneficio:

1. Lorena como interesada en el diseño quiere ir bien vestida para asistir a inauguraciones.

1. Alex como celíaco quiere conocer más restaurantes para poder tener más alternativas a la hora de salir a cenar.

2. Lorena como mujer ocupada quiere comprar ropa online para poder hacerlo al llegar a casa.

3. Lorena como aficionada a la moda quiere comprarse ropa original para salir a cenar con su pareja.

5. María como madre quiere comprarle un vestido a su hija para darle una sorpresa.

6. María como viajera quiere comprarle una alfombra de Marruecos para decorar su nieva casa.

7. María como jubilada quiere aprender más sobre el daltonismo para poder ayudar mejor a su hija.

User journey

De los 4 escenarios actuales, escogemos el tercer escenario para realizar el costumer journey con el que entenderemos mejor a los usuarios durante todo el proceso de compra. Nos ayudará a saber en qué momentos se le puede ofrecer una mejor experiencia y en cuales otros se ha alcanzado un buen estándar de calidad para mantenerlo.

De los 4 escenarios actuales, escogemos el tercer escenario para realizar el costumer journey con el que entenderemos mejor a los usuarios durante todo el proceso de compra. Nos ayudará a saber en qué momentos se le puede ofrecer una mejor experiencia y en cuales otros se ha alcanzado un buen estándar de calidad para mantenerlo.

Tras conocer los paints points de Lorena, podemos definir áreas de oportunidad/claves de exito.

Costumer-journey-daltonismo-af

Oportunidad

  •  Accesibilidad
  • Personal shopper
  • Machine learning

Claves de éxito

  • Facilitar que las personas daltónicas puedan comprar por sí mismas sin necesidad de una acompañante.
  • Reducir tiempos de compra
  • Reducir devoluciones
  • Normalizar el daltonismo
  • Accesibilidad

Escenarios futuros

1. Cuando Lorena busca un vestido y unos zapatos quiere asegurarse de que combinan bien para sentirse segura en la inauguración.

2. Cuando Lorena compra ropa en un ecommerce quiere no tener que pedir consejo a nadie para ser más independiente.

3. Cuando Lorena visita tiendas online quiere un personal shopper que le aconseje para no tener que devolver los productos.

Lienzo propuesta de valor

Lienzo propuesta de valor

Compartir y mejorar el día a día a personas con daltonismo a través de una plataforma digital por la cual se podrá comprar para reducir la indecisión de forma fácil. Que pueda ser independientemente en su decisión. Aumentar su seguridad y asegurar el éxito de la compra.

mapa valor cotton

3. Cocreación e ideación

3. Ideación y prototipado

Es una de las etapas más dinámicas y colaborativas del proceso, tiene como objetivo generar "posibles soluciones" al problema que detectamos en la fase de definición. Esta vez las dinámicas que utilizamos fueron:  brainwriting, crazy's 8, solution sketch.

POV

Definimos la necesidad, mediante los key insights recogidos en la investigación.

Usuarios Daltónicos

Necesitan: Comprar ropas y saber combinarla, ver color real.

Para/Porqué: Tener más independencia, ganar comodidad, poder expresarse, sentirse más integrados.

.

Usuarios entorno no daltónico

Necesitan: Que sus familiares y amigos sean más independientes y que se sientan menos excluidos.

Para/Porqué: No depecionarlos, que se sientan más seguros y satisfechos.

pov_daltonismo

Crazy's 8

Dibujamos 8 ideas diferentes en 8 minutos. Una vez terminados, cada miembro del equipo presentó sus bocetos. Una vez estuvieron presentados y expuestos se procedió a la votación. Cada miembro del equipo disponía de 3 votos.

IMG_20200110_205801_670

Brainwriting

Dibujamos 8 ideas diferentes en 8 minutos. Una vez terminados, cada miembro del equipo presentó sus bocetos. Una vez estuvieron presentados y expuestos se procedió a la votación. Cada miembro del equipo disponía de 3 votos.

brainwriting daltonismo

4. Prototipado

1. Tipo daltonismo, elección de filtros, test de daltonismo 

1. Tipo daltonismo, elección de filtros, test de daltonismo 

La primera vez que el usuario visite la web, se le preguntará si tiene algún tipo de daltonismo para determinar de qué tipo es a través de filtros. Los filtros de color cambiarán la forma en que la app muestre los colores para acomodar los diferentes tipos de daltonismo y las necesidades individuales. De esta forma se simulará el color como él lo percibe. Si no sabe exactamente cuál es su deficiencia de color, o si no se le ha diagnosticado, se hará un pequeño cuestionario por el cual podremos determinar qué filtro es el más conveniente.

flow daltonismo

2. Suscripción para conocer mejor al cliente

2. Suscripción para conocer mejor al cliente

Tras conocer el tipo de daltonismo que tiene el cliente se le realiza una encuesta para conocer mejor sus gustos o necesidades y de esta manera ayudarlo a encontrar los productos que más se ajusten a él.

Antes que nada Cotton ofrece una suscripción para obtener un 20% de descuento en una caja que recibirá mensualmente con diferentes prendas que los estilistas habrán seleccionado exclusivamente para el cliente. Así se establece una relación cercana con el cliente, permitiendo conocer mejor sus problemas, necesidades o gustos y a la vez facilitar el desarrollo futuro de nuevos productos. 

Previamente a la recepción de la caja, Cotton informa de los productos que va a contener la caja para que el cliente pueda eliminar o añadir otros productos. Conociendo el historial de compras del cliente, los estilistas aconsejan sobre como usar las prendas nuevas o como combinarlas con las que ya han comprado. El cliente recibirá una caja personalizada dependiendo de su tipo de daltonismo.

Una vez que el cliente conoce la marca y siente que se ajusta a él, es muy probable que compren habitualmente.

COTTON the new colors
04 cuestionario app cotton
01.2 cuestionario app cotton
AF-Deuteranopia-box-DE-PIE
02-Tritanopia-box-PERFIL

Es importante que la web sea accesible ya que todos tenemos el mismo derecho de poder acceder a experencias e información. Para ello, tendremos en cuenta:

  • Mejorar el contraste en elementos interactivos y texto para cumplir con la normativa AA.
  • No utilizar colores para transmitir información importante. Las flechas, textos o líneas pueden ayudarles a entender mejor la imagen. Hacer uso de iconos que describan acciones, como refuerzo se puede incluir a cada icono una leyenda explicativa en un tooltip.
  • Links bien diferenciados, que no dependan del color. Con un lenguaje conciso y preciso que proporcione la información adecuada para saber a donde conducen.
  • Uso de patrones.
  • Invertir en un sistema de diseño accesible.
  • Utilizar nombres para los colores
  • Proporcionar alternativas de texto. Cada <img> debe de tener un atributo alt=""
  • Usar textura en vez de color.

Rafa Alabadí © 2020

Rafa Alabadí © 2020