Dr. Mario Pérez-MontoroDepartment of Information Science and Media Studies
University of [email protected]
Visualización de la Información
2
Tema 1. Conceptos básicos
Tema 2. Comunicación eficiente con tablas
Tema 3. Comunicación eficiente con gráficas
Tema 1Conceptos básicos
4
1. Introducción
2. Visualización de la información
3. Percepción y visualización
5
1. Introducción
• Uso intensivo de la visualización (lenguaje universal):
• Contexto profesional
• Entorno personal
• Desfase:
• Uso intensivo
• Nivel del conocimiento de lo visual
6
• Principio:
• El contenido informativo asociado a una señal es siempre una
proposición verdadera (si una señal informa de que P entonces
es verdad que P) (Israel & Perry (1990))
• Visualización (informar):
• Alfabetización visual
• Comunicación correcta y efectiva
7
2. Visualización de información
• Definición de visualización de la información:
• Disciplina transversal que se encarga de la representación visual
de contenidos proposicionales mediante el uso de diagramas,
gráficas y esquemas para facilitar el almacenamiento, la
aprehensión, la interpretación, la transformación y la comunicación
de esos contenidos a través de esas representaciones visuales
http://glossarium.bitrum.unileon.es/Home/visualizacion-de-la-
informacion
8
• Funciones básicas:
• Almacenamiento
• Comunicación
• Soporte al razonamiento
9
50.000
100.000
150.000
200.000
250.000
300.000
2000-2001 2002-2003 2004-2005 2006-2007 2008-2009 2010-2011
Total
Mujeres
Hombres
10
• Distinción (confusión):
• Infografía
• Visualización de datos
11
• Infografía:
• Representación gráfica (estática) que combina imagen y texto con
objetivos narrativos:
• Representación discursiva (puede incluir visualización de
datos)
• Representación figurativa (apariencia similar a la del objeto
representado)
12
• Visualización de datos:
• Representación gráfica (estática o dinámica) de un conjunto de
datos para presentar aspectos y relaciones entre esos datos:
• Representación analítica
• Representación abstracta (apariencia distinta a la del objeto
representado)
13
3. Percepción y visualización
• Justificación (70% receptores son visuales)
• Límites en la discriminación perceptiva
• Principio ratio data-tinta
14
• Límites en la discriminación perceptiva
• Principio ratio data-tinta
15
• Límites en la discriminación perceptiva
• Principio ratio data-tinta
16
• Tipos de tinta:
• Tinta-dato
• Tinta-no dato
1
2. Caracterización
• Definición
• Gráficas versus tablas
• Tipología
2
2.1. Definición
• Definición de gráfica:
• Instrumento para visualizar información cuantitativa:
• Valores presentados dentro de un área delimitada por ejes
• Valores codificados como elementos gráficos en relación con
esos ejes
• Ejes (X (abscisas), Y (ordenadas)) proporcionan escalas
(cuantitativas y cualitativas) para asignar valores y etiquetas a
esos elementos gráficos
3
2.4. Tipología
• Gráfica de barras o columnas
• Gráfica de barras o columnas apiladas
• Gráfica de líneas
• Gráfica de combinación de barras (o columnas) y líneas
• Gráfica de áreas
• Gráfica circular
• Treemap
4
2.4.1. Gráfica de barras o columnas
Competidor A
Nuestra empresa
Competidor B
Competidor C
Competidor D
5
0
50.000
100.000
150.000
200.000
250.000
300.000
350.000
400.000
450.000
500.000
Producto 1 Producto 2 Producto 3 Producto 4
6
2.4.2. Gráfica de barras o columnas apiladas
0
20.000
40.000
60.000
80.000
100.000
120.000
Asturias Andalucía Cataluña Madrid
Primer trimestreSegundo trimestreTercer trimestreCuarto trimestre
7
2.4.3. Gráfica de líneas
Total
Mujeres
Hombres
0
50000
100000
150000
200000
250000
300000
2004-2005 2005-2006 2006-2007 2007-2008 2008-2009 2009-2010 2010-2011
8
2.4.4. Gráfica de combinación de barras (o columnas) y líneas
0
100.000
200.000
300.000
400.000
500.000
600.000
700.000
800.000
900.000
Enero Febrero Marzo
Producto 01Producto 02
9
2.4.5. Gráfica de áreas
0
50000
100000
150000
200000
250000
300000
2004-2005 2005-2006 2006-2007 2007-2008 2008-2009 2009-2010 2010-2011
Total
Mujeres
Hombres
10
2.4.6. Gráfica circular
45,71%'
7,58%'9,38%'
8,18%'
29,14%'
Trabajar'
Comer'
Socializar'
TV/Internet'
Dormir'
11
2.4.7. Treemap
A
B
E F
C
G H I
D
J K
E
F
G
I H
K
J
12
3. Relaciones y visualización
• Relaciones representables en gráficas
• Visualización de las relaciones
13
3.1. Relaciones
• Relación de comparación nominal
• Relación de series temporales
• Relación de ranking
• Relación de parte-todo
• Relación de desviación
• Relación de distribución
• Relación de correlación
14
3.1.1. Relación de comparación nominal
Cargo SueldoGerente 150.000Analista 40.000Documentalista 40.000Administrativo 32.000Auxiliar 25.000Becario 8.000
15
3.1.2. Relación de series temporales
Trimestre VentasPrimero 456.876Segundo 189.387Tercero 63.829Cuarto 122.345
16
3.1.3. Relación de ranking
Ranking Provincia Ventas1 Barcelona 456.8762 Tarragona 189.3873 Girona 122.3454 Lleida 63.829
17
3.1.4. Relación de parte-todo
Actividad PorcentajeComer 7,40%TV/Internet 8,20%Socializar 9,40%Dormir 29,20%Trabajar 45,80%Total 100,00%
18
3.1.5. Relación de desviación
Empresa VentasCompetidor A 280%Competidor B 220%Competidor C 115%Competidor D 60%Competidor E 20%
19
3.1.6. Relación de distribución
Franja Episodios0-15 2016-30 5031-45 3046-60 4061-75 25
20
3.1.7. Relación de correlación
Producto Inversión BeneficiosProducto 01 50.678 678.543Producto 02 22.864 778.765Producto 03 45.789 783.213Total 119.331 2.240.521
21
https://www.producthunt.com/posts/graphmented
3.2. Visualización de las relaciones
22
• Visualización de la relación de comparación nominal
• Visualización de la relación de series temporales
• Visualización de la relación de ranking
• Visualización de la relación de parte-todo
• Visualización de la relación de desviación
• Visualización de la relación de distribución
• Visualización de la relación de correlación
23
3.2.1. Visualización de la relación de comparación nominal
0
10
20
30
40
50
60
España Francia Italia Alemania Bégica
24
3.2.2. Visualización de la relación de series temporales
0
50.000
100.000
150.000
200.000
250.000
Ene Feb Mar Abr May Jun Jul Ago Sep Oct Nov Dic
25
3.2.3. Visualización de la relación de ranking
Gerente
Analista
Documentalista
Administrativo
Auxiliar
Becario
0 20.000 40.000 60.000 80.000 100.000 120.000
26
3.2.4. Visualización de la relación de parte-todo
45,71%'
7,58%'9,38%'
8,18%'
29,14%'
Trabajar'
Comer'
Socializar'
TV/Internet'
Dormir'
27
3.2.5. Visualización de la relación de desviación
0 %
50 %
100 %
150 %
200 %
250 %
300 %
Competidor A Competidor B Competidor C Competidor D Competidor E
VentasACME
28
3.2.6. Visualización de la relación de distribución
• Gráficas de distribución simple
• Gráficas de distribución múltiple
29
3.2.7. Visualización de la relación de correlación
0
10.000
20.000
30.000
40.000
50.000
60.000
70.000
1 2 3 4 5 6 7 8 9 10 11
30
0
10.000
20.000
30.000
40.000
50.000
60.000
70.000
1 2 3 4 5 6 7 8 9 10 11
31
Aviso Legal:
Esta obra está bajo la licencia Reconocimiento-NoComercial-SinObraDerivada 3.0 España de Creative Commons. Por tanto, se permite la copia, distribución y comunicación pública siempre y cuando se cite correctamente (Pérez-Montoro, Mario. Visualización de la información (material docente). Barcelona: Universitat de Barcelona), no se contradiga con la licencia específica que pueda tener algún contenido incluido y que es la que prevalece, y el uso concreto no tenga finalidad comercial. No se pueden hacer usos comerciales ni obras derivadas. Dado el carácter y la finalidad exclusivamente docente y eminentemente ilustrativa de las explicaciones en clase de esta presentación, el autor se acoge al artículo 32 de la Ley de Propiedad Intelectual vigente respecto al uso parcial de obras ajenas como imágenes, gráficos u otro material contenidos en las diferentes diapositivas. La licencia completa se puede consultar en: http://creativecommons.org/licenses/by-nc-nd/3.0/es/deed.es