La
Recetoteca
La web La Recetoteca está pensada para personas amantes de la cocina que quieran subir sus recetas o montar su propio recetario. Como una RRSS de recetas.
Proyecto realizado para el certificado Google de UX Design.
Realizado en el programa Adobe XD
La intención con este proyecto consistía en demostrar el manejo en Adobe XD así como en desarrollar todo el proceso de desarrollo desde la investigación hasta el prototipo final.
El problema
Constantemente andamos buscando recetas en Google o Youtube, pinchando el primer enlace que aparece, y cuando meses más tarde queremos volver a hacerlo, no recordamos dónde estaba ni cuál era. La Recetoteca busca solucionar eso.
El objetivo
Crear una web que sirva de catálogo de recetas, pudiendo montar tu recetario según recetas que se adecúen a tu estilo de cocina y gustos.
01
Entendiendo al usuario
Realicé entrevistas y creé mapas de empatía para entender a los usuarios y sus necesidades. Uno de los principales grupos de usuarios era el de los cocineros amateurs que sin ser profesionales, puedan tener su propio recetario.
Este grupo hizo ver que había un gran problema no tanto en encontrar recetas, como en recordar esas recetas más adelante. Los usuarios realizaban recetas que encontraban aquí y allá pero no tenían un lugar donde aunarlas todas. Otro inconveniente era la multitud de versiones para cada una, no sabiendo elegir la más correcta.
02
Diseños iniciales
Dedicar tiempo a redactar iteraciones de cada pantalla de la aplicación en papel garantizó que los elementos que se incorporaran a los esquemas digitales fueran adecuados para abordar los puntos débiles de los usuarios. Para la pantalla de inicio, di prioridad a un proceso de pedido rápido y sencillo que ayudara a los usuarios a ahorrar tiempo.
A medida que avanzaba la fase inicial de diseño, me aseguré de basar los diseños de las pantallas en los comentarios y conclusiones de la investigación de usuarios.
A partir de los wireframes digitales creé un prototipo de baja fidelidad. El flujo de usuario principal que conecté fue la búsqueda y elección de la receta, y la opción de guardar en el recetario, por lo que el prototipo podría utilizarse en un estudio de usabilidad.
03
Refinando el diseño
Se le ha dado mucha importancia a lo visual. La comida debe entrar primero por los ojos. Además, se categoriza todo para facilitar la búsqueda.
La navegación fue el punto que más se retocó, haciéndolo más intuitivo y fácil de usar, con controles más llamativos y transiciones más orgánicas. También el apartado visual y la interactividad.
El prototipo final de alta fidelidad presentaba flujos de usuario más limpios para buscar una receta y añadirla al recetario. También satisfacía las necesidades de los usuarios en cuanto a categorías y personalización del perfil.
04
Conclusiones
Impacto
La aplicación hace que los usuarios sientan que La Recetoteca piensa realmente en cómo satisfacer sus necesidades. Una cita de los comentarios de los usuarios:
“Uso la web y la siento tan sencilla e intuitiva que pienso que sería perfecta para mi mamá, que ya está mayor y no es muy ducha con las tecnologías. De seguro le encantaría.”
Lo aprendido
Mientras diseñaba la web La Recetoteca, aprendí que las primeras ideas para la aplicación son sólo el principio del proceso. Los estudios de usabilidad y los comentarios de los compañeros influyeron en cada iteración de los diseños de la web.
_edited.png)
