CursoUI/UX(b-m)

TOOLS

ABR2018

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

Sketch InVision Keynote Principle

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

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. User interface, interfaz de usuario. El primer error es pensar que un diseñador UI es el que pinta en bonito y le da diseño a un wireframe, es mucho más que eso. Hay muchas variables que afectan al diseño UI, como las jerarquías con contrastes, tamaños, espacio en blanco, etc... Se trata de simplificar y mantener una estructura ordenada y capeada. Hay que analizar y mejorar el diseño de forma objetiva.

A quién va dirigidoeste curso

TOOLS

05

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á millo-nario y quieres asegurarte el éxito con el menor coste posible.

Se trata de aprender a resolver problemas de manera rápida y en equipo. En este curso/taller estableceremos el foco en la metodología LEAN y en las herramientas UX que mejor están funcio-nando. También, y de manera totalmente prácti-ca, aprenderemos a idear, prototipar, diseñar proyectos reales trabajando de manera escala-ble. Aprenderemos a analizar referencias, dise-ñar wireframes low-fi, wireframes hi-fi, trabajar con UI kits de web, iOS o Material Design de Google. También a crear nuestros propios UI kits. Aprenderemos también a proponer una pro-puesta a partir de una plantilla de Wordpress en menos de un día, que es una solución rápida de producto mínimo viable para la mayoría de startups. Montaremos la presentación en Keyno-te. Usaremos InVision para darle interactividad al prototipo. También para compartir todo el proyecto al equipo de desarrollo. Con Principle diseñaremos microinteracciones que mejoren la UX. Este curso te va a guiar para que tengas la seguridad para convencer con argumentos a tu jefe, o a tus clientes, del valor que puedes apor-tar a un proyecto. Serán 4 días intensos, repartidos en dos fines de semana, para que puedas compaginarlo con tu rutina diaria. Te ofrecemos un canal de comuni-cación directa con los docentes para resolver dudas sobre proyectos tuyos antes, durante e incluso una vez finalizado el curso.

UX/UI

Cómo es el cursoy qué queremos conseguir

TOOLS

06

UX/UI

Herramientas: Talk&Beer

Sketch 75%. 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 15%. 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. También traduce pantallas de Sketch a HTML y CSS. Permite la descarga de assets a distintos formatos y tamaños.

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.

Que seas “culo inquieto” y sepas manejarte con alguna herramienta de diseño como Photoshop o Illustrator ayudará bastante, aunque para nada es necesario. Gran parte de las prácticas las 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.

Requisitos:

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.

TOOLS

07

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 y diseño UI en escuelas como Mr.Marcel School o Ironhack. Si ellos han llegado aquí sin mucho esfuerzo y traba-jando en lo que les gusta cada día, tú también puedes.

UX/UI

TOOLS

08

UX-UI

Miércoles 11/04Talk&Beer·Charla/presentación·Preguntas y debate·Networking en un bar del barrio

Viernes 13/04UX - 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 - HerramientasUser PersonasProtojourneysEmpathy MapsEjercicios de ideación

UX-UIMetodo & tools

Sábado 14/04UX - 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 18/04Sesión de trabajo (ST)

Viernes 20/04UX - Herramientas ·Ideación ·User Persona·Proto Journeys ·Funcionalidades

UI - Interactividad y Microinte-racciones ·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 21/04UX - 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

Abr 2018

·Trabajo en equipo ·Presentación en público Proyecto final ·Práctica I: Revisión y presenta-ción.·Práctica II: InVision. Exportar assets y código

Miércoles 25/04Tutoría 1º módulo

Docentes:Samuel Hermosoy Oscar SP

Horarios ClasesViernes de 16h30 a 21h30 Sábados de 09h30 a 14h30

Horarios Talk&Beer:Martes o miércoles de 20h30 a 22h30

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

Miércoles 11/04Talk&Beer·Charla/presentación·Preguntas y debate·Networking en un bar del barrio

Viernes 13/04UX - 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 - HerramientasUser PersonasProtojourneysEmpathy MapsEjercicios de ideación

Sábado 14/04UX - 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 18/04Sesión de trabajo (ST)

Viernes 20/04UX - Herramientas ·Ideación ·User Persona·Proto Journeys ·Funcionalidades

UI - Interactividad y Microinte-racciones ·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 21/04UX - 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

TOOLS

09

UX-UI

·Trabajo en equipo ·Presentación en público Proyecto final ·Práctica I: Revisión y presenta-ción.·Práctica II: InVision. Exportar assets y código

Miércoles 25/04Tutoría 1º módulo

UX-UIMetodo & tools

Abril 2018

Docentes:Samuel Hermosoy Oscar SP

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

Horarios Talk&Beer:Martes o miércoles de 20h30 a 22h30

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

TOOLS

MADEWITHLOVE

www.mrmarcelschool.com