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:

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.

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.

UX: 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: 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.

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.

UX: Usabilidad

Trabajaremos con el objetivo concreto de lograr que los productos digitales sean eficientes, rápidos y fáciles de utilizar por los usuarios.

Mediremos la usabilidad a través de componentes como la facilidad de aprendizaje, eficiencia, satisfacción o eficacia.

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: Responsive Design

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).

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.

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 etilo (CSS) y Mobile First.

Creación de APPS

A cargo de Josep Ortega

En un mundo cada vez más móvil y menos estático, necesitamos aprender constantemente nuevas formas de llegar a los miles de usuarios que tenemos a nuestro alcance, justo a un tap de las pantallas de sus dispositivos móviles.

Ideadas para aprovechar los recursos tecnológicos de nuestros dispositivos y ofrecer una experiencia interactiva apropiada y diferente para cada caso, las apps se han convertido en un formato esencial en todos los sentidos de la comunicación y el consumo.

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