Online con clases en directo

Curso UX Engineer/UI Developer

12 semanas (80h.)

7 horas semanales | Lunes y miércoles 19:00 a 21:00h. | Sábado 10:00 a 13:00h. | Clases en directo

Información académica

¿Por qué estudiar este curso?
  • Este curso está diseñado para formar a UX Engineers. El programa se divide en dos partes principales: diseño de interfaz de usuario (UI) y desarrollo front-end. En la primera mitad del curso, te sumergirás en los principios fundamentales del diseño de UI, desde la creación de wireframes hasta el prototipado y las pruebas de usuario. La segunda mitad del curso se centra en el desarrollo front-end, donde aprenderás a implementar tus diseños utilizando tecnologías modernas como HTML, CSS, y JavaScript, así como frameworks populares como React. Además, explorarás herramientas avanzadas como Storybook para documentar y compartir componentes de UI de manera efectiva.
  • Dominio de herramientas y tecnologías: Estos cursos suelen enseñar el uso de herramientas y tecnologías específicas que son fundamentales para el trabajo de un UX Engineer, como software de diseño de prototipos, herramientas de prueba de usabilidad, software de diseño de interfaces, y más. A través del curso, podrás dominar estas herramientas técnicas para llevar a cabo tu trabajo de manera efectiva.
  • Desarrollo de habilidades de codificación: Un UX Engineer a menudo trabaja en la implementación de diseños de interfaz de usuario. Por lo tanto, estos cursos pueden enseñarte habilidades de codificación relevantes, como HTML, CSS y JavaScript, para que puedas traducir los diseños de UX en interfaces de usuario funcionales y atractivas.
  • Integración con sistemas y plataformas: Aprenderás a integrar tus diseños de UX con sistemas y plataformas existentes. Esto puede incluir la comprensión de API, la adaptación de diseños para dispositivos móviles y la colaboración con equipos de desarrollo para asegurarte de que la experiencia del usuario sea coherente en diferentes plataformas.
  • Optimización de rendimiento: Los cursos de UX Engineering a menudo se centran en la optimización del rendimiento de las interfaces de usuario. Aprenderás a identificar y resolver problemas de rendimiento que pueden afectar la experiencia del usuario, como la carga lenta de páginas web o la falta de capacidad de respuesta de una aplicación.
  • Para diseñadores de UX/UI, desarrolladores front-end, líderes de equipo y cualquier profesional interesado en la intersección entre diseño y desarrollo. Conocimientos básicos de diseño y desarrollo web son recomendables pero no obligatorios.
Objetivos
  • Dominar las técnicas y herramientas de diseño de UI y UX.
  • Aprender a implementar interfaces de usuario utilizando tecnologías y frameworks modernos.
  • Creación y gestión de Sistemas de Diseño.
  • Familiarizarse con herramientas de documentación y colaboración como Storybook.
  • Desarrollar habilidades para facilitar la colaboración efectiva entre equipos de diseño y desarrollo.
Competencias profesionales

Al completar el curso de UX Engineer, los estudiantes serán capaces de diseñar interfaces de usuario basadas en investigaciones y pruebas de usabilidad. Dominarán tecnologías front-end como HTML, CSS y JavaScript para implementar diseños de alta fidelidad. También aprenderán a utilizar herramientas de versionado como Git y a colaborar en entornos Agile, asegurando que las soluciones de diseño se integren de manera efectiva en el ciclo de desarrollo del producto.

Metodología
  • Clases en directo
  • Ejercicios prácticos
  • Estudios de caso y un proyecto final que integra un proceso completo
  • Proyecto final que abarque todos los aspectos del curso y evaluaciones semanales para medir el progreso

Prework

Presentación del plan de estudios, de herramientas de trabajo, funcionamiento del programa y presentación del grupo.

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.

* El programa académico puede estar sujeto a cambios en función de la diferente variedad en la demanda de skills dominantes del mercado. Nuestro objetivo es tu empleabilidad.

Nos rodeamos de los mejores

Raúl Marín

Raúl Marín

UX/UI Design Area Director

Alejandro González

Alejandro González

Freelance Software Engineer

Lorena Ramos Pérez

Lorena Ramos Pérez

UX Accesibility Design Lead

Suscríbete a nuestra newsletter
menuchevron-down