TOOLS. 55h lectivas. Curso UI/UX (b-a) SEP Sede en La Industrial C/San Andrés 8, Madrid

Transcripción

1 55h lectivas Curso UI/UX (b-a) SEP 2018 Sede en La Industrial C/San Andrés 8, Madrid

2 MrMarcel School es una escuela del siglo XXI, dirigida a profesionales de las industrias creativas. Nuestra forma de hacer esta basada en tres ejes: la calidad de contenidos y profesorado, el cuidado de la experiencia en el aprendizaje y el firme convencimiento de que para una escuela el futuro es hoy. 02

3 UX/UI MrMarcel School, es una escuela pequeña por creencia y grande por ambición. Pequeña, para poder atender de una forma cercana las necesidades de cada alumno y para que estudiar en ella sea un valor añadido, por su calidad y exclusividad (sólo 30 alumnos al año por promoción). Grande, porque nuestro objetivo es desarrollar el mejor futuro posible, mediante una enseñanza tan selecta y cuidada, que facilite su incorporación al mundo profesional en la mejor de la condiciones posibles. Perseguimos que nuestros alumnos disfruten de lo que hacen, además de ser valorados por ello. 03

4 UX/UI UX/UI UX. User experience, experiencia de usuario. Compañías como Apple, Airbnb, Amazon o Netflix siguen una estrategia centrada en el usuario que les asegura ser líderes de su sector. Hay una demostrada relación entre una buena UX y el éxito de un producto. Por eso, ser diseñador UX es una de las profesiones más demandadas y de las mejor pagadas. En los equipos de trabajo ya es necesario que haya un perfil diseñador UX que guíe al resto del equipo alineando las necesidades del negocio con las del usuario. UX engloba todo, porque tanto la estructura del contenido, el diseño o las animaciones, logran una experiencia memorable. El diseñador UX debe guiar en todo el proceso de ideación, creación y testeo de un producto. UI. Hay muchas variables que afectan al diseño UI, como las jerarquías, contrastes, tamaños, patrones, formas o espacio en blanco. Se trata de crear un sistema de diseño escalable para trabajar en equipo que nos permita simplificar el trabajo y mantener una coherencia. Aprenderemos a analizar y mejorar el diseño de forma totalmente objetiva. 04

5 UX/UI Cómo es el curso y qué queremos conseguir Este curso te ayudara a idear, gestionar, liderar y ejecutar proyectos de UX-UI como APPs y webs. Trabajaremos con metodologías como LEAN, Design Thinking, Google Design Sprint, Kanban desde un punto de vista práctico y validado con clientes reales. Abordaremos lo mejor de cada metodología y herramienta. Aprenderemos a: -Idear, prototipar, diseñar y defender proyectos reales trabajando de manera escalable. -Técnicas y herramientas de facilitación y cocreación, investigación con usuarios, requerimientos del negocio, buenas prácticas de diseño de interfaz, prototipar y comunicar ideas con wireframes, user flows, user journeys Trabajando con frameworks y sistemas de diseño. -Las peculiaridades de diseñar para las diferentes plataformas: Web, ios de Apple y Material Design de Google. -A agilizar mucho nuestro día a día con Sketch sacándole el máximo partido usando plug-ins como Craft, Runner, Iconfont, Distributor, Anima y otros. Haremos wireframes con distintos niveles de fidelidad y reutilizaremos UI Kits para ahorrar tiempo y no crear componentes nuevos desde cero. -A gestionar proyectos de pequeña, mediana y gran envergadura con Trello y veremos algunas aspectos básicos de metodologías ágiles que se usan en la actualidad en equipos de diseño de productos y servicios, como SCRUM. Aprenderemos a hacer bien las preguntas para obtener información de nuestros usuarios. A plantear tests de usabilidad para validar hipótesis y avances antes de desarrollar nuevas funcionalidades. La organización, planificación y gestión del tiempo es la asignatura pendiente de muchos equipos de trabajo. Vamos a experimentar y practicar probando herramientas que nos ayudarán a aumentar nuestra productividad, minimizar problemas y adquirir habilidades en la resolución de conflictos trabajando en equipo. Haremos un repaso a las posibilidades que nos ofrece el nuevo programa Invision Studio, que viene a comer terreno a Sketch por ser una herramienta todo en uno para diseñar y prototipar. Con Principle avanzado diseñaremos ese portfolio de animación para molar. También aprenderemos a comunicar ideas mediante un prototipo animado realista montado en minutos. Además, te asesoraremos a la hora de idear y comunicar tu proyecto para tu portfolio habiendo adquirido experiencia con las herramientas más recomendadas para convencer en tus próximas entrevistas o reuniones, explicando tu proceso de trabajo y abrazando este cambio de paradigma y mentalidad que empieza por ti mismo y que te va a llevar a otro nivel como diseñador de productos y servicios. Este curso te va a guiar para que tengas la seguridad para mejorar tu capacidad de comunicación en proyectos UX-UI y convencer con argumentos a tu jefe o a tus clientes, del valor que puedes aportar a un equipo de diseño de producto. Aprenderemos a tomar decisiones desde los intereses del negocio y del usuario. 05

