Curso de diseño UX/UI

Lección 1 • Principios básicos del buen diseño

Cubre la usabilidad, la accesibilidad, la consistencia y la retroalimentación 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 la UI como la capa visual de la interfaz y la UX como el recorrido completo del usuario. Establece el vocabulario que se utiliza 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 principio a fin, 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 las encuestas, la revisión de analíticas y la 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 cómo definir los 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 la investigación en conocimientos

Transforma los datos brutos en mapas de afinidad, perfiles de usuario y mapas del recorrido del usuario. 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 los patrones de navegación global, local y contextual para web y dispositivos móviles. Los estudiantes seleccionan patrones según el volumen de contenido y el contexto del usuario.

Lección 2 • Clasificación de tarjetas y pruebas de árbol

Enseña la clasificación de tarjetas abierta y cerrada para validar las agrupaciones de categorías. Las pruebas de árbol verifican la navegación antes de que comience el diseño visual.

Lección 3 • Principios de la 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 del usuario derivados 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 que se dibujen 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 que surjan diversas opciones de maquetación.

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

Conecta las pantallas del wireframe en prototipos interactivos para pruebas tempranas de usabilidad. Valida la navegación y los flujos de tareas antes de invertir en el diseño visual.

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

Guía el uso del tamaño, el peso visual, el contraste y la 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 consistentes. Conecta las decisiones de maquetación con el ritmo visual y la jerarquía de contenido.

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

Enseña la psicología del color, las relaciones de contraste y la 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 tipográfica, la escala tipográfica, el interlineado y la legibilidad para pantallas. Las decisiones tipográficas afectan directamente la usabilidad y la percepción de la marca.

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

Guía la redacción de pautas de uso, ejemplos de lo que se debe y no se debe hacer, y el versionado de componentes. La documentación permite a los equipos adoptar el sistema sin la 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 inconsistencia 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 usando auto-layout y restricciones. Asegura que el sistema funcione en contextos móviles, de tablet y de 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 las pruebas estructuradas 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 los bucles de activación-retroalimentación, las curvas de aceleración y las pautas de duración para la 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 gestual y táctil

Cubre los 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 detectables.

Lección 1 • Fundamentos de las pruebas de usabilidad

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

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

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

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

Transforma los datos de la sesión en problemas clasificados por severidad 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 las técnicas de moderación para mantener las sesiones neutrales y productivas. Los estudiantes practican la observación, la toma de notas y el sondeo sin sesgo.