En aquest estudi de cas, explorarem el procés de creació d'un prototip per a una aplicació mòbil utilitzant Figma. Aquest exercici pràctic t'ajudarà a aplicar els coneixements adquirits en els mòduls anteriors i a comprendre com es poden integrar les diferents tècniques de disseny i prototipatge en un projecte real.

• Aplicar tècniques de disseny i prototipatge: Utilitzar les eines i funcions de Figma per crear un prototip funcional.
• Desenvolupar un flux de treball eficient: Aprendre a organitzar i gestionar el projecte de manera efectiva.
• Provar i iterar el disseny: Realitzar proves d'usabilitat i fer ajustos basats en el feedback.

L'aplicació mòbil que desenvoluparem és una aplicació de seguiment d'hàbits. L'objectiu és ajudar els usuaris a crear i mantenir hàbits saludables mitjançant recordatoris i seguiment del progrés.

• Creació de nous hàbits
• Recordatoris diaris
• Seguiment del progrés amb gràfics
• Notificacions push

Comença per crear un wireframe senzill que defineixi l'estructura bàsica de l'aplicació. Utilitza formes bàsiques per representar els elements de la interfície.

• Pantalla d'Inici: Mostra els hàbits actuals i el botó per afegir-ne de nous.
• Pantalla de Detall de l'Hàbit: Permet veure el progrés i editar els detalls de l'hàbit.
• Pantalla de Configuració: Configura les preferències de notificació i altres ajustos.

• Paleta de Colors: Tria colors que siguin agradables a la vista i que reflecteixin l'objectiu de l'aplicació (per exemple, verds i blaus per a una sensació de calma i salut).
• Tipografia: Utilitza fonts clares i llegibles. Per exemple, "Roboto" per a la seva claredat i modernitat.

Crea components reutilitzables per a elements comuns com botons, targetes d'hàbit i menús.

Utilitza les funcions de prototipatge de Figma per afegir transicions entre pantalles. Per exemple, quan es fa clic al botó "Afegeix Hàbit", es mostra la pantalla de creació d'un nou hàbit.

Realitza proves amb usuaris per obtenir feedback sobre la facilitat d'ús i la comprensió de l'aplicació.

Recull comentaris dels usuaris i identifica àrees de millora.

Realitza ajustos basats en el feedback, com ara millorar la navegació o ajustar els colors per a una millor visibilitat.

Aquest estudi de cas ha demostrat com es pot utilitzar Figma per crear un prototip d'aplicació mòbil des de la concepció fins a la prova i iteració. Has après a definir objectius, crear wireframes, dissenyar visualment i afegir interactivitat. Aquest procés és essencial per desenvolupar aplicacions que no només siguin funcionals, sinó també atractives i fàcils d'utilitzar.

Amb aquesta experiència, estàs preparat per abordar projectes de prototipatge més complexos i aplicar les millors pràctiques en el teu treball futur.