«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
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.
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.
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.
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.
- La sección de "crear surtido" no destaca lo suficiente.
- No se pueden realizar pedidos para recibirlos en un día distinto.
- Los alérgenos deberían salir bajo las fotos de cada producto.
- Hay falta de unificación en el diseño de algunos elementos.
- 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.
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
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.