YouCook: Cocina, ahorra y explora los sabores del mundo desde casa.

UX/UI Cade Study

Rubén Alguacil Lago
7 min readDec 27, 2020

1. Introducción y Briefing

YouCook es mi proyecto final en Ironhack. Para este proyecto he contado con 2 semanas de desarrollo, en el cual he trabajado de forma individual siguiendo la filosofía agile y la metodología Scrum.

El Briefing para este proyecto era encontrar un problema de cualquier tipo, y tratar de resolverlo mediante una herramienta digital.

Mi forma de trabajar durante las semanas (Planificación y herramientas)

Durante estas dos semanas trabaje de una forma bastante ágil, ya tenía la experiencia del anterior proyecto en solitario, por lo tanto ya sabía que herramientas me iban a llevar más tiempo. Decidí trabajar adelantando la mayor cantidad de trabajo posible diariamente, lo cual me permitió llegar al final de ambas semanas bastante tranquilo, y disfrutando del proceso.

1ª Semana UX

2ª Semana UI

2. Primera semana: proceso UX

2.1. Empatización

Mis primeras hipótesis y búsqueda del problema se centrarón entorno a la cocina y la gastronomía internacional.

Y para comenzar con la investigación, era el momento de empatizar con nuestros usuarios (personas que les gusta cocinar, viajar y descubrir la gastronomía internacional) para poder conocer sus motivaciones, preocupaciones y necesidades.

Para ello utilice las siguientes herramientas: Competitive analysis, Lean Survey, Encuestas, Entrevistas y un Affinity Diagram.

Todas estas herramientas nos arrojaron luz sobre la investigación y nos proporcionaron estos datos sobre los usuarios:

Datos extraídos de 186 encuestas y 8 entrevistas

2.2. Definición

Una vez terminada la fase de empatización e investigación comencé a definir el problema y mi user persona.

Problema

Y este problema surge principalmente por tres grandes barreas:

Conclusiones:

  1. El usuario busca recetas de cocina internacionales en internet, se encuentra con una gran variedad de recetas pero muy adaptadas, considera que no son las tradicionales y auténticas, en definitiva no le genera confianza.
  2. Le cuesta localizar los ingredientes, compra en supermercados tradicionales; y no encuentra ingredientes específicos o más raros. Esto repercute en el sabor y resultado del plato.
  3. Cocina este tipo de platos los fines de semana, porqué le supone un mayor gasto en su presupuesto mensual, además en ocasiones no compran ciertos ingredientes por su precio.

En primer lugar comencé trabajando el Lean Ux para definir la estrategia; en esta fase de definición tuve que iterar prácticamente todo el proyecto.

Mi principal stopper fueron las primeras hipótesis, en mi mente tenía la idea de una comunidad internacional, donde los usuarios pudiesen compartir sus propias recetas con usuarios de todo el mundo. Pero reflexionando y dejando reposar la idea me di cuenta de que eso incluía demasiado desarrollo para un MVP y dos semanas de trabajo…, tendría que contar con moderadores etc.

Entonces decidí pivotar toda mi estrategia y el Lean Ux, por algo tan sencillo como introducir las recetas; esto me ayudó a tenerla posibilidad de solucionar las tres barreras del problema; las recetas de internet, la localización de ingredientes y el precio.

Lean UX

Por último en esta fase comencé definir el usuario, volcando todos los datos que había obtenido de las encuestas y entrevistas. La primera herramienta que trabajé fue el mapa de empatía, que agilizó la realización del User Persona, User Journey y User Scenario.

2.3. Ideación

Una vez definido el usuario y el problema, era el momento de idear una solución, durante esta fase utilice las siguientes herramientas: Brainstorming, Moscow y Mindmap. Finalmente llegué a una posible solución.

Solución:

Tras un profundo brainstorming y en línea con la estrategia del Lean Ux, se propone como solución una app (YouCook).

¿Porqué esta solución?

He considerado que diseñar una app era el mejor producto posible para solucionar el problema, avalado por los datos obtenidos en las encuestas y entrevistas:

Datos extraídos de 186 encuestas y 8 entrevistas

A continuación muestro la landing page de YouCook, explicando las tres características principales del producto.

2.4 Prototipado

En primer lugar comencé a trabajar esta fase con un Crazy 8:

Crazy 8

