Plan de estudios
Módulo 1: Rol del UX Engineer/UI Developer
- Explicación del Rol: Diferencias y sinergias con UI/UX Designers.
- Research para UI: benchmarking y testing.
- Trends en Diseño: Cómo identificar y aplicar tendencias actuales.
- Mobile First vs Desktop First: Estrategias de diseño responsive.
Módulo 2: Fundamentos de diseño UI
- Color: Importancia y aplicación en UI.
- Tipografía: Selección, combinación y uso efectivo.
- Grids y Layouts: Principios de composición y estructura.
- Iconos e Imágenes: Selección y optimización para interfaces.
Módulo 3: Herramientas y Técnicas Avanzadas
- Flexbox vs CSS Grid: Uso práctico en proyectos reales.
- Design Systems 101: Creación y mantenimiento.
- Figma y Handoff: Eficiencia en la transferencia de diseños a desarrollo.
- Patrones Nativos iOS, Android vs Web: Diferencias y mejores prácticas.
Módulo 4: Design Patterns & Best Practices
- Navegación y Menús: Diseño eficiente y accesible.
- Controles de Entrada de Texto: Mejoras en la UX.
- Controles de Selección: Uso y aplicaciones.
- Errores, Búsqueda y Filtros: Diseño para mejorar la experiencia.
- Listas y Tablas: Visualización de datos.
Módulo 5: Especialización en SaaS UX Design
- Principios de Diseño SaaS: Enfoque en usabilidad y conversión.
Módulo 6: Herramientas y Plataformas No Code para Diseñadores:
Introducción a herramientas No Code que facilitan la integración de APIs sin necesidad de escribir código, potenciando la capacidad de los diseñadores para crear prototipos y productos finales.
Módulo 7: Desarrollo Front-end
- CSS Grid y Flexbox: Aprendizaje profundo sobre técnicas de posicionamiento y layout para diseño responsivo.
- Tailwind CSS: Introducción al framework de CSS para un desarrollo más rápido y eficiente.
Módulo 8: Fundamentos de Programación para Diseñadores
- Introducción al DOM: Cómo JavaScript interactúa con la estructura HTML para crear sitios dinámicos.
- Gestión de APIs: Uso de APIs para enriquecer las interfaces con datos dinámicos y externos.
Módulo 9: Control de Versiones y colaboración
- Git y GitHub: Fundamentos y práctica para el control de versiones y trabajo colaborativo en proyectos de diseño y desarrollo.
Módulo 10: Introducción a la accesibilidad
- Fundamentos de diseño accesible.
- Desarrollo accesible: Implementar prácticas de codificación que mejoren la accesibilidad, como el uso de HTML semántico.
- Directrices WCAG.
- Roles ARIA (Accessible Rich Internet Applications).
Módulo Extra: Creación de Portafolio: Presentación efectiva de proyectos.