Máster en Usabilidad y Experiencia de Usuario (UX/UI)

MÓDULO 1. USABILIDAD
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN
Introducción
La usabilidad
Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
Atributos
Complejidad e importancia de la usabilidad
Pirámide de prioridades de la usabilidad
Mejoras de la usabilidad al producto final
Procesos y herramientas

UNIDAD DIDÁCTICA 2. EXPERIENCIA DE USUARIO -UX
Definición de Experiencia de Usuario
Principios de la Experiencia de Usuario
El papel del diseñador UX en el proceso de creación
Etapas del diseño UX
Técnicas para el diseño UX
Herramientas UX

UNIDAD DIDÁCTICA 3. DISEÑO CENTRADO EN EL USUARIO
¿Qué es el Diseño Centrado en el Usuario?
¿Para que sirve el Diseño Centrado en el Usuario?
Las metodologías del Diseño Centrado en el Usuario
El marketing centrado en el usuario
Aplicación del Diseño Centrado en el Usuario
Ejemplos del Diseño Centrado en el Usuario

UNIDAD DIDÁCTICA 4. FORMAS DE ENFOCAR LA USABILIDAD
Introducción
Un proceso multidisciplinar
La usabilidad aplicada
El ciclo diseño-investigación

UNIDAD DIDÁCTICA 5. INTERFAZ DE USUARIO -UI
Definición de Interfaz de Usuario - UI
Elementos de la interfaz de Usuario
Optimización de las interfaces de Usuario
Herramientas para el diseño UI
Diseño basado en las percepciones
Fundamentos del diseño de interacción
Moodboards
Qué es el IxD

MÓDULO 2. DISEÑO WEB Y USABILIDAD
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL DISEÑO WEB
Breve historia del diseño
Comunicación y publicidad
Teoría de la percepción
Elementos básicos que intervienen en el diseño
La composición
Fases del diseño
Diseño digital

UNIDAD DIDÁCTICA 2. ELEMENTOS BÁSICOS PARA EL DISEÑO WEB
Tipografía
Color
Iconos
Formas
Imágenes
Contenido audiovisual
Efectos (sombras, D, flat y otros)

UNIDAD DIDÁCTICA 3. LAYOUT
¿Qué es el Layout?
Rejilla
Composición
Elementos
Espacios vacíos
Coherencia y consistencia

UNIDAD DIDÁCTICA 4. PROCESO
Introducción al proceso de diseño web
Aproximación e Investigación inicial
Idear
Bocetos
Arquitectura de la información
Card Storing
User flow o diagrama de flujo de usuario
Wireframing
Prototipado
Planificación

UNIDAD DIDÁCTICA 5. DIRECTRICES Y TENDENCIAS DIGITALES
Guías de estilo
Ventajas y Desventajas
Apple IOS Human Interface Guidelines
Google Material Design
Tendencias digitales
Tendencias del diseño UX/UI

UNIDAD DIDÁCTICA 6. DISEÑO EN DISPOSITIVOS
Patrones de diseño y navegación
Especificaciones para móviles
Sitios, sitios par amóviles y apps
Diseñar para pantallas pequeñas
Eltimpo de respuesta y carga
Tablets y E-Readers

UNIDAD DIDÁCTICA 7. LENGUAJE HTML
Textos en HTML
Enlaces
Listas en HTML
Imágenes y Objetos
Tablas
Formularios
Marcos
Estructuras y layout
Otras etiquetas

UNIDAD DIDÁCTICA 8. WIREFRAMES Y PROTOTIPOS
¿Qué son los wireframes?
Objetivos del wireframe
Relación con la UI
Clasificación de los wireframes
Arquitectura de la información
Wireframe para una app

MÓDULO 3. IMPLEMENTACIÓN Y OPTIMIZACIÓN. USABILIDAD EN EL MUNDO REAL
UNIDAD DIDÁCTICA 1. IMPLEMENTACIÓN Y OPTIMIZACIÓN
Introducción
Conseguir resultados reales
Optimización web desde la usabilidad

UNIDAD DIDÁCTICA 2. EQUIPOS DE USABILIDAD
¿Qué son?
Trabajo multidisciplinar y multitarea
Métodos de trabajo del equipo. Metodologías Ágiles
Pruebas de Usabilidad

UNIDAD DIDÁCTICA 3. ROLES
Diversidad de roles y funciones
UX Researcher
UX Writer
UI/UX Prototyping Developer
Web Developer
Interaction Designer
Visual Designer
Motion Designer

