Reflexiones finales…Un aprendizaje sin fin.

Durante este curso tome conciencia de muchas cosas que hacen a un buen diseñador. El proceso de aprendizaje a sido muy enriquecedor, he aprendido muchas cosas que me abrieron la mente y me dieron una nueva perspectiva para enfrentar los proyectos a futuro. Comenzare haciendo un resumen de lo aprendido en el módulo de apresto

Reflexiones finales…Un recorrido de alto nivel.

La imagen seleccionada plasma el proceso que se realizó en este módulo, desde que identificamos la web app para realizar nuestro proyecto hasta que finalmente terminamos la versión mobile, además las diferentes pantallas que formaron parte del flujo de interacción principal. Comenzamos este modulo con la definición de nuestra webapp, la cual a mi parecer

Bitácora 26/7. Módulo V.

Clase 26/7: Finalizando la interacción. Nos acercamos al final del curso y estamos en la etapa final de nuestro prototipo interactivo alta fidelidad. Estamos terminando las conexiones con cada micro interacción definida en su pantalla correspondiente. con 3 son versiones diferentes, en cada etapa. Una es con la pestaña customize, la otra es la versión

Bitácora 23/7. Módulo V.

Clase 23/7: Prototipos interactivos de alta calidad. En esta ultima etapa y acercándonos al final de nuestro desafío de crear prototipos de alta fidelidad y que también la interactividad de estos cumpla con el requisito de entregar una buena experiencia de usuario al realizar las animaciones y micro interacciones de cada pantalla. En el re

Bitácora 22/7. Módulo V.

Clase 22/7: Animando componentes. Al final del curso estamos trabajando un prototipo de alta fidelidad en Figma. Existen tips para realizar animaciones y prototipos animados a otro nivel. Existen varias opciones que se pueden realizar, con un poco de investigación hemos logrado descubrir algunas nuevas funciones para lograr un prototipo mas acabado, es decir, de

Bitácora 21/7. Módulo V.

Clase 21/7: Creando animaciones y micro interacciones. Continuamos estudiando nuestra herramienta Figma. En esta clase revisaremos la pestaña de prototype en el panel derecho. Podemos ver que tiene diferentes funciones, en device nos muestra las opciones de variaciones de tamaño de pantalla de dispositivos o del espacio de trabajo. Mientras que en background nos permite

Bitácora 20/7. Módulo V.

Clase 20/7: Organizando los componentes. Seguimos enmarcados en el modulo final, creando librerías de componentes. Lo principal en esta etapa es lograr definir correctamente el estilo de nuestro sistema de diseño, donde cada componente forme parte de un todo. Cuando nos preguntamos cuales elementos pueden ser componentes, entendemos que la lógica que se sigue es

Bitácora 19/7. Módulo V.

Clase 19/7: Aprendiendo tips y atajos. Hemos estado trabajando con el programa Figma. Aprendimos sobre los layouts, los tableros de trabajo, la guía de estilos, los cuales se guardaron para nuestro proyecto. Comenzamos a crear nuestra propia guía de estilos, agrupándolos y organizándolos, según su categoría, ya definimos algunos de los estilos de colores, textos,

Bitácora 15/7. Módulo V.

Clase 15/7: Definiendo estilos. En esta etapa, continuaremos aprendiendo a conocer mejor nuestro software y realizar una revisión de las características de Figma. Anteriormente vimos algunas de sus herramientas; aprendimos algunos de los shortcuts, identificamos sus elementos como las capas, los tableros, los frames y sus diferentes tamaños, como funcionan las grillas, etc. Ahora el

Bitácora 14/7. Módulo V.

Clase 14/7: Estudiando nuestro software. Continuando en nuestro desafío de este módulo que es realizar un prototipo navegable de alta calidad, estudiaremos las características de nuestro software seleccionado que en esta oportunidad es Figma, el cual tiene características similares a otra plataforma miro, en su versión Figjam, tiene un tablero colaborativo, también se identifican los