Después del Crazy 8, comence a definir el User flow, el Site map, y el Card sorting. En esta fase de trabajo me surgió otro stopper, esta vez con el User Flow ideal, me encontraba en una situación nueva para mi hasta el momento; mi usuario entraría en contacto con la app y la utilizaría en tres situaciones diferentes:

  1. En su casa mirando recetas y localizando los supermercados con los ingredientes.
  2. En el supermercado realizando un seguimiento de los ingredientes y aplicando el descuento.
  3. Y de nuevo en su casa siguiendo el paso a paso de la receta.

Realicé el Low-Fi hice 5 test con usuarios para corregir errores; recogí el feedback, hice cambios y volví a testear.

Algunas pantallas del Low-Fi

Una vez realizados, testeados y anotado los cambios detectados, diseñé el Mid-Fi. A continuación muestro algunas de las pantallas:

Algunas pantallas del Mid-Fi

3. Segunda semana: proceso UI

Llegamos a la segunda semana y comenzamos con UI. En primer lugar debía pensar qué valores quería transmitir con la App, quería que fuese: casual, moderna, creativa y dinámica.

Para lograr crear estos valores trabaje en un Moodboard y lo mostré a los usuarios para comprobar que fuese así.

Moodboard

Con el Moodboard definido comencé a trabajar toda la imagen gráfica de la app: colores, tipografía, alineación, consistencia, sombras, Style Tile, Style Guide y UI Kit.

A continuación muestro el Style Tile, para poder observar de un vistazo la imagen de YouCook. Si te interesa conocer más de cerca el desarrollo gráfico, puedes consultar el UI Kit en el siguiente enlace.

Style Tile

Con toda la imagen gráfica definida, era hora de comenzar a pintar algunas pantallas.

El principal stopper que me encontré en esta fase de trabajo fue la búsqueda de imágenes que encajasen con la estética y línea gráfica propuesta; el tratamiento de imágenes con Photoshop, me resultó complejo no por la dificultad, si no por lo laborioso de la tarea y el tiempo que le tuve que dedicar.

A continuación muestro algunas de las pantallas en Hi-Fi de YouCook:

Algunas pantallas del Hi-Fi

Por último veremos el Hi-Fi al completo, junto al user flow, que se dividirá en tres flujos, ya que el usuario utilizará nuestra app en diferentes momentos del día para conseguir su meta.

Primer Flujo:

En este flujo veremos como el usuario entra en la app y se registra; investiga los diferentes platos y cocinas internacionales, añade una receta a sus favoritos. Finalmente comprobará los ingredientes que necesita para cocinar y hará uso de la localización de ingredientes, tras ello decide salir de la app e ir a la tienda a comprar.

Segundo Flujo:

En este segundo flujo el usuario entra en la tienda, realizará un control de los ingredientes que va comprando, y finalmente canjeara el código de descuento para pagar.

Tercer Flujo:

Por último el usuario llega a casa con la compra, busca la receta seleccionada en favoritos y comienza a cocinar, podrá seguir el paso a paso mediante instrucciones o mediante un vídeo. Finalizará la receta y realizará una valoración del resultado.

4. Monetización

Con respecto a la monetización de YouCook se plantea:

Asociación con comercios locales y especializados en gastronomía internacional, ofreciendo descuentos especiales para los usuarios, YoouCook se llevaría el 0,5% por cada usuario que haga uso del descuento.

5. Próximos pasos

Pensando en la escalabilidad de mi MVP, me gustaría en un futuro poder llevar a YouCook al siguiente nivel:

En el futuro me gustaría poder implementar una comunidad internacional, donde los usuarios puedan compartir y crear las recetas más autenticas y tradicionales de su cultura y país. Ya que las encuestas y entrevistas nos deja este dato.

Dato extraído de 184 encuestas y 8 entrevistas.

Por otro lado también sería interesante implementar una skill dentro de Google Home y Alexa para que los usuarios puedan seguir las recetas desde estos dispositivos inteligentes, esto mejoraría la experiencia del usuario, ya que las encuestas y entrevistas nos revelarón el siguiente dato.

Dato extraído de 184 encuestas y 8 entrevistas.

6. Aprendizaje

El aprendizaje que me llevo de estas dos semana de trabajo ha sido enriquecedor, he aprendido principalmente a gestionar el tiempo que le dedico a cada herramienta y llevar un control de horas sobre ello.

Y por otro lado he aprendido a empezar de nuevo e iterar un Lean Ux, aprendí a adaptarme a las circunstancias del proyecto y el tiempo que tenía para poder finalizarlo.

--

--