MÓDULO 4. EL DISEÑO DE INTERFACES DE USUARIO (UI)
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL UI
¿Qué es interfaz de usuario (UI)?
Diferencias y similitudes entre UX y UI

UNIDAD DIDÁCTICA 2. UI DESIGN PROCESS
Proceso de negocio
User persona
Screen flow
Wireframes
Diseño Alta Fidelidad
Prototipado
Feedback y entrega

UNIDAD DIDÁCTICA 3. FUNDAMENTOS DEL DISEÑO UI
Principios del diseño aplicados al UI
Principios de claridad
Reglas Heurísticas de usabilidad
Elementos de una interfaz de usuario
Patrones y consistencias del diseño UI

UNIDAD DIDÁCTICA 4. UI KIT Y SISTEMAS DE DISEÑO
UI kits
Atomic Design
Icon Design
Los sistemas de diseño

UNIDAD DIDÁCTICA 5. MOTION UI
Principios del Motion
Microinteracciones

MÓDULO 5. DISEÑO UI CON ADOBE XD
UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN ADOBE XD
Introducción a Adobe XD
Instalación y configuraciones principales
Menú Herramientas
Generación de Artboards y guía
Ejercicios

UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS
Formas: creación, modificación, colores, gradiantes y paletas
Textos: propiedades, línea o área, alineación, color y estilos
Imágenes y exportación: importanción, modificaciones y exportación de artboards
Ejercicios

UNIDAD DIDÁCTICA 3. ORGANIZACIÓN DE ELEMENTOS I
Organización de capas nombres y grupos
Bloqueo y fusión
Tipos de máscaras y aplicación en proyectos
Ejercicios

UNIDAD DIDÁCTICA 4. ORGANIZACIÓN DE ELEMENTOS II
Alineación de elementos, márgenes y distribución de formas
Funcionalidad de repetición
Aplicación y configuración de componentes
Ejercicios

UNIDAD DIDÁCTICA 5. CUADRÍCULAS
Creación y aplicación
Diseño de páginas
Prototipo
Adaptación a mobile
Ejercicios

UNIDAD DIDÁCTICA 6. INTERFACES
Constantes y variables de una interfaz
Header, footer y menú
Botones y galerias
Ejercicios

MÓDULO 6. DISEÑO UI CON FIGMA

UNIDAD DIDÁCTICA 1. PRIMEROS PASOS EN FIGMA
Introducción
Descarga y creación de una cuenta
Entorno de trabajo
El menú principal
Ejercicios

UNIDAD DIDÁCTICA 2. HERRAMIENTAS BÁSICAS
Mover y Escalar
Frames y slices
Dibujar vectores
Herramientas de texto
La herramienta Mano
Comentarios en Figma
Ejercicios

UNIDAD DIDÁCTICA 3. HERRAMIENTAS CONTEXTUALES
Editar objetos
Crear un componente de Figma
Crear máscaras en Figma
Crear un link con Figma
Operaciones booleanas
Otras herramientas
Ejercicios

UNIDAD DIDÁCTICA 4. TRABAJO COLABORATIVO CON FIGMA
Funcionamiento
Añadir colaboradores
Ver y responder comentarios
Bibliotecas de componentes
Ejercicios

UNIDAD DIDÁCTICA 5. CREACIÓN DE SISTEMAS DE DISEÑO
Creación y gestión
Estilos en un sistema de diseño
Componentes en un sistema de diseño
Ejemplos del sistema de diseño
Ejercicios

UNIDAD DIDÁCTICA 6. PLUGING DE FIGMA
Añadir plugins a Figma
Pluging recomendados

UNIDAD DIDÁCTICA 7. ANIMACIONES E INTERACCIONES
Creación de interacciones
Creación de animaciones sencillas
Manejo de interacciones disponibles
Ejercicios

UNIDAD DIDÁCTICA 8. PRESENTACIÓN Y EXPORTACIÓN
Crear presentación en Figma
Exportar archivos
Compartir el link de vista previa
Ejercicios

MÓDULO 7. METODOLOGÍAS ÁGILES
UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LAS METODOLOGÍAS ÁGILES
Ingeniería de software, sus principios y objetivos
Metodologías en Espiral, Iterativa y Ágiles
Prácticas ágiles
Métodos ágiles
Evolución de las metodologías ágiles
Metodologías ágiles frente a metodologías pesadas

UNIDAD DIDÁCTICA 2. LA PLANIFICACIÓN ÁGIL: AGILE LEADERSHIP Y CREATIVIDAD
La interacción como alternativa a la planificación lineal
La comunicación y la motivación
Características del liderazgo participativo
Pensamiento disruptivo y desarrollo de la idea
Prueba y error, learning by doing

