QUECOMER surge de la necesidad de crear un espacio en el que juntar todas las recetas que consultamos a través de diferentes plataformas, facilitando así su acceso y reduciendo el tiempo que precisa dedicar el usuario para encontrar nuevas ideas para sus comidas.
DURACIÓN DEL PROYECTO: Diciembre 2023 – Febrero 2024
HERRAMIENTAS EMPLEADAS: Adobe XD
EL OBJETIVO
QUECOMER procura convertirse en la web a través de la cual puedas encontrar todas las recetas que más te gustan. Se facilitará la búsqueda a través de filtros para poder concretar mucho mejor tus pesquisas. Además, tendrás la oportunidad de definir tus preferencias a través de tu perfil personal, habilitando la posibilidad de que la propia plataforma te recomiende nuevas sugerencias. A parte de esto, QUECOMER cuenta con un espacio de trucos y técnicas culinarias para que puedas aprender y mejorar.
MI FUNCIÓN EN EL PROYECTO
RESPONSABILIDADES
Diseñadora UX del proyecto, desde la concepción hasta la entrega.
Realización de entrevistas, wireframing en papel y digital, creación de prototipos de baja y alta fidelidad, realización de estudios de usabilidad, mejoras de accesibilidad e iteración de diseños.
INVESTIGACIÓN
La primera de las investigaciones realizadas estuvo enfocada en averiguar si es fácil para los usuarios navegar en la plataforma para buscar los contenidos que necesitan. Se pretendía conocer y entender a qué desafíos específicos se pueden enfrentar nuestros usuarios durante el proceso de búsqueda de recetas y cómo podríamos ayudar a solucionar esos desafíos.
PREGUNTAS
PARTICIPANTES
METODOLOGÍA
¿Por qué te gusta cocinar?
¿Cuánto tiempo le dedicas a la cocina en tu día a día?
¿Qué buscas en una web de cocina?
Un hombre y tres mujeres, entre 18 y 70
años
Dos de los participantes serán usuarios habituales de plataformas de contenidos culinarios y otros dos no.
Estudio de capacidad de uso no moderado
Ubicación: España
Fecha: 5-7/01/2024
Cuatro participantes, cada uno completará
el estudio por su cuenta
En cada sesión se realizará una introducción
y se presentarán las tareas que tendrán que
realizar
Tarea 1: buscar una receta que te gustaría cocinar
1
2
3
ACCESIBILIDAD
TIEMPO
INFORMACIÓN
Los tamaños de la información de las recetas son demasiado pequeños, dificultando su lectura a gran parte de los usuarios. Es preciso ampliar tamaños.
La búsqueda genérica hace que requiera demasiado tiempo la receta que se adapte adecuadamente a ti. Es preciso habilitar filtros específicos para las búsquedas.
La falta de información sobre las porciones por ración para poder ajustar adecuadamente las cantidades. Es preciso añadir información de las porciones.
Tema 1
En un primer momento, la sección de recetas estaba planteada con miniaturas que formaban parte de un scroll horizontal. El principal problema era el tamaño, ya que dificultaba su lectura. En la versión posterior, se mantiene el scroll pero se amplían los tamaños.
Versión anterior a la investigación
Versión posterior a la investigación
Primeros pasos en el diseño
Paper wireframes
Gracias a las diferentes propuestas para la página principal, conseguí llegar a lo que se convertiría en la propuesta final diseñada en el prototipo de alta fidelidad.
En esta pantalla prioricé la simplicidad, ayudando a los usuarios a comprender rápidamente cómo interactuar con ella.
Digital wireframes
La primera propuesta recogió los elementos básicos que consideraba relevante presentar en la pantalla principal
Prototipo de baja fidelidad
Utilizando el conjunto de los wireframes diseñados, creé el prototipo de baja fidelidad. El flujo principal del usuario que conecté fue registrar una de las recetas para la comida de su día, habilitando su uso para el estudio de usabilidad.
Perfeccionando el diseño
En el primer diseño, contaba con un header mucho más extenso. Se añadía dentro del mismo el acceso directo a la página Acerca de pero, después de la investigación, se llegó a la conclusión de que no era tan relevante como para incluir en una posición tan relevante. Además, la información del carrusel era mayor pero, se prefirió reducir a una frase que interpelara directamente al usuario para hacer la propuesta más próxima.
En el primer diseño, se presentaba como una propuesta bastante fría al no contar con más colores que los pertenecientes a la imagen del carrusel principal. Consideré la parte visual una de las piezas fundamentales para llevar a cabo esta propuesta. A parte de esto, se planteaba una sección de blog desde la que acceder a información complementaria sobre el mundo culinario pero aposté por posponerlo a próximas actualizaciones.
El resultado final de todo este proceso fue el siguiente:
Prototipo de alta fidelidad
El prototipo de alta fidelidad presentó los flujos de usuario más definidos para buscar sus recetas o técnicas culinarias más agilmente.
