SEMANA 1 — Introducción al Diseño UX/UI

Clase 1: Fundamentos de UX y UI
- Qué es UX y qué es UI: diferencias y conexión.
- Etapas del proceso de diseño centrado en el usuario.
- Principios de usabilidad y accesibilidad.
Actividad: Análisis comparativo de apps (identificar buenas y malas experiencias).

Clase 2: El proceso de diseño centrado en el usuario
- Design Thinking y Human-Centered Design.
- Ejemplo de caso real: desde la investigación hasta el prototipo.
Actividad: creación de un mapa de proceso UX/UI.

SEMANA 2 — Investigación UX

Clase 3: Métodos de investigación UX
- Técnicas cualitativas y cuantitativas.
- Entrevistas, encuestas y observación.
Actividad: diseñar un formulario de encuesta UX.

Clase 4: Análisis de resultados
- Cómo sintetizar la información del usuario.
- Creación de personas y mapas de empatía.
Actividad: Definir 2 perfiles de usuario y sus necesidades.

SEMANA 3 — Arquitectura de información y flujos

Clase 5: Definición del problema y objetivos
- Jerarquía de contenidos, navegación y user flows.
Actividad: Crear un flujo principal de navegación.

Clase 6: Wireframes de baja y media fidelidad
- Concepto, estructura y jerarquía visual.
- Diseño rápido en papel o digital.
- Grillas, espaciados, tipografía base.
- Navegación básica entre pantallas.
Actividad: Wireframes iniciales de 3 pantallas clave.

SEMANA 4 — Fundamentos visuales del sistema de diseño

Clase 7: Fundamentos visuales de UI
- Principios de color, tipografía, contraste y espaciado.
- Construcción de estilos globales en Figma.
- Creación de bibliotecas compartidas.
Actividad: Definir paleta de colores, tipografía base y escala de espaciados.

Clase 8: Componentes y estructura del sistema de diseño
- Creación de botones, inputs, cards y componentes reutilizables.
- Uso de Auto Layout, estilos y variantes.
- Organización de un UI Kit profesional.
Actividad: Construir un mini sistema de diseño en Figma con componentes y estilos conectados.

SEMANA 5 — Diseño de Interfaz y Prototipado

Clase 9: Diseño de pantallas e interfaz
- Aplicación del sistema de diseño a las pantallas del proyecto.
- Consistencia visual, jerarquía y coherencia entre vistas.
Actividad: Diseño de pantallas principales en Figma.

Clase 10: Prototipado interactivo
- Conexión de pantallas, transiciones y microinteracciones.
Actividad: Crear un flujo funcional completo.

SEMANA 6 — Validación y Presentación Final

Clase 11: Pruebas de usabilidad
- Planificación y ejecución de pruebas.
- Observación y análisis de resultados.
Actividad: Testear el prototipo con usuarios o compañeros.

Clase 12: Presentación y feedback
- Cada estudiante presentará su proyecto completo, que puede ser una aplicación móvil o un sitio web, integrando todas las etapas del curso:
1. Investigación y análisis de usuarios.
2. Arquitectura de información y flujos.
3. Wireframes y prototipo visual.
4. Sistema de diseño (UI Kit).
5. Prototipo interactivo validado mediante pruebas de usabilidad.
- Retroalimentación grupal e individual.