Descripción del proyecto

Yummy Bites es una aplicación de cocina y de recetas que tiene como objetivo hacer que la cocina casera sea más fácil y atractiva para todo el mundo. A muchos usuarios les resulta difícil planificar sus comidas a lo largo de la semana, y necesitan ayuda para pensar en recetas diferentes a las que ya conocen. Quiero ayudarles a que disfruten cocinando y comiendo sano averiguando cuáles son las dificultades a las que los usuarios se enfrentan a la hora de utilizar estas aplicaciones de cocina y recetas, y resolviéndolas.

Definición del problema

Con el avance de las nuevas tecnologías, muchos usuarios utilizan este tipo de dispositivos para aprender más acerca de cocina y recetas. Un gran número de usuarios tienen problemas para encontrar una aplicación que cubra todas sus necesidades a la vez. Les resulta complicado planificar sus comidas y cuidar su alimentación, a la vez que aprender a utilizar estas aplicaciones.

Roles

Research
Wireframe
User Flow
Diseño UX
Diseño UI
Prototipos

Proceso de diseño

Este proceso de diseño no es lineal. Se avanzó y retrocedió de una fase a otra para adaptarse a las necesidades de cada proyecto.
Research
Personas
Journey Map
Problem Statement
Puntos débiles
Análisis competitivo
IA
Wireframes
Prototypes
Mockups
UX Research Plan
Usability Study
Affinity Diagram
Insights

Emphatize

Búsqueda de información
Personas
Journey Map

Búsqueda de información

No items found.

Para entender los puntos débiles (pain points) del usuario, realicé una encuesta. Mi objetivo era ver cuáles son las funciones que los usuarios más necesitan, y cuáles son lasque echan en falta en las aplicaciones de cocina y receta que ya han utilizado.

También quería saber cómo de importantes son estas funciones para los usuarios a la hora de utilizar las instrucciones de las recetas. La respuesta más común a la hora de valorar la importancia de estas funciones fue 5 sobre 5 (siendo 1 nada importante, y 5 muy importante).

- Imágenes del proceso de preparación

- Vídeos del proceso de preparación

- Función que lea el texto del proceso de preparación en voz alta

Personas

No items found.

User Journey Map

Definir

Definición del problema
Puntos débiles
No items found.

Ideate

Competitive Audit
Information Architecture
No items found.

Design:

Early Stage

Paper Wireframes
Digital Wireframes
Low-Fi Prototype

Paper and digital wireframes

El primer paso en la fase de diseño fue hacer una serie de bocetos en papel de algunas de las pantallas, para así probar las distintas ideas que tenía en mente. Se añadieron algunas anotaciones en verde para facilitar el proceso de convertirlos en wireframes o bocetos digitales.

No items found.

Low-Fidelity Prototype

Todas las pantallas implicadas en el user flow primario se conectaron para crear el prototipo de baja fidelidad. Varios usuarios probaron este prototipo en un estudio de usabilidad para ayudar a mejorar los diseños. El user flow o flujo de uso primario fue:

- Crear una cuenta

- Rellenar el formulario con sus preferencias alimenticias

- Configurar un plan de comidas

- Navegar por la pantalla de “Explorar”

- Comprobar los filtros de búsqueda

- Explorar la pantalla de inicio

- Explorar la pantalla de perfil personal

Ver prototipo de baja fidelidad

Test

UX Research Plan
Usability Study
Insights
No items found.

Insights

Prioridad 0

1. Partiendo del tema de que: algunos usuarios pidieron una pantalla para poder ver las instrucciones de las recetas, un insight o conclusión es: los usuarios necesitan una pantalla para las recetas donde poder ver el proceso de preparación.

2. Partiendo del tema de que: casi todos los usuarios estaban confundidos acerca de cómo crear una lista de recetas, un insight o conclusión es: los usuarios necesitan mejores indicaciones para crear listas personalizadas de recetas al pulsar el botón.

Prioridad 1

1. Partiendo del tema de que: algunos usuarios se sienten preocupados por no tener los ingredientes necesarios de una receta, un insight o conclusión es: los usuarios necesitan una función con la que puedan cambiarlos ingredientes en las recetas por la opción más adecuada.

2. Partiendo del tema de que: algunos usuarios se sienten incómodos a la hora de utilizar sus teléfonos mientras están cocinando, un insight o conclusión es: los usuarios necesitan una función que les muestre imágenes o vídeos del proceso; o un lector de pantalla que les lea las instrucciones, y así evitar coger el teléfono mientras cocinan.

Prioridad 2

1. Partiendo del tema de que: algunos usuarios quieren ver más imágenes de las recetas, un insight o conclusión es: los usuarios necesitan más imágenes e iconos en la aplicación; para que así sea más atractiva para ellos.

Design:

Refining the Design

Mockups
High-Fi Prototype
No items found.

Prototipo de Alta Fidelidad

Se conectaron todas las pantallas implicadas en el flujo de uso o user flow primario para crear el prototipo de alta fidelidad. El user flow primario consiste en:

- Crear una cuenta

- Rellenar el formulario con las preferencias alimenticias

- Configurar un plan de comidas

- Navegar por la pantalla de “Explorar”

- Comprobar los filtros de búsqueda

- Comprobar la función de “Guardar una receta”

- Explorar la pantalla de inicio

- Explorar la pantalla de perfil personal

- Cerrar sesión

- Iniciar sesión utilizando la cuenta de Google

Ver prototipo de alta fidelidad

Conclussion

Lo que aprendí

Para mí fue un reto completar un proyecto desde cero en un plazo tan corto de 3 días, pero quería aprovechar la oportunidad que se me dio para poner aprueba mis conocimientos. Fue una experiencia estimulante que me ayudó a crecer como diseñadora. La búsqueda de información y comentarios de los usuarios fueron decisivos para mejorar el diseño inicial, gracias a ellos pude resolver varios problemas que se me pasaron por alto en un principio. Me siento satisfecha de haber creado una aplicación accesible para todo el mundo y que incluye funciones que ayudarán a los usuarios en su día a día.

Siguientes pasos

Recopilar más opiniones y realizar más pruebas de uso para tratar de mejorar mi diseño. Validar que todos los “pain points” que los usuarios estaban sufriendo hayan sido resueltos, y determinar si hay algún nuevo problema al que los usuarios se estén enfrentando y deba abordarse. Una vez los usuarios estén satisfechos con la accesibilidad de la aplicación, crear diseños para distintos tamaños de pantalla para que los usuarios puedan acceder también desde sus tablets.