Última revisión realizada: 31/05/2022

Denominación de la asignatura: Diseño de información
Postgrado al que pertenece: Máster en Diseño Gráfico Digital
Créditos ECTS: 6
Cuatrimestre en el que se imparte: Primer cuatrimestre
Carácter de la asignatura: Obligatoria
Materia a la que pertenece: Herramientas y Recursos de Diseño Gráfico

Presentación

En el mundo digital en el que vivimos, cada vez existe más volumen de información que resulta difícil de asimilar. Es por esto que se hace necesaria la creación de un nuevo perfil profesional que sea capaz de organizar y mostrar dicha información de forma coherente y comprensible para que los distintos públicos sean capaces de entenderla y se pueda aprovechar al máximo las herramientas de los canales a los que va dirigida.
La representación de la información empieza gracias a la aparición de la visualización de datos y las infografías que se convierten en imprescindibles para su comprensión. Son capaces de transformar la información en imágenes fáciles de entender para transmitir el mensaje de la forma más rápida, visual y comprensible para el usuario.         
Debido a la aparición de Internet y del almacenamiento y la gran cantidad de datos en la nube – el Big Data-, la visualización de la información y su gestión se convierten en claves del marketing de contenidos para poder posicionar marcas y empresas. En algunos momentos las infografías se convierten en virales, lanzando así su mensaje a una gran cantidad de personas en poco tiempo.
El diseñador de visualización de datos o infografista es requerido en todos los medios: periodismo, medios digitales, webs, o blogs entre otros. Las infografías aparecen en todo tipo de soportes: en papel, televisión, iPads, ordenadores, y smartphones. Veremos estos soportes para ser capaces de diseñar para todos ellos. Por ello el perfil del diseñador de información ha de ser cuanto más multidisciplinar mejor, ya que aprenderemos que, en el fondo, “Todo es diseño de información”.

Competencias básicas

  • CB6.Poseer y comprender conocimientos que aporten una base u oportunidad de ser originales en el desarrollo y/o aplicación de ideas, a menudo en un contexto de investigación.
  • CB7. Que los estudiantes sepan aplicar los conocimientos adquiridos y su capacidad de resolución de problemas en entornos nuevos o poco conocidos dentro de contextos más amplios (o multidisciplinares) relacionados con su área de estudio.

Competencias generales

  • CG1.Conocer los fundamentos conceptuales y las tendencias de diseño aplicadas en las diferentes técnicas de representación visual, así como su adecuada contextualización social, cultural y tecnológica.
  • CG3. Capacidad para analizar, reunir y sintetizar datos relevantes, con el fin de tomar decisiones que lleven a la solución de problemas de diseño, a la detección de los mismos o a la creación de propuestas y alternativas, bien sean teóricas o prácticas.
  • CG5. Capacidad para desarrollar los elementos gráficos y visuales de un producto o servicio a partir de procedimientos creativos, una gramática visual clara y un lenguaje formal consistente.

Competencias específicas

  • CE2. Capacidad para comprender las tendencias y estilos aplicados en las diferentes técnicas de representación gráfica y visual, así como su adecuada consideración histórica y tecnológica.
  • CE6. Capacidad para idear, crear y publicar productos interactivos atendiendo a un conjunto ordenado de necesidades y requerimientos.
  • CE9. Capacidad para aplicar sistemas de representación gráfica y nuevos lenguajes visuales y de interacción utilizados en el diseño gráfico.
  • CE13. Comprender y analizar datos para proponer soluciones de diseño haciendo uso de estrategias gráficas que faciliten la visualización y la comprensión por parte de los usuarios.
  • CE14. Crear, gestionar y evaluar proyectos de producción gráfica, llegando al uso de técnicas y herramientas específicas y la comprensión de los procesos requeridos en su realización, adaptándose a las necesidades de usuarios y del entorno.
  • CE18. Capacidad para gestionar y hacer uso de recursos gráficos propios o de dominio público entendiendo y respetando su regulación en materia de protección de datos, licencias o derechos.

Competencias transversales

  • CT1. Organizar y planificar las tareas aprovechando los recursos, el tiempo y las competencias de manera óptima.
  • CT2. Identificar las nuevas tecnologías como herramientas didácticas para el intercambio comunicacional en el desarrollo de procesos de indagación y de aprendizaje.

Tema 1. Visual thinking o pensamiento visual

  • Introducción
  • Definición de visual thinking o pensamiento visual
  • El origen del visual thinking
  • Modalidades del pensamiento visual
  • Las ventajas del visual thinking
  • Mapas mentales
  • Usos y beneficios de los mapas mentales
  • Estructura de un mapa mental
  • Herramientas onlinepara crear mapas mentales
  • Referencias bibliográficas

