diseño ux/ui Plan de estudios CODERHOUSE es la nueva forma de entender el trabajo. Estudiamos y nos formamos porque estar en las últimas tendencias digitales es la manera de estar a la vanguardia en la sociedad. A través de la formación digital podemos ser independientes, conseguir el trabajo que tanto nos interesa o llevar a la cima nuestro propio emprendimiento. Atravesamos una era donde los nuevos rockstars son quienes saben vivir la vida y disfrutarla. Por eso todos quieren ser Steve Jobs o Mark Zuckerberg. Esto quiere decir que ser un CODER es como ser un estrella. #NERDS4EVER DISEÑO UX/UI En este curso aprenderás a hacer un research, e investigar acerca de un problema que convertirás en una idea de app o web. Diseñarás y crearás un prototipo de app o sitio web mobile first (en base a esta tendencia, se crea primero una versión optimizada para dispositivos móviles, y luego se amplía a web o desktop). Comenzarás a plasmar tu idea definiendo las funcionalidades principales de la misma (MVP). Pasarás también por la definición de un público objetivo o usuario, para el desarrollo del prototipo. Utilizarás herramientas de prototipo actuales y solicitadas en el mundo laboral. Asimismo, validarás tu proyecto mediante diferentes metodologías y actividades. Llegarás a adquirir habilidades de metodologías ágiles. Podrás fundamentar las decisiones de diseño del proyecto de manera clara. Finalmente, aprenderás metodologías de diseño para tu proyecto, e incorporarás conocimientos de disciplinas proyectuales. MODALIDAD Online en vivo DURACIÓN DEL CURSO 13 Semanas Plan de estudios Experta que valida el curso: Julieta Solla Product Designer en Bitso HERRAMIENTAS PRINCIPALES DEL CURSO (Clic en cada una para más información) Plan de estudios PERFIL PROFESIONAL Al finalizar el curso de Diseño UX/UI podrás: - Utilizar la metodología del Diseño Centrado en el Usuario (DCU). - Fundamentar decisiones de diseño de tu proyecto. - Analizar e identificar las necesidades de los usuarios. - Diferenciar el trabajo de UX, UI, IxD, etcétera. - Conocer sobre metodologías ágiles. - Conocer sobre metodologías de diseño: design thinking, lean UX, design sprint. - Conocer, aplicar y utilizar los patrones y tendencias de diseño. - Adquirir habilidades para el manejo de las herramientas y recursos que se utilizan para elaborar un diseño de interfaz. - Comprender conceptos de grilla para que tu diseño se adapte correctamente a cualquier dispositivo. - Crear la estructura y wireframe de tu diseño de interfaces). - Validar prototipos funcionales con usuarios (pruebas de usabilidad). - Utilizar herramientas de validación del prototipo tales como evaluación heurística, testeo de usuarios, entrevistas cualitativas, entre otros. - Construir prototipos navegables para presentar el proyecto. Plan de estudios ¿POR QUÉ CODER? CLASE 0 + 25 CLASES CLASES COMPLEMENTARIAS Un total de 25 clases, más una clase previa de nivelación, para introducirse en el mundo del Diseño UX/UI. Clases adicionales a la cursada, optativas y con la finalidad de asentar conocimientos o resolver dudas. Además del o la docente del curso, contarás con un/a tutor/a que te guiará en el proceso de aprendizaje. CLASES ONLINE EN VIVO APRENDER HACIENDO ACTIVIDADES COLABORATIVAS Clases online y en vivo. Además contarás con la grabación de la clase para ver en cualquier momento. Aprender con la práctica, basada en 3 pasos: docente explica, luego hace, finalmente el estudiante lo hace. TUTOR/A A CARGO En ciertas clases en vivo, habrá momentos de interacción entre los estudiantes en grupos reducidos. Plan de estudios TEMARIO 0. Introducción general a UX/UI ¿Qué es UX? ¿Qué es UI? 1. Diseño centrado en el usuario Relación entre UX/UI. Roles de trabajo. Experiencias diseñadas y accidentales. 2. Metodologías de diseño y UX Research Metodologías de trabajo. Metodologías de diseño (Design Thinking - Design Sprint). UX Research. 3. Userpersona y benchmarking competencia Usuario/Persona. Ficha de persona. Motivaciones y frustraciones. Mapa de empatía. Benchmarking de productos. 4. Entrevistas cualitativas Entrevistas cualitativas a usuarios. Preguntas abiertas y cerradas. Cualitativo vs. cuantitativo. 5. POV & MVP Mínimo Producto Viable. Storyboard y Storytelling. Punto de vista. 6. Arquitectura de información Cardsorting. Arquitectura de información: agrupar, jerarquizar y rotular. Plan de estudios TEMARIO 7. Userflows Diagrama de flujos. Diagrama de tareas: entrada, acción y fin. 8. Wireframe a mano Instancias del prototipo. Calidad de prototipo. Wireframes. 9. Wireframe digital Tipos de aplicaciones. Interfaces. Wireframes digitales: Figma y Adobe XD básico. 10. Patrones de diseño & Contenidos Contenidos digitales. Patrones de interacción. Patrones de navegación. Tendencias. 11. Prototipo funcional y métricas UX Prototipo funcional en Figma y Adobe XD. Acción e interacción. Datos cuantitativos. 12. Ética en UX. Impacto de UX en la vida cotidiana. Estado actual de la ética en UX 13. Pruebas de usabilidad Escenario hipotético, objetivos, tareas y conclusiones. Buenas prácticas. 14. Workshop: pruebas de usabilidad Puesta en práctica. Testeos de usuarios. Conclusiones de la prueba. Plan de estudios TEMARIO 15. Atomic Design Atomic Design: átomos, moléculas, organismos. Componentes en Figma y Adobe XD. Icon Design. 16. Sistema de grilla Sistema de grilla. Columnas y cuadrículas. Layout. 17. Evaluación heurística 10 principios de heurística. Ejemplos aplicados a una app o web. 18. Estándares y guidelines Human interface. Google Design. Leyes UX (estándares). 19. UI Kits y Moodboard UI Kits. Elementos de diseño. Moodboard. Atomic Design + UI Kits. 20. Accesibilidad Prioridades. AA/AAA. Contraste y legibilidad. 21. Motion UI 10 principios de Motion. Microinteracciones. Motion en Figma y Adobe XD. 22. Sell your story Storytelling. Elevator Pitch. Pitch. Plan de estudios TEMARIO 23. Presentación: portafolio + reporte UX Reporte UX. Estructura de presentación. Presentación interna/externa. 24. Workshop: presentación portafolio + reporte UX Sistema de grilla. Columnas y cuadrículas. Layout. 25. Presentación: portafolio del proyecto Presentación de proyectos. Plan de estudios PROYECTO INTEGRADOR Prototipo de un producto digital Crearás el prototipo de tú propia app o sitio web mobile first (basándote en esta tendencia, crearás primero una versión optimizada para dispositivos móviles y luego se ampliará a web o desktop), partiendo de la metodología de diseño centrada en el usuario. El mismo incluirá: la definición de un problema y la solución a partir de un producto digital, la definición de los arquetipos de persona y el diagrama de usuario correspondiente, y la generación de la interfaz en baja, media y alta fidelidad. Plan de estudios GLOSARIO Userflow: Acciones que llevan adelante usuarios para realizar todas las tareas posibles dentro de una aplicación o una web. Arquitectura de la información: Organización y estructura del contenido de forma que el usuario pueda navegar por él de forma simple. Wireframe: Esqueleto, primer borrador que muestra la estructura visual de un sitio web. Responsive: Diseño que se adapta a cualquier tipo de pantalla. Pruebas de usabilidad: Técnica empleada para evaluar el producto mediante que el usuario lo prueban. Prototipo digital: Representación limitada de un producto que le permite a los usuarios probarlo en situaciones reales para explorar su uso. Plan de estudios Guidelines: Pautas de diseño. Conjunto de recomendaciones que te orientan hacia buenas prácticas de diseño. Moodboards: Muro de inspiración de una marca, collage creado a partir de imágenes. UI kit: Elementos prediseñados que ayudan a desarrollar interfaces. Mockup: Modelo que se realiza para exhibir un diseño. Motión UI: Animación del prototipo digital. Plan de estudios DISEÑO UX/UI hola@coderhouse.com www.coderhouse.com instagram.com/coderhouse
