M4.356 - Prototipado - Aula 1

Pública

Hola a todos,

Comparto con vosotros el prototipo de alta fidelidad que he desarrollado para el Reto 1, basado en la app Headspace. Esta experiencia me ha resultado muy enriquecedora, especialmente el aprendisaje de diseño, donde habitualmente se prioriza la creación desde cero. Considero que la imitación es una excelente herramienta de aprendizaje.  Este reto me ha recordado esa etapa y, pese a la dificultad inicial, ha resultado ser un ejercicio muy gratificante.

El proceso comenzó con el análisis detallado de la app Headspace a travez del video guia. Para el prototipo, me he guiado por el video proporcionado en el reto, reproduciendo las interacciones y el flujo de navegación,  he capturado pantallas para analizar elementos estructurales como tipografía, color e imagen.

La construcción en Figma me permitió profundizar en el diseño sistémico y el uso de componentes y variantes para mejorar la eficiencia. Encontré algunos desafíos en la búsqueda y adaptación de recursos gráficos, así como en la configuración precisa de interacciones y estilos, pero he aprendido mucho sobre la herramienta y el proceso de prototipado.

Adjunto el enlace al prototipo y el video, donde se puede visualizar el flujo completo y la funcionalidad del diseño realizado:

• Video del flujo:

• Cargando...

  Actualiza

  Sergio Bustamante_Headspace
• Sergio Bustamante_Headspace
• Prototipo en Figma:
• https://www.figma.com/proto/vFPpQI1RB0sYpPoOoGYPFy/Sin-t%C3%ADtulo?page-id=0%3A1&node-id=79-1451&viewport=-628%2C105%2C0.63&t=zTReQmoA4PKrqoiN-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=116%3A1531

Agradezco vuestros comentarios y sugerencias sobre el trabajo. Me gustaría recibir feedback especialmente sobre la fidelidad visual, la lógica de interacción y la sistematización de componentes y estilos.

Sergio Bustamante