Tema 2. Percepción y analítica visuales

  • Introducción
  • Principios de ilustración vectorial, iconos y síntesis gráfica
  • Percepción y atención visual
  • Comunicación visual
  • Jerarquía de la información
  • Uso del color
  • Contar grandes historias con datos
  • Referencias bibliográficas

Tema 3. Análisis de información cuantitativa y cualitativa

  • Introducción
  • Análisis de información
  • La investigación cualitativa y cuantitativa
  • Tipos de gráficos
  • Mapas
  • ¿Cómo diseñar gráficos en Illustrator?
  • Ejemplos
  • Referencias bibliográficas

Tema 4. Semiótica y semántica

  • Introducción
  • Noción semiótica
  • Semiótica y diseño
  • Decisiones básicas para diseñar
  • Principios básicos para diseñar comunicando de forma efectiva
  • Semiótica de la imagen
  • La semántica
  • Referencias bibliográficas

Tema 5. Big data

  • Introducción
  • Big data y analítica avanzada
  • La importancia de la visualización de datos
  • Definición de big data
  • Tipos de datos en big data
  • El uso del análisis de datos
  • Utilidad del big data
  • El futuro de big data
  • Cómo conocer mejor al cliente gracias al big data
  • La visualización analítica
  • Referencias bibliográficas

Tema 6. Smart visual data

  • Introducción
  • Big data, fast data, smart data
  • El auge del smart data
  • Del smart data al smart visual data
  • Los KPI
  • El smart visual data cambia los datos de la empresa
  • Smart visual data a través de dashboard
  • Lo que nos dicen los datos
  • La visualización analítica

Tema 7. El diseño de información

  • Introducción
  • El diseño de información
  • Características de diseño de información
  • El proceso de diseño de información
  • El diseñador de información
  • Aplicaciones del diseño de información
  • La sobrecarga de información
  • Cómo diseñar la información
  • El diseño gráfico como herramienta
  • Referencias bibliográficas

Tema 8. Visualización de datos

  • Introducción
  • La visualización de datos: qué es y para qué sirve
  • ¿Por qué el cerebro necesita la visualización de datos?
  • Razones por las que la visualización de datos es indispensable
  • Visualización estática y visualización interactiva
  • Encontrar patrones en los datos
  • La ciencia de la visualización
  • Representación visual de los datos
  • El uso del color en la visualización
  • Herramientas para la visualización de datos
  • Referencias bibliográficas

Tema 9. Infografías

  • Introducción
  • Qué es una infografía
  • Pasos para crear una infografía
  • Razones por las que la visualización de datos es indispensable
  • La estadística de la infografía
  • Diagramas y gráficos
  • Tipos de infografías
  • Buenas y malas prácticas
  • Herramientas digitales para diseñar infografías
  • Por qué funcionan las infografías
  • Organización y jerarquía de la información: wireframes y esquemas
  • Secuencia y flujo de información
  • Composición y layout
  • La importancia de la legibilidad
  • Peso visual, tamaño y escala
  • Tipografía
  • Introducción
  • Edición digital de la imagen
  • Referencias bibliográficas

Tema 10. Infografías para Internet y redes sociales

  • Introducción
  • Cómo consumimos la información en Internet y en redes sociales
  • ¿Somos capaces de entender las infografías?
  • Infografía centrada en la marca
  • Ejemplos de infografías para Internet y soportes digitales
  • Tipografías para pantalla
  • Diseñar para soportes digitales
  • Infografía en movimiento: GIF animados
  • Qué es motion graphics
  • Fundamentos básicos en la animación
  • Clasificación según la técnica de animación
  • Clasificación según su aplicación
  • Planificar una infografía animada
  • Tendencias en motion graphics
  • Referencias bibliográficas

Las actividades formativas de la asignatura se han elaborado con el objetivo de adaptar el proceso de aprendizaje a las diferentes capacidades, necesidades e intereses de los alumnos.

Las actividades formativas de esta asignatura son las siguientes:

  • Trabajos. Se trata de actividades de diferentes tipos: reflexión, análisis de casos, prácticas, etc.
  • Prácticas de laboratorio. Resolución de casos prácticos en los laboratorios virtuales.
  • Participación en eventos. Son eventos programados todas las semanas del cuatrimestre: clases en directo, foros de debate, test.
Descargar programación