6 UX/UI A quién va dirigido este curso Requisitos: Si eres diseñador web, diseñador UX y te falta la parte de diseño UI, este es tu curso. Si vienes de publicidad y tienes la sensación de haberte quedado descolgado, también. Otros perfiles a los que les vendría muy bien, son: desarrollador, jefe de proyecto, responsable de marketing o emprendedor. O simplemente si quieres plantear tu propia idea de web o app que te hará millonario y quieres asegurarte el éxito con el menor coste posible. Personas con espíritu crítico, pasión por aprender, capacidad para empatizar, resolver problemas y perfeccionistas con los detalles. El curso también será de gran utilidad a toda persona que necesite comunicar con seguridad y convicción su proceso de trabajo y asegurar el éxito de sus proyectos personales y profesionales hasta su entrega. Que seas culo inquieto y sepas manejarte con alguna herramienta de diseño como Photoshop o Illustrator ayudará bastante, aunque para nada es necesario. La parte de sistemas de diseño y diseño de interfaz la haremos con Sketch, un programa de diseño que solo funciona en Mac OS X. Durante el curso trabajaremos cada uno con su portátil. Así que si no tienes un Macbook, la escuela dispone de varios que puedes alquilar a un precio razonable. 06

7 UX/UI Herramientas: Talk&Beer Sketch 60%. Photoshop ha quedado obsoleto y ahora Sketch es el programa más fácil e intuitivo y con más posibilidades para diseño de interfaz. InVision 10%. Este servicio permite montar un prototipo interactivo a partir del diseño. También es la herramienta ideal para recibir y analizar feedback del cliente o del equipo sobre las pantallas del proyecto. Invision Studio 5%. La última novedad del mercado que unifica el diseño de interfaz con el prototipado en una sola herramienta Keynote 5%. Es el PPT de mac y nos servirá para estructurar el proceso de trabajo. Es el formato final de la presentación a cliente o al equipo. Principle 5%. Es un programa para animar elementos de Sketch, simular microinteracciones y crear prototipos animados. Trello 5%. Tableros Kanban para gestión de proyectos. Mural / Real Time Board 5%. Servicios online de ejercicios de ideación colaborativos para equipos. Zeplin / Invision 5%. Traducen pantallas de Sketch a HTML y CSS. Permite la descarga de assets a distintos formatos y tamaños. También llevamos la organización de las pantallas con ellos. Talk&Beer es un encuentro cercano, distendido e informal en el que escucharemos a un profesional del sector -cuidadosamente escogido por la Dirección del curso- durante treinta minutos. Después generaremos debate, compartiremos impresiones y ampliaremos nuestra red de contactos alrededor de una cerveza en un bar de Malasaña. Solo para los asistentes al curso + diez personas seleccionadas. Sobre los profes Samuel Hermoso y Óscar SP son un dúo de diseñadores UX con más de 15 años de experiencia que se han especializado en producto digital. Trabajaron juntos muchos años en agencia y aunque sus trayectorias profesionales les separaron por caminos diferentes, volvieron a reencontrarse para formar su propio estudio en Malasaña y ayudar a empresas y startups a crear productos útiles y de calidad centrados en la experiencia de usuario. Actualmente compaginan su trabajo diario con impartir conferencias y workshops. También son profesores de experiencia de usuario, design thinking y diseño de interfaz en escuelas como Mr.Marcel School o Ironhack. Si ellos han llegado aquí sin volverse locos y trabajando en lo que les gusta cada día, tú también puedes. 07

