Curso de diseño UX/UI

Lección 1 • Principios fundamentales del buen diseño

Cubre la usabilidad, la accesibilidad, la coherencia y el feedback como principios fundamentales. Los estudiantes los aplican como criterios de evaluación en todos los trabajos posteriores.

Lección 2 • Comprender UI vs. UX

Define UI como la capa de interfaz visual y UX como el recorrido completo del usuario. Establece el vocabulario utilizado a lo largo del curso.

Lección 3 • Visión general del proceso de diseño

Traza el flujo de trabajo de diseño de extremo a extremo, desde el descubrimiento hasta la entrega. Proporciona una hoja de ruta que los estudiantes siguen en todos los capítulos principales.

Lección 1 • Métodos de investigación cuantitativa

Introduce encuestas, revisión de analíticas e interpretación de datos de comportamiento. Equilibra los hallazgos cualitativos con evidencia medible.

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

Enseña a definir objetivos de investigación, seleccionar métodos y reclutar participantes. Alinea el alcance de la investigación con las limitaciones del proyecto.

Lección 3 • Síntesis de investigación en ideas

Transforma datos brutos en mapas de afinidad, personas y mapas de recorrido. Los resultados alimentan directamente la ideación y la arquitectura de la información.

Lección 1 • Patrones de navegación y menús

Cubre patrones de navegación global, local y contextual para web y móvil. Los estudiantes seleccionan patrones basándose en el volumen de contenido y el contexto del usuario.

Lección 2 • Card sorting y tree testing

Enseña card sorting abierto y cerrado para validar agrupaciones de categorías. El tree testing verifica la navegación antes de que comience el diseño visual.

Lección 3 • Principios de arquitectura de la información

Explica la organización, el etiquetado, la navegación y la búsqueda como pilares de la AI. Conecta las decisiones de AI con los modelos mentales de usuario de la investigación.

Lección 1 • Flujos de usuario y mapeo de tareas

Define los flujos de usuario como rutas paso a paso a través de las tareas antes de dibujar las pantallas. Asegura que los wireframes aborden los objetivos reales del usuario identificados en la investigación.

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

Introduce el bocetado rápido, Crazy Eights y métodos de miniaturas para una ideación rápida. Fomenta la cantidad sobre la calidad para mostrar diversas opciones de maquetación.

Lección 3 • Vinculación de prototipos de baja fidelidad

Conecta pantallas de wireframe en prototipos cliqueables para pruebas de usabilidad tempranas. Valida la navegación y los flujos de tareas antes de la inversión en diseño visual.

Lección 1 • Jerarquía visual y énfasis

Guía el uso de tamaño, peso, contraste y posición para dirigir la atención del usuario. Los estudiantes aplican la jerarquía para asegurar que las acciones críticas sean inmediatamente visibles.

Lección 2 • Maquetación, retículas y espaciado

Explica las retículas de columnas, las retículas de línea base y los tokens de espaciado para maquetaciones coherentes. Conecta las decisiones de maquetación con el ritmo visual y la jerarquía de contenidos.

Lección 3 • Teoría del color y sistemas de color para UI

Enseña psicología del color, relaciones de contraste y construcción de una paleta de colores para UI. Los estudiantes crean sistemas de color accesibles que cumplen con los estándares de contraste.

Lección 4 • Tipografía en el diseño de interfaces

Cubre la selección de tipografías, la escala tipográfica, la altura de línea y la legibilidad lectora para pantallas. Las decisiones tipográficas afectan directamente a la usabilidad y la percepción de marca.

Lección 1 • Documentación y mantenimiento de sistemas

Guía la redacción de directrices de uso, ejemplos de hacer/no hacer y versionado para componentes. La documentación permite a los equipos adoptar el sistema sin intervención del diseñador.

Lección 2 • Anatomía de un sistema de diseño

Define los tokens de diseño, componentes, patrones y documentación como capas del sistema. Establece por qué los sistemas reducen la incoherencia y aceleran la producción.

Lección 3 • Componentes responsivos y adaptativos

Cubre cómo los componentes se adaptan a diferentes tamaños de pantalla utilizando auto-layout y restricciones. Asegura que el sistema funcione en contextos móviles, tabletas y escritorio.

Lección 1 • Construcción de prototipos de alta fidelidad

Aplica componentes del sistema de diseño para crear prototipos interactivos precisos a nivel de píxel. Los prototipos replican el comportamiento real de la aplicación para pruebas de usabilidad creíbles.

Lección 2 • Prueba y refinamiento de prototipos

Guía la prueba estructurada de prototipos de alta fidelidad para identificar fallos de interacción. Los ciclos de refinamiento cierran la brecha entre el prototipo y el producto final.

Lección 3 • Microinteracciones y animación

Enseña bucles de disparador-feedback, curvas de easing y directrices de duración para animación de UI. Los estudiantes diseñan animaciones que guían la atención sin causar distracción.

Lección 4 • Diseño de interacción por gestos y toque

Cubre patrones de deslizamiento, pellizco, toque y pulsación larga para interfaces móviles y táctiles. Los estudiantes diseñan flujos basados en gestos que se sienten naturales y descubribles.

Lección 1 • Fundamentos de las pruebas de usabilidad

Define las pruebas moderadas vs. no moderadas y cuándo aplicar cada método. Establece la prueba como una actividad continua, no una verificación en la etapa final.

Lección 2 • Redacción de planes de prueba y tareas

Enseña a redactar tareas basadas en escenarios que revelen problemas de usabilidad reales. Las tareas bien redactadas evitan dirigir a los participantes y producen datos válidos.

Lección 3 • Análisis y reporte de hallazgos

Transforma los datos de la sesión en problemas calificados por gravedad y recomendaciones priorizadas. Los informes comunican los hallazgos a las partes interesadas que no estuvieron presentes.

Lección 4 • Facilitación de sesiones de usabilidad

Cubre técnicas de moderador para mantener las sesiones neutrales y productivas. Los estudiantes practican la observación, la toma de notas y el sondeo sin sesgo.