Diseño de interfaces: criterio y sistemas
Hay una diferencia notable entre diseñar pantallas que se ven bien y construir interfaces que funcionan dentro de un producto con decenas de componentes y varios equipos trabajando en paralelo. Este programa aborda ese salto.
El problema que resuelve
Muchos diseñadores con experiencia siguen trabajando de forma artesanal: cada proyecto desde cero, sin documentación reutilizable, sin criterios compartidos con desarrollo. Eso crea fricciones que ralentizan los equipos y generan inconsistencias visibles en el producto final.
El programa dedica 4 semanas a construir un sistema de diseño funcional desde cero, con tokens, componentes documentados y variantes gestionadas correctamente en Figma.
Decisiones de UI con base técnica
Revisamos patrones de interacción con datos reales: cuándo un menú desplegable tiene más sentido que un conjunto de botones, cómo afecta el tamaño de los elementos táctiles a la tasa de error en móvil, qué dice la investigación sobre la carga cognitiva en formularios de más de 6 campos.
No es teoría abstracta. Cada decisión se justifica con evidencia o con convenciones de plataforma documentadas por Apple y Google.
Trabajo con código mínimo
No es un curso de desarrollo, pero sí trabajamos con propiedades CSS básicas que afectan directamente al diseño: flexbox, espaciado relativo y variables de diseño. Entender esto cambia la conversación con el equipo de front.
Formato
6 sesiones en directo de 90 minutos, revisiones asíncronas de proyectos y acceso a un canal privado con los tutores durante toda la duración del programa.
Programa del curso
Contenido por módulos
- Módulo 1: Auditoría de interfaces existentes. Criterios de evaluación y metodología de análisis.
- Módulo 2: Fundamentos de sistemas de diseño. Tokens, primitivos y decisiones de nomenclatura.
- Módulo 3: Construcción de componentes en Figma. Variantes, propiedades y auto layout avanzado.
- Módulo 4: Documentación para equipos. Cómo escribir especificaciones que los desarrolladores realmente usan.
- Módulo 5: Patrones de interacción con base en investigación. Formularios, navegación y estados de error.
- Módulo 6: Proyecto integrador. Sistema de diseño completo para un caso de producto definido por el alumno.
Requisitos técnicos
Figma con plan profesional o educativo. Conocimiento previo de auto layout básico. Se recomienda haber trabajado en al menos 2 proyectos de producto digital.
El programa está diseñado para avanzar de forma gradual, combinando teoría aplicada con ejercicios prácticos en cada etapa. Cada módulo construye sobre el anterior, lo que permite consolidar conocimientos sin saltos abruptos.
Las sesiones en directo se realizan en grupos de no más de 18 participantes, lo que facilita la interacción directa con el instructor y el intercambio entre compañeros de distintos países.