MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN

En este módulo cada participante aprenderá a construir interfaces para productos digitales, definiendo su forma, estructura y comportamiento a través de grillas de construcción.

Aprendizajes

Describe conceptos de usabilidad y jerarquía en el diseño de interfaz de un producto digital acorde a las reglas de usabilidad de Nielsen.

Construye un prototipo interactivo de alta fidelidad o mockup de un producto digital utilizando las técnicas Pixel Perfect y adaptándose a la versión Mobile.

MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 25: Conclusiones Proyecto UI

Martes 30 Agosto 2022. La clase consistió en la presentación de los proyectos prototipados de mis compañeros, y para finalizar el profesor dio un par de reflexiones. Los prototipos de UI nos ayudaron a ordenar las ideas, explorar diferentes caminos

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 24: Prototipo en Figma

Lunes 29 Agosto 2022. Se completa el prototipo en Figma,  se logra construir interfaces interactivas para un producto digital. Se define su forma, estructura y comportamiento.   https://www.figma.com/proto/xLdNv6uqIGI2xPfKuercSX/trabajo-dise%C3%B1o-interfaz-radio?page-id=39%3A1182&node-id=234%3A12525&viewport=717%2C456%2C0.34&scaling=scale-down&starting-point-node-id=161%3A10910 Durante el desarrollo del módulo se describen conceptos de usabilidad y jerarquía

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 23: Preparación Examen de Certificación Ux/Ui

Sábado 27 Agosto 2022. La clase consiste en la explicación del proceso de certificación del curso UX/UI. La clave para este día es tener todo el material pre-hecho disponible en nuestro ordenador. Conocer los elementos de la experiencia de usuario

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 22: Herramientas de Diseño organizacional

Viernes 26 Agosto 2022. Conocemos herramientas de diseño organizacional; Miro e Invision, web utiles para la colaboración y revisión de pantallas, organización de grupos de trabajo. Ambas son muy similares a Figma-Jam. Estas plataformas entre si son compatibles. Estos sitios se

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 21: Tips protoype Figma

Jueves 25 de Agosto 2022. La clase trata sobre el avance del prototipo en figma. Comparto la traducción y descripción de prototype.     Disparadores y tipos de animaciones en los prototipos Seguramente habrás notado que cuando enlazas un elemento

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 20: Repaso Figma / consejos plus plus

Miércoles 24 Agosto 2022. La clase consistió en un repaso de todo lo visto en este modulo. También observamos el campo laboral y el proceso de certificación.     Sobre Figma: Es una herramienta de prototipado web y editor de gráficos

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 19: Animaciones / IMPUT en Figma

Martes 23 Agosto 2022. Me dedico a las animaciones y comprender los prototipos.     Con la ayuda de una compañera me explican el cómo hacer este tipo de elementos.     El video trata sobre el «campo de entrada

Leer mas »
MÓDULO 5: DISEÑO DE INTERFAZ Y DE INTERACCIÓN
Miguel Estay

Sesión 18: Prototipando componentes

Lunes 22 Agosto 2022. En clases me dedico a prototipar elementos, como aquellos se encuentran en ingles, trato de traducirlos y probar cada uno de ellos. Cada componente debiera estar animado.     Conceptos básicos de Smart Animate   Antes

Leer mas »