ZETRUMPERÚ Ya soy alumnoIngresar al aula Contáctanos

Ruta práctica

UI/UX para desarrolladores

Convierte necesidades de usuarios en interfaces claras, accesibles, consistentes, medibles y listas para implementar.

◉ModalidadVirtual ◷Duración51 horas ♢NivelIntermedio ✓Al finalizarCertificado incluido

Próximo acceso: Acceso inmediato · 17 módulos · modalidad virtual

Sobre el curso

Ruta profesional completa

Convierte necesidades de usuarios en interfaces claras, accesibles, consistentes, medibles y listas para implementar.

Resultado final: Diseñar e implementar interfaces centradas en necesidades reales, accesibles, consistentes y evaluables, conectando investigación, prototipos, sistemas de diseño y código.

  • 17 módulos jerárquicos y 85 clases.
  • 17 guías PDF y 17 recursos audiovisuales.
  • 17 tareas con rúbrica y 17 evaluaciones de siete preguntas.
  • 51 horas estimadas de estudio y práctica.
  • Certificado digital de finalización

Las prácticas usan casos formativos y deben adaptarse a políticas, datos, infraestructura y riesgos del entorno real antes de ponerse en producción.

ZT
Docente o mentorEquipo académico Zetrum Perú

Contenido académico

Temario del curso

51 horas · Virtual

Temario jerárquico

Módulo 1 - Experiencia de usuario y responsabilidad del desarrollador

  1. 1.1. UX, UI, producto, servicio y usabilidad
  2. 1.2. Diseño centrado en las personas y necesidades
  3. 1.3. Principios: propósito, agencia, responsabilidad y simplicidad
  4. 1.4. Trabajo entre investigación, contenido, diseño y desarrollo
  5. 1.5. Supuestos, riesgos, sesgos y ética de decisiones

Módulo 2 - Descubrimiento y definición del problema

  1. 2.1. Contexto, actores y mapa del servicio
  2. 2.2. Problemas frente a soluciones anticipadas
  3. 2.3. Resultados, señales y restricciones
  4. 2.4. Supuestos críticos y mapa de riesgos
  5. 2.5. Pregunta de diseño y criterio de éxito

Módulo 3 - Investigación con usuarios

  1. 3.1. Preguntas de investigación y elección de método
  2. 3.2. Reclutamiento, diversidad y criterios de muestra
  3. 3.3. Entrevistas, observación contextual y preguntas no inductivas
  4. 3.4. Consentimiento, privacidad y manejo de datos
  5. 3.5. Notas, grabación, sesgo del investigador y calidad

Módulo 4 - Síntesis: necesidades, tareas y recorridos

  1. 4.1. Organización de notas y codificación
  2. 4.2. Afinidad, patrones y evidencia contradictoria
  3. 4.3. Necesidades de usuario y trabajos por realizar
  4. 4.4. Escenarios, tareas y recorridos actuales
  5. 4.5. Oportunidades, priorización y trazabilidad

Módulo 5 - Arquitectura de información y navegación

  1. 5.1. Inventario y modelo de contenido
  2. 5.2. Clasificación, jerarquía y esquemas de organización
  3. 5.3. Etiquetas, lenguaje del usuario y scent de información
  4. 5.4. Navegación global, local, contextual y búsqueda
  5. 5.5. Card sorting, tree testing y validación

Módulo 6 - Flujos, estados y diseño de interacción

  1. 6.1. Tareas, casos de uso y flujo feliz
  2. 6.2. Ramas, precondiciones y reglas de negocio
  3. 6.3. Estados vacío, carga, éxito, parcial y error
  4. 6.4. Feedback, visibilidad del sistema y control
  5. 6.5. Deshacer, confirmación, prevención y recuperación

Módulo 7 - Wireframes y prototipos

  1. 7.1. Bocetos y wireframes de baja fidelidad
  2. 7.2. Prototipos de interacción y enlaces
  3. 7.3. Contenido realista, datos extremos y restricciones
  4. 7.4. Fidelidad, costo y pregunta de aprendizaje
  5. 7.5. Anotaciones, versiones y preparación de prueba