UNIDAD DIDÁCTICA 3. METODOLOGÍA EXTREME PROGRAMMING (XP)
Definición y características de Extreme Programming
Fases y reglas de XP
La implementación y el diseño
Los valores de XP
Equipo y cliente de XP

UNIDAD DIDÁCTICA 4. METODOLOGÍA SCRUM
La teoría Scrum: framework
El equipo
Sprint Planning
Cómo poner en marcha un Scrum

UNIDAD DIDÁCTICA 5. DESARROLLO DEL MÉTODO KANBAN
Introducción al método Kanban
Consejos para poner en marcha kanban
Equipo
Business Model Canvas o lienzo del modelo de negocio
Scrumban

UNIDAD DIDÁCTICA 6. LEAN THINKING
Introducción al Lean Thinking
Lean Startup

UNIDAD DIDÁCTICA 7. OTRAS METODOLOGÍAS ÁGILES Y TÉCNICAS ÁGILES
Agile Inception Deck
Design Thinking
DevOps
Dynamic Systems Development Method (DSDM)
Crystal Methodologies
Adaptative Software Development (ASD)
Feature Driven Development (FDD)
Agile Unified Process

MÓDULO 8. DESIGN THINKING
UNIDAD DIDÁCTICA 1. CREATIVIDAD
La creatividad y las ideas
Elementos de la creatividad
Tipos de creatividad y pensamiento
Habilidades creativas

UNIDAD DIDÁCTICA 2. GESTIÓN DE LA CREATIVIDAD
Desarrollo de las habilidades creativas
Barreras emocionales y cognitivas
La interrogación conduce a la creación
El uso del azar para crear ideas
Herramientas para la generación y combinación de ideas

UNIDAD DIDÁCTICA 3. PENSAMIENTO CREATIVO
Definición de pensamiento creativo
Pensamiento creativo e innovación
Principios de la innovación
Lateral Thinking

UNIDAD DIDÁCTICA 4. INTRODUCCIÓN AL DESIGN THINKING
Concepto de Design Thinking
Historia y evolución del Design Thinking
Áreas de aplicación y potenciales beneficios

UNIDAD DIDÁCTICA 5. EL PROCESO EN DESIGN THINKING
Creatividad y desarrollo de nuevos productos
Premisas fundamentales
El proceso de innovación

UNIDAD DIDÁCTICA 6. FASE DE EMPATÍA, EL DESCUBRIMIENTO
Empatía: la fase de descubrimiento
Investigación de mercado
Investigación de users
Gestión de la información
Grupos de investigación

UNIDAD DIDÁCTICA 7. DEFINICIÓN DE OBJETIVOS Y DELIMITACIÓN DEL PROYECTO
La fase de definición
Desarrollo del proyecto
Gestión del proyecto
Cierre del proyecto

UNIDAD DIDÁCTICA 8. DESARROLLO DEL PROYECTO, IDEA Y PROTOTIPO
El proceso de desarrollo
Trabajo multidisciplinar
Métodos de desarrollo

UNIDAD DIDÁCTICA 9. TESTEO Y ENTREGA DEL PROYECTO
El proceso final
Testeo final
Aprobación y lanzamiento
Medición del impacto y feedback

UNIDAD DIDÁCTICA 10. METODOLOGÍA EN DESIGN THINKING (I)
Stakeholders Map
Inmersión Cognitiva
Interacción constructiva
Mapa mental
Moodboard
Observación encubierta
¿Qué, Cómo y por qué?
Entrevistas
Scamper
Visualización empática
World Café
Mapa de interacción
Personas
Mapa de empatía
How might we…?
Saturar y agrupar
Compartir y documentar historias

UNIDAD DIDÁCTICA 11. METODOLOGÍA EN DESIGN THINKING (II)
Perfil de usuario
Card Sorting
Maquetas
Mapa de ofertas
Actividades de reactivación
Brainstorming
Brainwriting
Storytelling
Consejo de sabios
Impact Mapping
Lego® Serious Play®
Flor de loto
Customer journey map

UNIDAD DIDÁCTICA 12. METODOLOGÍA DESIGN THINKING (III)
Dibujo en grupo
Evaluación controlada
Matriz de motivaciones
Role Play
Prototipado en bruto
Prototipado en imagen
Storyboard
System Map
Casos de Uso
Prototipado de la experiencia
Prototipado del servicio
Póster
Prueba de usabilidad

MÓDULO 9. PROYECTO FINAL