TORNAR A PROJECTES

VISIÓ GENERAL DEL PROJECTE
CONTEXT I PROBLEMA

EatWell App busca ajudar a persones amb poc temps a menjar equilibrat i saludable. Molts usuaris troben difícil planificar àpats saludables per manca de temps i recursos, i acaben optant per opcions poc nutritives.

L’aplicació els permet construir plats equilibrats basats en el mètode Plat de Harvard amb els ingredients disponibles a la nevera per, a més a més, minimitzar el malbaratament de menjar, ja que suggereix receptes .

· DURACIÓ: 3 MESOS | ROL: DISSENYADORA UX

· METODOLOGIA: DESIGN THINKING

· EINES: FIGMA, MIRO, EXCEL

OBJECTIU, ENFOCAMENT I RESULTATS

L’objectiu d’aquest projecte és el de proporcionar inspiració als usuaris i facilitar-los la creació i elaboració de plats saludables, ajudant a reduir el malbaratament d’aliments i millorar els hàbits alimentaris de les persones.

He utilitzat un enfocament basat en el Design Thinking, començant amb la investigació d’usuaris per tal d’empatitzar-hi, la definició del problema a solucionar, la ideació de solucions creatives, el prototipat de l’app i, finalment, les proves iteratives (usability testing) per a perfeccionar la solució. 

El resultat ha estat un prototip interactiu d’alta fidelitat de l’aplicació dissenyat amb l’eina Figma, llest per a les proves amb usuaris abans del desenvolupament final.

VEURE PROTOTIP

(1) EMPATITZAR · ENTENENT LES NECESSITATS DE L'USUARI

En aquesta primera fase d’EMPATITZAR, es van investigar les necessitats i les frustracions dels usuaris amb poc temps o poca experiència en menjar saludable per determinar els seus punts de dolor i, a partir de dades reals, disposar d’un punt de partida per a definir el problema que volem solucionar amb EatWell.

MÈTODES D'INVESTIGACIÓ

ENQUESTES

Als usuaris sobre els seus hàbits alimentaris i nutritius

ENTREVISTES

Amb persones que intenten menjar sa però que tenen poc temps

ANÀLISI

Del model 'Plat de Harvard' per a assegurar-ne l'equilibri nutricional

💡 INSIGHTS I TROBALLES CLAU

· FALTA DE CONEIXEMENT SOBRE QUÈ ÉS UN PLAT EQUILIBRAT

· SOLUCIONS RÀPIDES I VISUALS

· ES NECESSITA INSPIRACIÓ

HISTÒRIES D'USUARI I USER PERSONAS

USER STORY DE LA MONTSE

“Com infermera que treballa a torns i que té poc temps lliure, vull preparar àpats saludables de forma ràpida i sense massa planificació per economitzar el meu temps i malbaratar molt menys menjar”

PAIN POINTS DE LA MONTSE

· Falta de temps per cuinar

· Dificultat per planificar degut als seus horaris rotatius

· Manca d’opcions pràctiques i receptes realistes

USER STORY DEL PEDRO

“Com a estudiant universitari que s’està iniciant en el gimnàs i en menjar saludable, vull trobar inspiració per a preparar plats saludables que em motivin a menjar equilibrat per a rendir millor en l’esport i els estudis”.

PAIN POINTS DEL PEDRO

· Falta de coneixement sobre alimentació saludable

· Dificultat per trobar receptes atractives i fàcils

· Pressupost ajustat d’estudiant

(2) DEFINIR · DELIMITANT EL PROBLEMA

A la següent fase de DEFINIR, es sintetitzen els insights clau per a formular un Problem Statement, és a dir, la definició del problema i, tot seguit, el POV Statement, l’enfocament de la solució que volem aportar amb el projecte.

PROBLEM STATEMENT (DEFINICIÓ DEL PROBLEMA)

Després de conèixer, analitzar i empatitzar amb les històries i els punts de dolor dels usuaris, la definició del problema és:

💭 Usuaris amb poc temps i coneixement en nutrició necessiten una forma senzilla d’accedir a receptes saludables i pràctiques amb ingredients que tinguin a casa, perquè s’enfronten amb dificultats per a planificar àpats i trobar opcions atractives, tot evitant el malbaratament de menjar. 

POV STATEMENT (ENFOCAMENT DE LA SOLUCIÓ)

Com pot EatWell solucionar aquest problema?

⭐️ EatWell ajuda a les persones amb horaris irregulars i poca experiència a la cuina a trobar receptes saludables, ràpides i adaptades a les seves necessitats. Tot això, optimitzant el seu temps i reduint el malbaratament de menjar.

(3) IDEAR · GENERANT SOLUCIONS CREATIVES

A la part d’IDEAR, es van realitzar exercisis d’ideació per a generar múltiples solucions creatives, seleccionant com a idea principal l’app que suggereix receptes saludables basades en els ingredients disponibles. A més, es va decidir apostar per la idea de crear el plat mitjançant el model “Plat de Harvard”, seleccionant els aliments per categories.

PLUJA D'IDEES I CRAZY EIGHTS

BRAINSTORMING

