El Máster en Diseño Web Multidispositivo se estructura a partir de las siguientes áreas temáticas que se integran en un proyecto transversal que se desarrolla a lo largo de 10 asignaturas:

Herramientas de diseño para pantalla (Sketch, Figma, AXD)

En esta asignatura descubriremos todas las herramientas de diseño para pantalla que existen en la actualidad, qué características tiene, por qué las usamos y qué beneficios nos ofrecen respecto a otras herramientas usadas en el pasado. Descubriremos cómo funcionan y plantearemos nuestro primer proyecto de diseño con el que descubriremos el potencial del software para diseño UX/UI en función del momento. Aprenderemos Sketch, Figma o Adobe XD.

UI: Fundamentos del diseño de interacción 

Para diseñar de manera adecuada debemos controlar los elementos de interacción de cada formato, los patrones de uso y las dinámicas de trabajo, así como aspectos básicos como el uso del color, la tipografía y todo tipo de formatos multimedia (imágenes, vídeo, VR, AR…). Conocer los fundamentos del Diseño de Interfaz es la base para poder plantear cualquier tipo de proyecto digital de manera apropiada.

UX: Estrategia y experiencia de Usuario

En esta asignatura aprenderemos a entender y controlar la experiencia de usuario y los factores que la componen para crear servicios e interfaces que cubran las expectativas de los usuarios y los objetivos para los que han sido creados. La experiencia de usuario consta de varias disciplina: usabilidad, arquitectura de la información, diseño de interacción, prototipado…

UI: Diseño visual

Después de ver los fundamentos de UI y UX, en este módulo veremos cómo aplicar lo aprendido en pequeños proyectos para varios soportes. Descubriremos cómo mostrar el contenido, la relación de los elementos gráficos en los diferentes tamaños de dispositivo y las particularidades del diseño digital para cada uno de ellos. Bajo un mismo concepto realizaremos un diseño único para 4 tamaños de pantalla: reloj, desktop, pantalla táctil y app.

Prototipado

La presentación de propuestas es uno de los puntos cruciales del proyecto, el objetivo del módulo es ampliar los recursos y dotar de herramientas para presentar las propuestas a los clientes, mejorar el argumentario, la calidad y hacer los acabados más reales (InvisionApp y Proto.io).

Por otro lado es básico poder contextualizar los diversos procesos en un proyecto digital y los diversos agentes que intervienen. Daremos especial atención al paso de originales entre los equipos de diseño y programación, para realizar un paso fluido entre los diseñadores y programadores, minimizar errores y ganar tiempo (Zeplin

UI: Diseño de interfaces

En este módulo aprenderemos a dar la capa visual a nuestros proyectos. En el diseño de interfaz tocaremos temas como la usabilidad, la funcionalidad y la estética, para conseguir un resultado satisfactorio, basado en los requisitos y expectativas del usuario. Apuntalaremos conceptos sobre los diversos elementos gráficos, como combinarlos y organizarlos para trabajar un proyecto multimedia.

Gestión de un CMS

En este módulo os orientaremos sobre la diversidad de CMS existentes en el mercado y nos centraremos en Wordpress, uno de los CMS más rápido y popular. Wordpress se hizo tan popular que más de 75 millones de páginas web de todo el mundo corren bajo esta plataforma, casi un 20% de internet. Además, al ser una plataforma open-source, tiene cientos de temas y plugins disponibles para todo el mundo, la mayoría de ellos gratuitos y altamente configurables para tu página web. Por último, el alumno conocerá las dinámicas de desarrollo en entornos cliente/servidor y entenderá los temas relacionados con dominios, hostings, etc.

UI: Responsive Design vs APP

En este módulo se pretende tomar conciencia y experiencia en el diseño de proyectos web responsive: ¿Cómo se adaptan a diferentes dispositivos? ¿Cómo y qué contenidos se visualizan en cada uno? Para ello se definen todas las nuevas opciones, tanto desde las posibilidades que ofrecen y sus requerimientos gráficos como las herramientas de software necesarias. Al término del módulo se diseñarán, desarrollarán e implementarán (a nivel mock up) soluciones web con salida multiplataforma. Se destinará especial atención en las cuestiones de código (bootstrap) que afectan al desarrollo para múltiples dispositivos (responsive).

El futuro de la interacción: nuevos escenarios digitales

Cada vez más productos digitales están buscando nuevas formas de interactuar con el usuario, en definitiva simplificar el proceso de selección, por medio de interfaces táctiles, conectadas por voz, aparición de nuevos gadgets, control gestual, etc. Todo tiene que ser más rápido, más fácil, más cómodo para el usuario, hasta que los dispositivos se conviertan en una parte más de nosotros mismos. Todo ello hace necesario que debamos avanzarnos a estos nuevos escenarios, la época en la que la pantalla era la única forma de comunicarse con los ordenadores ha pasado, en este módulo tendrás la oportunidad de aprender a diseñar y definir las nuevas maneras de interactuar del futuro.

Gestión de proyectos y empresa

Detallaremos las fases de producción de un proyecto digital, desde el contacto con cliente hasta el lanzamiento del producto.

Identificaremos los diferentes roles y herramientas que se utilizan en la gestión de un proyecto digital.

Daremos una visión de las implicaciones y requerimientos de la dirección de un proyecto digital, para que el alumno pueda ser consciente de ellas y tener en cuenta todos los factores para llevar a cabo con éxito el proyecto.

Trabajo Final de Máster

Además de superar los créditos de los diversos módulos, todos los alumnos deberán desarrollar un Trabajo Final de Máster, consistente en un proyecto personal de investigación partir de los contenidos impartidos durante el programa. Aunque la mayor parte del TFM se realiza de manera individual, se establecerán tutorías grupales y personales al principio, para escoger y planificar el objeto de estudio, y durante el desarrollo del mismo, para mantener los objetivos y alcanzar los resultados deseados.

Actividades adicionales

Desarrollo frontend

A cargo de Jordi Galed

Aprenderemos el lenguaje utilizado para la creación de las páginas web, el archiconocido HTML, así como las hojas de estilo (CSS), los programas para la creación/edición de estas páginas, entre otras muchas cosas. Profundizaremos las siguientes áreas: lenguaje HMTL, hojas de estilo (CSS) y Mobile First.

Software

Sketch como herramienta de diseño principal. Alternativamente se puede utilizar Figma o Adobe XD, en caso de no disponer de un ordenador Mac.

Invision