Módulo 8 - Jerarquía visual, retículas y composición

  1. 8.1. Jerarquía, contraste, escala y proximidad
  2. 8.2. Retículas, columnas, alineación y ritmo
  3. 8.3. Espaciado, densidad y blancos
  4. 8.4. Capas, elevación y delimitación
  5. 8.5. Composición adaptable y lectura izquierda-derecha o derecha-izquierda

Módulo 9 - Tipografía, color, iconografía e imagen

  1. 9.1. Familias, escala, medida, peso e interlineado
  2. 9.2. Roles de color y contraste
  3. 9.3. Estados sin depender exclusivamente del color
  4. 9.4. Iconos, etiquetas, familiaridad y ambigüedad
  5. 9.5. Imágenes, ilustración, texto alternativo y localización

Módulo 10 - Contenido de interfaz y microcopy

  1. 10.1. Voz, tono y lenguaje sencillo
  2. 10.2. Títulos, etiquetas y botones orientados a acción
  3. 10.3. Instrucciones, ayuda contextual y divulgación progresiva
  4. 10.4. Mensajes de confirmación, vacío y error
  5. 10.5. Localización, lectura, inclusión y mantenimiento

Módulo 11 - Formularios, validación y errores

  1. 11.1. Preguntar sólo lo necesario y ordenar campos
  2. 11.2. Etiquetas visibles, ayudas y ejemplos
  3. 11.3. Tipos de control y agrupación
  4. 11.4. Validación en momento apropiado y resumen de errores
  5. 11.5. Autocompletado, formatos, confirmación y guardado

Módulo 12 - Diseño responsivo, multidispositivo y multimodal

  1. 12.1. Contenido prioritario y diseño mobile-first
  2. 12.2. Patrones adaptativos y componentes fluidos
  3. 12.3. Toque, ratón, teclado, voz y tecnologías de asistencia
  4. 12.4. Tamaño de objetivo, gestos y alternativas
  5. 12.5. Continuidad entre web, móvil y escritorio

Módulo 13 - Accesibilidad: WCAG, semántica y patrones ARIA

  1. 13.1. Principios WCAG, niveles y conformidad
  2. 13.2. Estructura semántica, nombres y descripciones
  3. 13.3. Foco, orden, teclado y atajos
  4. 13.4. Contraste, zoom, reflow y preferencias
  5. 13.5. Patrones ARIA, estados, propiedades y pruebas con lector

Módulo 14 - Componentes y sistemas de diseño

  1. 14.1. Propósito, alcance y anatomía de un sistema
  2. 14.2. Inventario de interfaz y criterios de componente
  3. 14.3. Variantes, propiedades, slots y composición
  4. 14.4. Estados, interacción, contenido y accesibilidad
  5. 14.5. Documentación, contribución, versión y deprecación

Módulo 15 - Tokens, temas y puente diseño-código

  1. 15.1. Tokens base, semánticos y de componente
  2. 15.2. Color, tipografía, espacio, forma y movimiento
  3. 15.3. Nombres, alias, modos y temas
  4. 15.4. Formato intercambiable y transformación a plataformas
  5. 15.5. Control de cambios, contraste y pruebas visuales

Módulo 16 - Pruebas de usabilidad, métricas y entrega a desarrollo

  1. 16.1. Plan, tareas, participantes y moderación
  2. 16.2. Observación, éxito, tiempo, errores y confianza
  3. 16.3. Severidad, patrones y recomendaciones
  4. 16.4. Especificación de estados, contenido, datos y accesibilidad
  5. 16.5. Revisión en navegador, analítica responsable y seguimiento

Módulo 17 - Proyecto integral UI/UX para desarrolladores

  1. 17.1. Alcance, resultado y plan de evidencia
  2. 17.2. Investigación, síntesis y arquitectura
  3. 17.3. Flujos, contenido y prototipo
  4. 17.4. Componentes, tokens e implementación
  5. 17.5. Pruebas, auditoría, métricas y retrospectiva

Empieza tu próxima habilidad

Aprende con una ruta clara y práctica

Completa tu matrícula y recibe acceso al aula después de validar el pago.

Inscribirme al curso →