Estas actividades formativas prácticas se completan, por supuesto, con estas otras:

  • Estudio personal
  • Tutorías. Las tutorías se pueden articular a través de diversas herramientas y medios. Durante el desarrollo de la asignatura, el profesor programa tutorías en días concretos para la resolución de dudas de índole estrictamente académico a través de las denominadas “sesiones de consultas”. Como complemento de estas sesiones se dispone también del foro “Pregúntale al profesor de la asignatura” a través del cual se articulan algunas preguntas de alumnos y las correspondientes respuestas en el que se tratan aspectos generales de la asignatura. Por la propia naturaleza de los medios de comunicación empleados, no existen horarios a los que deba ajustarse el alumno.
  • Examen final presencial u online

Las horas de dedicación a cada actividad se detallan en la siguiente tabla:

ACTIVIDADES FORMATIVAS HORAS POR ASIGNATURA % PRESENCIAL
Sesiones presenciales virtuales 15 horas 100%
Recursos didácticos audiovisuales 6 horas 0
Estudio del material básico 50 horas 0
Lectura del material complementario 25 horas 0
Trabajos, casos prácticos y test de autoevaluación 29 horas 0
Tutorías 16 horas 30%
Trabajo colaborativo 7 horas 0
Realización de examen final 2 horas 100%
Total 150 horas -

Bibliografía básica

Recuerda que la bibliografía básica es imprescindible para el estudio de la asignatura. Cuando se indica que no está disponible en el aula virtual, tendrás que obtenerla por otros medios: librería UNIR, biblioteca...


Los textos necesarios para el estudio de la asignatura han sido elaborados por UNIR y están disponibles en formato digital para consulta, descarga e impresión en el aula virtual.

Bibliografía complementaria

  • Berinato, S. (2016). Good charts: The HBR guide to making smarter, more persuasive data visualizations. Harvard Business Review Press.
  • Berzbach, F. (2013) Psicología para creativos. Primeros auxilios para conservar el ingenio y sobrevivir en el trabajo. Barcelona: Editorial Gustavo Gili.
  • Cairo, A. (2018). Visualización de datos: una imagen puede valer más que mil números, pero no siempre más que mil palabras. El profesional de la información, 26(6), 1025-1028.
  • Dimara, E., Bezerianos, A. y Dragicevic, P. (2017). The attraction effect in information visualization. IEEE transactions on visualization and computer graphics, 23(1), 471-480.
  • Fagerholm, A. S. y Andersson, M. (2018). Information Visualization and Design. In Proceedings of the 11th International Symposium on Visual Information Communication and Interaction (pp. 112-113). Nueva York: ACM.
  • Frascara, J. (2008). Diseño gráfico para la gente. Ediciones Infinito.
  • Gray, C. y Malins, J. (2004). Visualizing research: A guide to the research process in art and design. Londres: Ed. Routledge.
  • Heller, S. y Landers, R. (2014). Infographic Designers' Sketchbooks. New York: Princeton Architectural Press.
  • Herrero-Solana, V. y Rodríguez-Domínguez, A. M. (2015). Periodismo de datos, infografía y visualización de la información: un estudio de El País, El Mundo, Marca y El Correo. Barcelona: Editorial Universitat de Barcelona; Universitat Oberta de Catalunya.
  • Lima, M. (2017). The book of circles: Visualizing spheres of knowledge. San Francisco: Chronicle Books.
  • McCandless, D. (2014). Knowledge is beautiful. Glasgow: William Collins.
  • Palau, V. (2009). Revista Gráffica. https://graffica.info
  • Salvat, G. (2018). De la infografía a la visualización de datos: Impacto del Big Data en el diseño de la información. Revista Internacional de Cultura Visual, 5(1), 35-41.
  • Schwochow, J. (2021). The world explained in 264 infographics. Prestel Publishing.
  • Ward, M. O., Grinstein, G. y Keim, D. (2015). Interactive data visualization: foundations, techniques, and applications. AK Peters/CRC Press.
  • Ware, C. (2018). Visual queries, visual thinking and data visualization. Journal of Computing Sciences in Colleges, 33(6), 7-8.
  • Weber, W. (2017). Interactive information graphics. Information design: research and practice, 172.
  • Wilke, C. O. (2019). Fundamentals of Data Visualization. O’Reilly Media, Inc.

El sistema de calificación se basa en la siguiente escala numérica:

0 - 4, 9 Suspenso (SS)
5,0 - 6,9 Aprobado (AP)
7,0 - 8,9 Notable (NT)
9,0 - 10 Sobresaliente (SB)

La calificación se compone de dos partes principales:

