Diseño de aplicaciones móviles en Figma con implementación de UX/UI

Sin categoría
Lista de deseos Compartir

Acerca de este curso

Objetivo: Instruir a los participantes en los fundamentos metodológicos de la Experiencia de Usuario (UX) y el Diseño de Interfaz (UI) enfocados específicamente en entornos móviles, utilizando Figma como herramienta central para conceptualizar, estructurar y validar soluciones digitales intuitivas que faciliten el acceso del ciudadano a los servicios del Estado.

Contenido del curso

Módulo 1. Arquitectura de Información Compleja, Taxonomías Móviles y Maquetación en FigJam
Objetivo: Diseñar las estructuras de taxonomías no lineales y priorización de contenido adaptativo de alta densidad para optimizar la carga cognitiva en interfaces móviles. ● Arquitectura de Información (AI) No Lineal en Entornos de Alta Densidad ● Taxonomías Móviles y Priorización de Contenido On-the-Go ● Gestión Visual de Layouts y Contenidos Dinámicos ● Modelado Tecnológico e Implementación Profesional en FigJam

Módulo 2. Flujos de Interfaz Avanzados y Patrones de Navegación Móvil
Objetivo: Diseñar matrices completas de pantallas que resuelvan flujos no lineales, de contingencia y errores, aplicando patrones de navegación modernos adaptados a ecosistemas corporativos tradicionales. ● Diseño Visual de Flujos de Usuario No Lineales y Bifurcaciones ● Mapeo de Casos de Borde (Edge Cases) y Estados de Error Críticos ● Diseño de Estados Vacíos y Mecanismos de Recuperación ● Patrones de Navegación Avanzados y Estructuras de Pestañas Efímeras ● UX Móvil sobre Sistemas Corporativos Rígidos (SAP)

Módulo 3. Jerarquía Visual, Tipografía Avanzada y Escalabilidad
Objetivo: Estructurar escalas tipográficas responsivas y sistemas de jerarquía visual para asegurar la legibilidad en dispositivos móviles con diversas densidades de píxeles y tecnologías de hardware. ● Control de la Carga Cognitiva y Peso Visual ● Sistemas Tipográficos Adaptativos en Alta Densidad ● Anatomía de Línea y Legibilidad Móvil ● Jerarquía en Componentes de Alta Densidad Informativa

Módulo 4. Ingeniería del Color, Modos Dinámicos e Iconografía Móvil
Objetivo: Construir e implementar arquitecturas semánticas de color mediante variables avanzadas en Figma para automatizar la transición nativa entre Modo Claro y Modo Oscuro bajo estándares de consistencia corporativa. ● Arquitectura y Semántica del Color en Interfaces de Usuario ● Configuración Avanzada de Colecciones y Modos en las Variables de Figma ● Diseño de Sistemas Iconográficos ● Administración de Componentes Vectoriales Avanzado

Módulo 5. Diseño Accesible (WCAG) y Patrones de Interfaz para Nuevas Tecnologías (iA)
Objetivo: Integrar criterios de accesibilidad WCAG específicos para smartphones y aplicar nuevos patrones de diseño visual híbrido requeridos para las interacciones con Inteligencia Artificial. ● Accesibilidad Móvil (WCAG aplicada a UI) ● Accesibilidad Cognitiva ● Nuevos Patrones de Interfaz Híbrida para Inteligencia Artificial (IA)

Módulo 6. Ecosistemas Multiplataforma Nativos: Android (Material Design 3), iOS (Human Interface Guidelines), SAP Fiori Mobile
Objetivo: Analizar a fondo los principios de diseño, la anatomía de componentes atómicos y las restricciones individuales de Material Design 3, iOS HIG y SAP Fiori Mobile. ● Android (Material Design 3): Filosofía y Reglas de Bloques Nativos ● iOS (Human Interface Guidelines): El Estándar y Patrones de Interfaz de Apple ● SAP Fiori Mobile: El Ecosistema Corporativo y de Alta Densidad

Módulo 7. Consistencia Multiplataforma y Equivalencias Técnicas
Objetivo: Estructurar matrices de equivalencia funcional entre Android, iOS y SAP, aplicando metodologías avanzadas de consistencia de marca para adaptar flujos sin violar las guías de cada ecosistema. ● Matriz de Equivalencias Funcionales entre Ecosistemas ● Ingeniería de Marcas e Identidad sobre Ecosistemas Rígidos ● Diseño de Flujos Espejo y Patrones de Comportamiento Cruzado

Módulo 8. Diseño Responsio y Adaptable Avanzado para Dispositivos Móviles
Objetivo: Entender la modularidad y elasticidad en Figma mediante límites dimensionales y anidamiento avanzado para diseñar pantallas móviles completas que se auto-adapten a cualquier dispositivo. ● Adaptación de Interfaces a la Fragmentación Real de Pantallas Móviles ● Estrategias Arquitectónicas de Adaptación Visual ● Uso de Layout Grids Dinámicos Específicos para Smartphones ● Sistemas de Espaciado Estricto de 8pt / 4pt aplicado a Viewports Móviles ● Consistencia Visual en Entornos Restringidos y Manejo del Safe Area

Módulo 9. Laboratorio de Consultoría UX/UI y Revisión de Diseños Móviles
Objetivo: Mentoría uno a uno para revisar las pantallas, flujos e interacciones de las aplicaciones móviles que el equipo tiene en desarrollo actualmente.

Valoraciones y reseñas de estudiantes

Aún no hay reseñas.
Aún no hay reseñas.