Curso de diseño UI/UX

Lección 1 • Mentalidad de diseño centrado en el ser humano

Enmarca el diseño como un proceso de resolución de problemas centrado en las necesidades humanas. Establece la empatía como la base de cada decisión de diseño que se toma después.

Lección 2 • Principios de diseño fundamentales

Introduce los principios visuales y de interacción que rigen las interfaces efectivas. Los estudiantes aplican estos principios para evaluar productos existentes de forma crítica.

Lección 3 • Panorama del proceso de diseño

Mapea el flujo de trabajo de diseño completo, desde el descubrimiento hasta la entrega. Proporciona un modelo mental que los estudiantes revisitarán durante todo el curso.

Lección 1 • Sintetizar la investigación en insights

Transforma datos sin procesar en patrones, temas e insights de diseño accionables. Los estudiantes usan mapeo de afinidad y análisis temático para organizar los hallazgos.

Lección 2 • Planificación y estrategia de investigación

Aborda cómo dimensionar un proyecto de investigación y seleccionar los métodos apropiados. Conecta los objetivos de investigación con los objetivos de negocio y las preguntas de diseño.

Lección 3 • Encuestas e investigación contextual

Introduce el diseño de encuestas y la observación de campo como herramientas de investigación complementarias. Los estudiantes aprenden cuándo cada método produce los datos más fiables.

Lección 4 • Realizar entrevistas con usuarios

Enseña técnicas de entrevista estructuradas y semiestructuradas para descubrir las motivaciones de los usuarios. Los estudiantes practican la escucha activa y las preguntas neutrales.

Lección 1 • Patrones y modelos de navegación

Releva patrones de navegación comunes en contextos web y mobile. Los estudiantes seleccionan y justifican patrones según el volumen de contenido y los modelos mentales de los usuarios.

Lección 2 • Card sorting y tree testing

Enseña métodos participativos para validar agrupaciones de contenido con usuarios reales. Los resultados informan directamente la estructura del sitemap y las decisiones de etiquetado de menús.

Lección 3 • Sitemaps y jerarquías de contenido

Guía a los estudiantes en la creación de sitemaps visuales que mapean todas las pantallas y relaciones del producto. Establece una referencia compartida para los equipos de diseño y desarrollo.

Lección 1 • Técnicas de bocetado e ideación

Introduce el bocetado rápido como la forma más veloz de externalizar y comparar ideas de diseño. Los estudiantes practican la ideación centrada en la cantidad antes de converger en soluciones.

Lección 2 • Anatomía y componentes del wireframe

Desglosa los elementos estructurales comunes a todos los wireframes en todas las plataformas. Los estudiantes aprenden a representar contenido, jerarquía e interacción sin estilo visual.

Lección 3 • Prototipado de baja fidelidad y vinculación

Conecta pantallas de wireframe en prototipos clickeables para testeo de usabilidad temprano. Los estudiantes aprenden a simular flujos de usuario sin diseño visual de alta fidelidad.

Lección 4 • Wireframing para web y mobile

Aplica los principios de wireframing a contextos web responsivos y mobile nativos. Los estudiantes producen layouts apropiados para la plataforma que respetan las restricciones del dispositivo.

Lección 1 • Espaciado, layout y sistemas de grillas

Introduce tokens de espaciado, grillas de layout y reglas de alineación para una composición de UI coherente. Los estudiantes aplican la lógica de grilla de 8 puntos para producir layouts estructurados y escalables.

Lección 2 • Diseño de pantallas de alta fidelidad

Integra todos los elementos de diseño visual en composiciones de pantalla pulidas y listas para producción. Los estudiantes aplican jerarquía visual para guiar la atención del usuario y apoyar la finalización de tareas.

Lección 3 • Iconografía e imaginería

Cubre los principios de diseño de íconos, estilos de ilustración y uso de imágenes en contextos de UI. Los estudiantes seleccionan y aplican assets visuales que refuerzan el significado sin agregar ruido.

Lección 4 • Tipografía en interfaces digitales

Enseña la selección de tipos, escala y jerarquía para contextos de lectura en pantalla. Los estudiantes crean sistemas tipográficos que mejoran la legibilidad y el ritmo visual.

Lección 1 • Construir componentes de UI fundamentales

Guía a los estudiantes en la creación de componentes fundacionales como botones, inputs y cards. Cada componente se construye con variantes, estados y accesibilidad en mente.

Lección 2 • Tokens, variables y tematización

Introduce los design tokens como la capa conectiva entre el diseño y el código. Los estudiantes crean estructuras de tokens que soportan la tematización y la escalabilidad multi-marca.

Lección 3 • Mantener y escalar sistemas de diseño

Aborda los desafíos operativos de mantener un sistema de diseño actualizado a medida que los productos evolucionan. Los estudiantes aprenden modelos de contribución y estrategias de deprecación para la salud a largo plazo.

Lección 4 • Introducción a los sistemas de diseño

Define los sistemas de diseño como fuentes únicas de verdad para equipos de producto. Los estudiantes comprenden el valor de negocio de la coherencia y la reducción de la deuda de diseño.

Lección 1 • Diseñar para el tacto y los gestos

Aborda los desafíos de interacción únicos de los dispositivos táctiles y las interfaces gestuales. Los estudiantes diseñan vocabularios de gestos que se sienten naturales y descubribles.

Lección 2 • Microinteracciones y animación

Cubre el diseño de animaciones pequeñas y con propósito que guían la atención y confirman acciones. Los estudiantes distinguen la animación decorativa del diseño de movimiento funcional.

Lección 3 • Técnicas de prototipado de alta fidelidad

Se basa en el prototipado con wireframes para crear simulaciones interactivas realistas del producto final. Los estudiantes usan funciones avanzadas de prototipado para replicar flujos de interacción reales.

Lección 4 • Prototipado para la comunicación con stakeholders

Enseña a adaptar la fidelidad y el alcance del prototipo a diferentes audiencias de stakeholders. Los estudiantes aprenden a usar prototipos como herramientas de persuasión y alineación en revisiones de diseño.

Lección 1 • Facilitar sesiones de usabilidad

Desarrolla habilidades de facilitación para dirigir sesiones de usabilidad en vivo sin influir en el comportamiento. Los estudiantes practican cómo mantenerse neutrales mientras indagan para una comprensión más profunda.

Lección 2 • Planificar y redactar guiones de testeo

Guía a los estudiantes en la creación de planes de testeo estructurados y guiones basados en tareas. Las tareas bien redactadas revelan problemas de usabilidad genuinos sin dirigir a los participantes.

Lección 3 • Iterar y validar cambios de diseño

Cierra el ciclo de diseño traduciendo los hallazgos de usabilidad en revisiones de diseño específicas. Los estudiantes validan los cambios mediante testeos de seguimiento y métodos de comparación A/B.

Lección 4 • Analizar y reportar hallazgos

Convierte las observaciones de sesiones sin procesar en hallazgos de usabilidad estructurados y calificaciones de severidad. Los estudiantes producen reportes accionables que priorizan los problemas por impacto en el usuario.