En primer lloc, es va dur a terme una pluja d’idees per a recollir possibles funcionalitats que es volien per l’aplicació, com informar la meta de l’usuari i el tipus de dieta que practica, escollir els aliments en funció de categories, el diari d’àpats, etcètera.

CRAZY EIGHTS

Un cop fet el brainstorming, es va idear mitjançant l’exercici Crazy Eights per esbossar les primeres idees de pantalles i funcionalitats. Després d’una revisió, es va assenyalar (*) quines funcions s’inclourien en el primer prototip de baixa fidelitat (wireframe) per a provar amb l’usuari en els primers user testing, i es van deixar a l’espera (?) les altres funcionalitats per a incloure en futures iteraccions.

(4) PROTOTIPAR · CREANT LES VERSIONS DE L'APP

A la fase de PROTOTIPAR, es va desenvolupar una versió inicial de la solució en format de wireframes amb la finalitat de provar amb els usuaris el funcionament i les característiques clau de l’app. Després de la primera ronda de proves (user testing), es va iterar en la solució i es va desenvolupar el prototip d’alta fidelitat “definitiu” fins al moment.

WIREFRAMES DE BAIXA FIDELITAT

1A. VERSIÓ (WIREFRAMES)

El primer prototip de baixa fidelitat de EatWell defineix el fluxe de navegació des de la pantalla d’inici de l’app (inici de sessió) fins a la creació del plat equilibrat, incloent els passos clau com la selecció dels objectius i el tipus de dieta fins l’elecció dels aliments que componen el plat.

Ens va permetre provar amb l’usuari si el fluxe funciona i si té sentit el model d’escollir els aliments per a crear un plat en funció dels ingredients que l’usuari té a la nevera. A més, és una bona fase inicial per a seguir millorant l’experiència.

👇🏼 MILLORES PER A LA PRÒXIMA ITERACIÓ

· CLAREDAT EN LA INTERFÍCIE I INDICADORS VISUALS (COLORS, ICONES)

· MILLORAR LA INTERACCIÓ I LA RETROALIMENTACIÓ

· MILLORAR LA FLUIDESA (REDUÏR FRICCIONS)

PROTOTIP D'ALTA FIDELITAT

2A. VERSIÓ (PROTOTIP D’ALTA FIDELITAT)

Aquest prototip d’alta fidelitat representa una evolució significativa respecte els wireframes de baixa fidelitat. S’han incorporat colors, tipografies, iconografia i elements visuals que fan que l’experiència sigui més intuitiva i atractiva per l’usuari. 

L’últim punt d’aquest cas d’estudi és el de testejar/provar el prototip d’alta fidelitat amb usuaris per a determinar punts de millora per a pròximes iteracions abans de passar a la fase final de desenvolupament de l’aplicació.

(5) TESTAR · AVALUANT I MILLORANT LA SOLUCIÓ

El test d’usabilitat és una fase clau en el procés de disseny centrat en l’usuari, ja que permet validar l’experiència i detectar punts de millora abans del desenvolupament final. En aquest cas, s’ha dut a terme una avaluació del prototip d’alta fidelitat de EatWell amb els objectius de determinar la fluidesa de navegació, la interacció i feedback visual, el temps de completat i, finalment, la satisfacció general de l’usuari amb la seva experiència (UX) amb l’app.

👤 SELECCIÓ D’USUARIS

· 5 PARTICIPANTS DE CARACTERÍSTIQUES DIVERSES

· USUARIS ALINEATS AMB EL NOSTRE TARGET

· DIFERENTS PROBLEMÀTIQUES A SOLUCIONAR

🎯 TASQUES CLAU A AVALUAR

· REGISTRE I CONFIGURACIÓ D’UN PERFIL

· SELECCIONAR INGREDIENTS PER A CONSTRUIR PLAT DE HARVARD

· AFEGIR PLAT CREAT AL DIARI D’ÀPATS

🔎 EINES UTILITZADES

· GRAVACIONS DE PANTALLA I SESSIONS AMB GOOGLE MEET

· GOOGLE FORMS PER A FER ENQUESTES I RECOPILAR FEEDBACK POSTERIOR

· HOTJAR PER A RASTREJAR MAPES DE CALOR I PATRONS DE NAVEGACIÓ

 ✅ ASPECTES POSITIUS DE L’APP

· INTERFÍCIE INTUÏTIVA, NAVEGACIÓ CLARA

· DISSENY ATRACTIU: COLORS, ICONES

· PROCÉS DE SELECCIÓ D’ INGREDIENTS SENZILL

 ❗️ PUNTS DE FRICCIÓ I MILLORES

· MÉS DETALL EN EL REGISTRE, NO SUFICIENT

· FALTA DE SELECTOR D’IDIOMA (ACCESSIBILITAT)

· FALTA DE FILTRES EN ELS INGREDIENTS

💡 MILLORES PER A PRÒXIMES ITERACCIONS

· DESENVOLUPAR LES PANTALLES DE REGISTRE RÀPID

· SELECTOR D’IDIOMA VISIBLE

· FILTRES AVANÇATS PER A LA SELECCIÓ D’ALIMENTS

· OPTIMITZAR EL TEMPS DE CÀRREGA DE L’APP.