CursoUI/UX(m-a)

TOOLS

MAY2018

Sede en La IndustrialC/ San Andrés 8, 28004 Madriddinos@mrmarcelschool.com

26h lectivas

02

MrMarcel Schooles una escuela del siglo XXI, dirigi-da 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 convenci-miento de que para una escuela “el futuro es hoy”.

TOOLS

03

Las profesiones creativas son en esencia una fuente de satisfacción y de desarrollo perso-nal. Este sector se caracteriza por vivir en constante cambio, por lo que los profesionales del futuro deberán tener una gran capacidad de adaptación y un perfil claramente visiona-rio, innovador y multidisciplinar para ser com- petitivos, enriqueciendo así su trayectoria y garantizando su crecimiento personal y profesional.

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, porsu calidad y exclusividad (sólo 30 alumnos al año por promoción). Grande, porque nues-tro 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 condi- ciones posibles. Perseguimos que nuestrosalumnos disfruten de lo que hacen, además de ser valorados por ello.

UX/UI

UX/UI

04

TOOLS

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 demos-trada 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 necesa-rio 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 memo-rable. El diseñador UX debe guiar en todo el proceso de ideación, creación y testeo de un producto.

UX/UI

UI. Hay muchas variables que afectan al diseño UI, como las jerarquías, contrastes, tamaños, patro-nes, 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.

TOOLS

05

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, requeri-mientos del negocio, buenas prácticas de diseño de interfaz, prototipar y comunicar ideas con wireframes, user flows, user journeys… Traba-jando con frameworks y sistemas de diseño. -Las peculiaridades de diseñar para las diferen-tes 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 pregun-

tas para obtener información de nuestros usua-rios. 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 ayu-darán a aumentar nuestra productividad, mini-mizar 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 prototi-par.

Con Principle avanzado diseñaremos ese portfo-lio de animación para molar. También aprende-remos 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 habien-do 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 comu-nicació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.

UX/UI

Cómo es el cursoy qué queremos conseguir

TOOLS

06

UX/UI

Requisitos:A quién va dirigidoeste curso

Diseñadores web o de apps con experiencia, trabajando ya en alguna disciplina de UX con ganas de continuar creciendo descubriendo nuevas herramientas y enfoques. También mejorarás como diseñador de interacción o de interfaz y adquirirás habilidades de diseño visual excelentes dedicando el mínimo esfuerzo.

Personas con espíritu crítico, pasión por apren-der, capacidad para empatizar, resolver proble-mas y perfeccionistas con los detalles.

Otros perfiles ideales para hacer este curso son diseñadores de startups, agencias o consultoras que necesiten dar un paso más. También perfiles UX que quieren mejorar su workflow y producti-vidad con las herramientas. Gente que ya tenga una base y quiera profundizar en metodologías y ejercicios de empatía, ideación, ejecución y prototipado o aprender un buen proceso de trabajo de principio a fin para sus proyectos. 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. Si ya hiciste nuestro anterior curso de iniciación al UX-UI (nivel básico - medio), esta es la conti-nuación que tanto nos habéis pedido. ;)

Que hayas cursado nuestro curso anterior de UX-UI nivel básico-medio o que ya te manejes bien con la herramienta Sketch o Photoshop. 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.

TOOLS

07

Talk&Beer

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 con-tactos 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 separa-ron por caminos diferentes, volvieron a reencon-trarse 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.

UX/UI

Herramientas:

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 pan-tallas del proyecto.

Invision Studio 5%. La última novedad del merca-do que unifica el diseño de interfaz con el prototi-pado 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 equi-pos.

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.

TOOLS

08

UX-UI

Martes 09/05 Talk&Beer·Charla/presentación·Preguntas ·Networking & beer

Viernes 11/05UX-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, Icon-font, Distributor, Anima…) ·Webs y Apps ·Exportar assets ·Práctica Sketch

UX-UIMetodo & tools

Productividad ·Metodologías Ágiles ·Kanban - Trello ·Pomodoro Sábado 12/05UX

UX - User research - Informa-tion architecture ·Entrevistas ·Encuestas ·UX Mapping Methods ·User flows ·Cardsorting

Descanso (15 min)

UX - Prácticas·Ejercicios proyectos user research & IA ·Conclusiones Miércoles 16/05Sesión de trabajo (ST)

Miércoles 23/05 Talk&Beer ·Charla/presentación

·Preguntas·Debate/networking & beer

Viernes 25/05UI + 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 interac-ción ·Prototipo con Invision Craft / Invision Studio ·Diseño de interacción en Apps con Principle

Presentaciones (20m) ·Estructura de presentación y consejos ·Planteamiento herramientas, proyecto y conclusiones

Mayo 2018

Docentes:Samuel Hermosoy Oscar SP

Horarios clases:Viernes de 16h30 a 21h30 Sábados de 09h30 a 14h30

Horarios Talk & Beer:Miercoles de 20h30 a 22h30

Horarios ST y tutorías: Miercoles de 18h30 a 21h30

Sábado 26/05Tests + Presentaciones UX - Tests y métricas ·Tests de usabilidad ·Siguientes pasos Ajustes presentaciones ·Práctica

Descanso (15 min)

Presentaciones finales ·Exposición de proyectos ·Feedback

Miércoles 30/05Tutoría final

Fin del curso.

Martes 09/05 Talk&Beer·Charla/presentación·Preguntas ·Networking & beer

Viernes 11/05UX-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, Icon-font, Distributor, Anima…) ·Webs y Apps ·Exportar assets ·Práctica Sketch

Productividad ·Metodologías Ágiles ·Kanban - Trello ·Pomodoro Sábado 12/05UX

UX - User research - Informa-tion architecture ·Entrevistas ·Encuestas ·UX Mapping Methods ·User flows ·Cardsorting

Descanso (15 min)

UX - Prácticas·Ejercicios proyectos user research & IA ·Conclusiones Miércoles 16/05Sesión de trabajo (ST)

Miércoles 23/05 Talk&Beer ·Charla/presentación

·Preguntas·Debate/networking & beer

Viernes 25/05UI + 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 interac-ción ·Prototipo con Invision Craft / Invision Studio ·Diseño de interacción en Apps con Principle

Presentaciones (20m) ·Estructura de presentación y consejos ·Planteamiento herramientas, proyecto y conclusiones

Horarios clases:Viernes de 16h30 a 21h30 Sábados de 09h a 14h

Horarios Talk & Beer:Miercoles o jueves de 19h30 a 21h30

Horarios ST y tutorías: Miercoles de 19h30 a 22h30

Horarios clases:Viernes de 16h30 a 21h30 Sábados de 09h30 a 14h30

Horarios Talk & Beer:Miercoles de 20h30 a 22h30

Horarios ST y tutorías: Miercoles de 18h30 a 21h30

TOOLS

09

UX-UI

Sábado 26/05Tests + Presentaciones UX - Tests y métricas ·Tests de usabilidad ·Siguientes pasos Ajustes presentaciones ·Práctica

Descanso (15 min)

Presentaciones finales ·Exposición de proyectos ·Feedback

Miércoles 30/05Tutoría final

Fin del curso.

UX-UIMetodo & tools

Mayo 2018

Docentes:Samuel Hermosoy Oscar SP

TOOLS

MADEWITHLOVE

www.mrmarcelschool.com