• Tema 1: Introducción a UX|UI (10 min)
– Se explica la importancia del diseño en proyectos.
– Orientación sobre cómo se desarrollará el módulo.
• Tema 2: ¿Qué es UX? (15 min)
– Entender la experiencia del usuario y su relevancia.
– Discusión sobre ejemplos prácticos de UX. ...
Presencial
2:00:00
2.0
El usuario y el problema
• Tema 1: Bienvenida y orientación al módulo (~10 min)
– Presentación del módulo y objetivos de aprendizaje
– Introducción a la importancia del UX en el diseño digital
• Tema 2: Identificación del usuario (~15 min)
– Perfilación de usuarios: técnicas y herramientas
– Actividad...
Presencial
2:00:00
3.0
Introducción a Figma
Conocer la herramienta Figma, su propósito, entorno de trabajo y ventajas como plataforma de diseño UX/UI colaborativo.
Presencial
4.0
Interactuando con el programa Figma
Comenzaremos a conocer las herramientas que tiene el programa, las mesas de trabajo dependiendo si el proyecto es web o de una app móvil.
Presencial
5.0
Manejo de Formas en Figma
Comenzaremos a usar las formas que nos brinda el programa para empezar a crear nuestros primeros contenidos para los proyectos que vayamos a realizar en clase.
Presencial
6.0
Trabajando con textos
Conoceremos la herramienta de texto en el programa, sus usos y caraceristicas en el panel de herramientas para darle mejor diseño a nuestros proyectos.
Presencial
7.0
Manejo de colores
Aprenderemos a usar los colores en las secciones o formas que creemos en el programa, también usaremos la herramienta cuentagotas y como podemos guardar colores para darle uso de manera más rapida
Presencial
8.0
Trabajando con kits de UI
Tendremos acceso a kits de UI para poder incrustar diferentes elementos en nuestros proyectos y mejorar así nuestro flujo de trabajo.
Presencial
9.0
Primera página de aterrizaje
Usando las herramientas aprendidas empezaremos a crear nuestra primera landing page usando Figma.
Presencial
10.0
Parcial
Revisión de la Página de aterrizaje o landing page usando lo aprendido con las herramientas de Figma
Presencial
11.0
Diseño de subpáginas en Figma
Terminada la página de aterrizaje empezaremos a construir otras 3 o 4 subpáginas (contacto, nosotros, blog, imágenes).
Presencial
12.0
Creacion de primera app con Figma
Crearemos nuestra primera mesa de trabajo para empezar a diseñar nuestra primera app en Figma
Presencial
13.0
Uso de la herramienta prototipo en Figma
Empezaremos a usar la función prototipo en Figma, haciendo que todos los elementos de nuestro proyecto web y nuestra app tengan interacción entre ellos y el usuario pueda moverse con total libertad como si el proyecto ya estuviera en el mercado.
Presencial
14.0
Trucos para mejorar los proyectos en Figma.
Aprenderemos algunos trucos fáciles que podremos usar para mejorar nuestros proyectos web y móviles.
Presencial
15.0
Plugin lorem ipsum para Figma
Instalaremos el plugin lorem ipsum para ahorrar trabajo con la herramienta texto en nuestros proyectos.
Presencial
16.0
Exportar proyecto y pruebas de usuario
Veremos las funciones que tiene la herramienta exportar, guardaremos nuestro proyecto y podremos mostrarlo a unos usuarios para que prueben nuestra página web o app y mejorar aún más el proyecto final.
Presencial
17.0
Recomendaciones finales
Daremos el ultimo vistazo a nuestros proyectos con la herramienta prueba de usuario antes de la presentación final.
Presencial
18.0
Parcial
Revisión final realizando una prueba de usuario de la página web y la app.
