Cake My Day Mónica P. 3 de mayo de 2023
Imagen miniatura Cake My Day

«Cake My Day» es el primero de tres proyectos que realicé para obtener el certificado de Google de Diseño y Experiencia de Usuario.

Tuve que realizar el diseño de una aplicación móvil, basada en una consigna a mi elección. La consigna que elegí para dicho proyecto fue crear una aplicación para móviles donde los usuarios puedan adquirir surtidos de pasteles personalizados.

Esta elección surgió de mi pasión por la repostería y mi observación de que, en las pastelerías físicas, los clientes pueden formar bandejas de los pasteles surtidos que más les gusten, mientras que en las pastelerías en línea, los surtidos suelen estar predefinidos, limitando la libertad de elección. Es por eso que opté por diseñar una aplicación que permitiera a los usuarios personalizar sus surtidos de pasteles de acuerdo a sus preferencias.

Tabla de contenidos

Presentación del caso práctico

Resumen del proyecto

El producto

"Cake My Day" es una empresa (ficticia) de venta de pasteles, que quiere ofrecer a los usuarios una forma fácil de pedir surtidos de pasteles online.

Duración del proyecto

Marzo 2023 - Agosto 2023

El problema

Cuando vas físicamente a una pastelería, es habitual pedir una bandeja y seleccionar media o una docena de pasteles surtidos para regalar, pero muchas pastelerías online no permiten esa opción. Tienen cajas ya preconstruidas que no se pueden personalizar.

El objetivo

Diseñar una aplicación para que el usuario pueda pedir y personalizar sus surtidos de pasteles a medida, de forma rápida y sencilla.

Mi rol

Diseñadora UX, creando el diseño de una app móvil para Cake My Day, desde su inicio hasta su versión final.

Responsabilidades

Realización de entrevistas, esquemas digitales, creación de prototipos de baja y alta fidelidad, realización de estudios de facilidad de uso, accesibilidad e iteración de diseños.

Entender al usuario

Investigación sobre los usuarios

Realicé entrevistas y cree mapas de empatía para entender a los usuarios para los que iba a diseñar.

Un grupo identificado fueron los adultos trabajadores que no tienen tiempo para ir a comprar físicamente a una pastelería y buscan una forma fácil y rápida de hacerlo.

Otro grupo de usuarios identificado fueron personas que ya suelen comprar online y buscan la misma variedad en su pedido que tendrían si fueran a la pastelería.

Puntos débiles
1
Tiempo
Los adultos que trabajan, a veces están demasiado ocupados para comprar en una pastelería, y prefieren invertir su tiempo en otras cosas, como dedicar tiempo a su familia.
2
Alérgenos
A pesar de estar requerido por ley, muchas pastelerías online no tienen la información sobre alérgenos fácilmente visible.
3
Reparto
No todas las pastelerías disponen de sistema de seguimiento en tiempo real, por lo que es difícil seguir el estado del pedido.

Creación de personas

Creé dos personas para este proyecto, pero me centraré en una de ellas, que es Cecilio de la Cruz.

Cecilio es un hombre ocupado que necesita realizar pedidos rápidamente desde cualquier lugar porque el poco tiempo libre del que dispone lo quiere dedicar por completo a su familia. También necesita repetir pedidos anteriores porque no quiere volver a montar el mismo surtido que pidió hace dos semanas.

Creación de la persona Cecilio de la Cruz.

Esta persona ha sido generada aleatoriamente para representar en un individuo el comportamiento, los objetivos y las motivaciones de un grupo de usuarios. La imagen ha sido generada en this-person-does-not-exist.com y cualquier similaridad con una persona real es pura coincidencia.

Mapa de recorrido del usuario

El mapa de recorrido de Cecilio ayudó a revelar algunas oportunidades de mejora en la aplicación.

POWERPNT_jBzT9YqRgo

Comenzar el diseño

Esquemas de página digitales

Mi propósito principal era crear un diseño que facilite la realización de los pedidos y agilice el proceso en la mayor medida posible.

Otro de mis propósitos era crear un diseño accesible en el que se tuviera en cuenta a usuarios con alergias, intolerancias y dietas alternativas.

firefox_LG5Mutbv1Y
firefox_cyRPsCBXra

Prototipo de baja fidelidad

Hice un prototipo de baja fidelidad en Figma que muestra el flujo de un usuario que pide un surtido de 12 unidades de pasteles.

Descubrimientos del estudio de usabilidad

Realicé dos rondas de estudios de usabilidad.

El primer estudio fue con el prototipo de baja fidelidad, y me ayudó a identificar los aspectos a mejorar en el diseño.

El segundo estudio se realizó con un prototipo de alta fidelidad y ayudó a refinar el aspecto de las maquetas.

1
Hallazgos de la ronda 1
  1. La sección de "crear surtido" no destaca lo suficiente.
  2. No se pueden realizar pedidos para recibirlos en un día distinto.
  3. Los alérgenos deberían salir bajo las fotos de cada producto.
2
Hallazgos de la ronda 2
  1. Hay falta de unificación en el diseño de algunos elementos.
  2. Hay zonas en las que no hay contraste suficiente entre el texto y el fondo.

Perfeccionar el diseño

Maquetas

Después del segundo estudio de usabilidad, se unificó el diseño de los botones, los títulos y se cambiaron algunos colores para hacerlos más accesibles.

Se puede apreciar la diferencia entre el primer esquema y la última versión de la maqueta de la página de inicio de la aplicación.

firefox_KPOHj8CXdt
firefox_NjZdmob3wQ
firefox_py2HnbYKSy

Prototipo de alta fidelidad

En el prototipo de alta fidelidad hecho en Figma, hay un flujo en el que el usuario pide un surtido de 12 pasteles, y otro flujo en el que el usuario puede repetir un pedido anterior.

Consideraciones de accesibilidad

1
Cada pastel tiene una foto de cómo se ve, y va acompañada de los iconos de los alérgenos correspondientes.
2
Todas las imágenes e iconos cuentan con texto alternativo.
3
Se ha tenido en cuenta el contraste entre colores de texto y colores de fondo.

Conclusiones

Impacto

La app hace a los usuarios sentir que pueden realizar un pedido de forma rápida y simple.

Una opinión de un usuario:

"Esta app me ha resultado muy amena y fácil de usar, me ha gustado mucho y me gustaría usarla en el futuro".

Qué aprendí

Mientras diseñaba esta aplicación, aprendí lo importante que es tener en cuenta las necesidades de los usuarios, y que a medida que se itera en el diseño, encuentras ideas y soluciones que no se te habían ocurrido al principio.

Próximos pasos

1
Añadir pantallas faltantes para mejorar el prototipo de alta fidelidad, como las de gestionar direcciones y métodos de pago.
2
Realizar nuevas investigaciones y estudios para identificar necesidades y descubrir posibles dificultades que experimenten los usuarios.
3
Hacer otra iteración en el diseño tras añadir las nuevas pantallas y realizar los estudios.

¡Gracias!
Si no lo has hecho ya, mira también el resto de proyectos de mi portfolio.

Scroll to Top