- 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
- 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
- ¿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
- Introducción
- Un proceso multidisciplinar
- La usabilidad aplicada
- El ciclo diseño-investigación
- 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
- 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
- Tipografía
- Color
- Iconos
- Formas
- Imágenes
- Contenido audiovisual
- Efectos (sombras, D, flat y otros)
- ¿Qué es el Layout?
- Rejilla
- Composición
- Elementos
- Espacios vacíos
- Coherencia y consistencia
- 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
- Guías de estilo
- Ventajas y Desventajas
- Apple IOS Human Interface Guidelines
- Google Material Design
- Tendencias digitales
- Tendencias del diseño UX/UI
- 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
- Textos en HTML
- Enlaces
- Listas en HTML
- Imágenes y Objetos
- Tablas
- Formularios
- Marcos
- Estructuras y layout
- Otras etiquetas
- ¿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
- Introducción
- Conseguir resultados reales
- Optimización web desde la usabilidad
- ¿Qué son?
- Trabajo multidisciplinar y multitarea
- Métodos de trabajo del equipo. Metodologías Ágiles
- Pruebas de Usabilidad
- Diversidad de roles y funciones
- UX Researcher
- UX Writer
- UI/UX Prototyping Developer
- Web Developer
- Interaction Designer
- Visual Designer
- Motion Designer
- ¿Qué es interfaz de usuario (UI)?
- Diferencias y similitudes entre UX y UI
- Proceso de negocio
- User persona
- Screen flow
- Wireframes
- Diseño Alta Fidelidad
- Prototipado
- Feedback y entrega
- 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
- UI kits
- Atomic Design
- Icon Design
- Los sistemas de diseño
- Principios del Motion
- Microinteracciones
- Introducción a Adobe XD
- Instalación y configuraciones principales
- Menú Herramientas
- Generación de Artboards y guía
- Ejercicios
- 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
- Organización de capas nombres y grupos
- Bloqueo y fusión
- Tipos de máscaras y aplicación en proyectos
- Ejercicios
- Alineación de elementos, márgenes y distribución de formas
- Funcionalidad de repetición
- Aplicación y configuración de componentes
- Ejercicios
- Creación y aplicación
- Diseño de páginas
- Prototipo
- Adaptación a mobile
- Ejercicios
- Constantes y variables de una interfaz
- Header, footer y menú
- Botones y galerias
- Ejercicios
- Introducción
- Descarga y creación de una cuenta
- Entorno de trabajo
- El menú principal
- Ejercicios
- Mover y Escalar
- Frames y slices
- Dibujar vectores
- Herramientas de texto
- La herramienta Mano
- Comentarios en Figma
- Ejercicios
- Editar objetos
- Crear un componente de Figma
- Crear máscaras en Figma
- Crear un link con Figma
- Operaciones booleanas
- Otras herramientas
- Ejercicios
- Funcionamiento
- Añadir colaboradores
- Ver y responder comentarios
- Bibliotecas de componentes
- Ejercicios
- 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
- Añadir plugins a Figma
- Pluging recomendados
- Creación de interacciones
- Creación de animaciones sencillas
- Manejo de interacciones disponibles
- Ejercicios
- Crear presentación en Figma
- Exportar archivos
- Compartir el link de vista previa
- Ejercicios
- 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
- 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
- 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
- La teoría Scrum: framework
- El equipo
- Sprint Planning
- Cómo poner en marcha un Scrum
- Introducción al método Kanban
- Consejos para poner en marcha kanban
- Equipo
- Business Model Canvas o lienzo del modelo de negocio
- Scrumban
- Introducción al Lean Thinking
- Lean Startup
- Agile Inception Deck
- Design Thinking
- DevOps
- Dynamic Systems Development Method (DSDM)
- Crystal Methodologies
- Adaptative Software Development (ASD)
- Feature Driven Development (FDD)
- Agile Unified Process
- La creatividad y las ideas
- Elementos de la creatividad
- Tipos de creatividad y pensamiento
- Habilidades creativas
- 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
- Definición de pensamiento creativo
- Pensamiento creativo e innovación
- Principios de la innovación
- Lateral Thinking
- Concepto de Design Thinking
- Historia y evolución del Design Thinking
- Áreas de aplicación y potenciales beneficios
- Creatividad y desarrollo de nuevos productos
- Premisas fundamentales
- El proceso de innovación
- Empatía: la fase de descubrimiento
- Investigación de mercado
- Investigación de users
- Gestión de la información
- Grupos de investigación
- La fase de definición
- Desarrollo del proyecto
- Gestión del proyecto
- Cierre del proyecto
- El proceso de desarrollo
- Trabajo multidisciplinar
- Métodos de desarrollo
- El proceso final
- Testeo final
- Aprobación y lanzamiento
- Medición del impacto y feedback
- 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
- 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
- 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