8 UX-UI Docentes: Samuel Hermoso y Oscar SP UX-UI Metodo & tools Sep/Nov 2018 Horarios clases: Viernes de 16h30 a 21h30 Sábados de 09h30 a 14h30 Horarios Talk&Beer: Miércoles de 20h30 a 22h30 Horarios ST y tutorías: Miercoles de 18h30 a 21h30 Miércoles 19/09 Talk&Beer Charla/presentación Preguntas y debate Networking en un bar del barrio Viernes 21/09 UX - Principios básicos de usabilidad Qué es UX y qué no es UX Filosofía LEAN - MVP Wireframes UI - De wireframe a UI Referencias diseño de interfaz Intro a Sketch Ui kits Material Design, ios, web Práctica: UI de una web tipo landing de producto Descanso (10 min) UX - Herramientas User Personas Protojourneys Empathy Maps Ejercicios de ideación Sábado 22/09 UX - Wireframes y prototipado Wireframes de alto y de bajo nivel Prototipo navegable en InVision Práctica I: Wireframes a mano y con Sketch Descanso. Jamón & tortilla (15 min) UI - Don t repeat yourself Trabajar de manera escalable con estilos y símbolos en Sketch Plug-ins Sketch. Craft, Sketch Runner Práctica II: Diseñar pantallas de una app en Sketch Miércoles 26/09 Sesión de trabajo (ST) Viernes 05/10 UX - Herramientas Ideación User Persona Proto Journeys Funcionalidades UI - Interactividad y Microinteracciones Prototipos interactivos Animaciones con Principle Práctica I: Montar prototipo interactivo de app o web en InVision. Presentaciones Enseñar proceso de trabajo /0 Práctica II: Planteamiento proyecto final Práctica III: Keynote detallando proceso de trabajo con efecto WOW. Sábado 06/10 UX - Tests y métricas Tests de guerrilla Medir e iterar UI - Atomic Design Introducción al Atomic Design Descanso. Jamón & tortilla (15 min) Presentaciones Trato con cliente 08

9 UX-UI Docentes: Samuel Hermoso y Oscar SP UX-UI Metodo & tools Sep/Nov 2018 Horarios clases: Viernes de 16h30 a 21h30 Sábados de 09h30 a 14h30 Horarios Talk&Beer: Miércoles de 20h30 a 22h30 Horarios ST y tutorías: Miercoles de 18h30 a 21h30 Trabajo en equipo Presentación en público Proyecto final Práctica I: Revisión y presentación. Práctica II: InVision. Exportar assets y código Miércoles 10/10 Tutoría 1º módulo Miércoles 17/10 Talk&Beer Charla/presentación Preguntas y debate Networking en un bar del barrio Viernes 19/10 UX-UI UX - Design Thinking - Google Design Sprint Intro al curso Map Sketch Decide Prototype Test Descanso (10 min) UI - Sketch Atomic Design - Símbolos y overrides Atajos de teclado Plugins (Craft, Runner, Iconfont, Distributor, Anima ) Webs y Apps Exportar assets Práctica Sketch Productividad Metodologías Ágiles Kanban - Trello Pomodoro Sábado 20/10 UX UX - User research - Information architecture Entrevistas Encuestas UX Mapping Methods User flows Cardsorting Descanso. Jamón & tortilla (15 min) UX - Prácticas Ejercicios proyectos user research & IA Conclusiones Miércoles 24/10 Sesión de trabajo (ST) Viernes 02/11 UI + Prototipo UI - Sketch - Design Systems Tipografía Colores Estilos Grid/Layout Práctica sistema de diseño del proyecto personal Descanso (10 min) Prototipo - diseño de interacción Prototipo con Invision Craft / Invision Studio 09

10 UX-UI Docentes: Samuel Hermoso y Oscar SP UX-UI Metodo & tools Sep/Nov 2018 Horarios clases: Viernes de 16h30 a 21h30 Sábados de 09h30 a 14h30 Horarios Talk&Beer: Miércoles de 20h30 a 22h30 Horarios ST y tutorías: Miercoles de 18h30 a 21h30 Diseño de interacción en Apps con Principle Presentaciones Estructura de presentación y consejos Planteamiento herramientas, proyecto y conclusiones Miércoles 07/11 Tutoría final Fin del curso. De cañas! Sábado 03/11 Tests + Presentaciones UX - Tests y métricas Tests de usabilidad Siguientes pasos Ajustes presentaciones Práctica Descanso. Jamón & tortilla (15 min) Presentaciones finales Exposición de proyectos Feedback 10

11 MADE WITH LOVE