El examen se realiza al final del cuatrimestre y es de carácter PRESENCIAL U ONLINE Y OBLIGATORIO. Supone el 60% de la calificación final y para que la nota obtenida en este examen se sume a la nota final, es obligatorio APROBARLO.

La evaluación continua supone el 40% de la calificación final. Este 40% de la nota final se compone de las calificaciones obtenidas en las diferentes actividades formativas llevadas a cabo durante el cuatrimestre.

Ten en cuenta que la suma de las puntuaciones de las actividades de la evaluación continua permite que realices las que prefieras hasta conseguir el máximo puntuable mencionado. En la programación semanal de la asignatura, se detalla la calificación máxima de cada actividad o evento concreto puntuables.

Sistema de evaluación Ponderación min - max
Participación del estudiante (sesiones, foros) 0% - 40%
Trabajos, proyectos y/o casos 0% - 40%
Test de autoevaluación 0% - 40%
Examen final 60% - 60%

Silvia Polo Martín

Formación académica: Doctora en Ciencias de la Comunicación por la Universidad Nebrija en 2016. Licenciada en Publicidad y Relaciones Públicas por la misma universidad en 2008. Master en e-learning y redes 2.0 por la UNIR. Master en Dirección de Arte por Zink! Project.

Experiencia: Trabaja como Lead Designer en una startup dedicada a las nuevas tecnologías. Su trabajo se centra en el Diseño UX & UI y en el Diseño Web. Ha trabajado en consultoras digitales como Visual Designer para marcas como Iberia, Royal Canin o Fiat, y en la agencia de publicidad OgilvyOne como directora de arte digital para marcas como BMW, ING, Telefónica o IBM.

Obviamente, al tratarse de formación online puedes organizar tu tiempo de estudio como desees, siempre y cuando vayas cumpliendo las fechas de entrega de actividades, trabajos y exámenes. Nosotros, para ayudarte, te proponemos los siguientes pasos:

  1. Desde el Campus virtual podrás acceder al aula virtual de cada asignatura en la que estés matriculado y, además, al aula virtual del Curso de introducción al campus virtual. Aquí podrás consultar la documentación disponible sobre cómo se utilizan las herramientas del aula virtual y sobre cómo se organiza una asignatura en la UNIR y también podrás organizar tu plan de trabajo con tu tutor personal.
  2. Observa la programación semanal. Allí te indicamos qué parte del temario debes trabajar cada semana.
  3. Ya sabes qué trabajo tienes que hacer durante la semana. Accede ahora a la sección Temas del aula virtual. Allí encontrarás el material teórico y práctico del tema correspondiente a esa semana.
  4. Comienza con la lectura de las Ideas clave del tema. Este resumen te ayudará a hacerte una idea del contenido más importante del tema y de cuáles son los aspectos fundamentales en los que te tendrás que fijar al estudiar el material básico. Consulta, además, las secciones del tema que contienen material complementario.
  5. Dedica tiempo al trabajo práctico (sección Actividades y Test). En la programación semanal te detallamos cuáles son las actividades correspondientes a cada semana y qué calificación máxima puedes obtener con cada una de ellas.
  6. Te recomendamos que participes en los eventos del curso (sesiones presenciales virtuales, foros de debate…). Para conocer la fecha concreta de celebración de los eventos debes consultar las herramientas de comunicación del aula vitual. Tu profesor y tu tutor personal te informarán de las novedades de la asignatura.

En el aula virtual del Curso de introducción al campus virtual encontrarás siempre disponible la documentación donde te explicamos cómo se estructuran los temas y qué podrás encontrar en cada una de sus secciones.

Recuerda que en el aula virtual del Curso de introducción al campus virtual puedes consultar el funcionamiento de las distintas herramientas del aula virtual: Correo, Foro, Sesiones presenciales virtuales, Envío de actividades, etc.

Ten en cuenta estos consejos...

  • Sea cual sea tu plan de estudio, accede periódicamente al aula Virtual, ya que de esta forma estarás al día de las novedades del curso y en contacto con tu profesor y con tu tutor personal.
  • Recuerda que no estás solo: consulta todas tus dudas con tu tutor personal utilizando el correo electrónico. Además, siempre puedes consultar tus dudas sobre el temario en los foros que encontrarás en cada asignatura (Pregúntale al profesor).
  • ¡Participa! Siempre que te sea posible accede a los foros de debate. El intercambio de opiniones, materiales e ideas nos enriquece a todos.
  • Y ¡recuerda!, estás estudiando con metodología on line: tu esfuerzo y constancia son imprescindibles para conseguir buenos resultados. ¡No dejes todo para el último día!