DISEÑO DE INFORMACIÓN...Visualización de la información Un lenguaje visual… Puede ser...
42
DISEÑO DE INFORMACIÓN Dar forma a la información… para comunicar eficientemente Gestión de la Información para la toma de decisiones Estela Muelas - [email protected]
Transcript of DISEÑO DE INFORMACIÓN...Visualización de la información Un lenguaje visual… Puede ser...
DISEÑO DE INFORMACIÓN
Dar forma a la información…
para comunicar eficientemente
Gestión de la Información para la toma de decisiones Estela Muelas - [email protected]
¿DISEÑO DE INFORMACIÓN?
La información no puede ser diseñada; lo que puede diseñarse son los modos
de transferencia y las representaciones de la información
Raskin, 2005
Este
la M
uela
s
Visual Literacy Alfabetización visual
Este
la M
uela
s
Este
la M
uela
s
Nuestro mundo visual
Este
la M
uela
s
Nuestro mundo visual Algunas ideas:
1. La sobrecarga de la información demanda nuevas formas de organizar y presentar la información de visualizarla.
2. Hay que adoptar mecanismos que permitan aumentar la comprensión de la información por parte del receptor.
3. Disponemos de tecnologías para condensar información, pero transformar esa información en conocimientos es un proceso humano.
Este
la M
uela
s
Nuestro mundo visual Algunas ideas:
4. Hoy vemos cientos de imágenes por día sin siquiera pensar en el significado de ellas.
5. La visualización de imágenes por computadora afecta muchas áreas de nuestras vidas –interface–.
6. Algunos sistemas complejos son más fáciles de comprender con imágenes.
7. La relación entre lo estético y la densidad informativa necesita de una gestión inteligente.
Este
la M
uela
s
Nuestro mundo visual Actividad Grupal Mire la diapositiva siguiente, explore la imagen, dialogue con su compañero y luego responda los siguientes interrogantes: 1. ¿Puede determinar si existe un esquema de organización? 2. ¿Qué características visuales se destacan? A su criterio, ¿qué indican estas características visuales? 3. ¿Qué le sugiere dicha forma de visualización de la información? 4. ¿Qué limitaciones le encuentra? ¿Y ventajas? 5. Como usuario, ¿necesita de información adicional para comprenderlo? 6. ¿Puede inferir la aplicabilidad del esquema de organización? 7. ¿Pudo consensuar con su compañero las respuestas?
Este
la M
uela
s
Nuestro mundo visual
Nube de etiquetas del primer capítulo de Don Quijote de la Mancha, filtrando las palabras comunes.
Este
la M
uela
s
Alfabetización visual Capacidad para entender y producir información presentada en forma gráfica
“Debemos saber “leer” -consumir/interpretar- imágenes y “escribir” -producir/usar- comunicaciones enriquecidas visualmente. Debemos ser capaces de movernos fluidamente entre textos e imágenes, entre el mundo textual y figurativo”
Lynell Burmark
Este
la M
uela
s
Visualización de la información
Presentar la información mediante imágenes y gráficos, de modo de facilitar la captación de mucha información en poco espacio y tiempo.
Aportar información con la menor cantidad de recursos.
Visualizar la información
no es añadir gráficos al contenido, sino elaborar un mensaje
Este
la M
uela
s
Visualización de la información
La primera condición es su valor semántico y monosémico; no es un valor estético.
El objeto es la transmisión de conocimientos comprensibles y útiles.
Tiene fines pragmáticos y su grado de eficacia depende de cómo se elimina la complejidad de los fenómenos y los procesos .
Consiste en presentar mensajes unívocos, monosémicos, que no admitan otras interpretaciones.
Este
la M
uela
s
Proceso de Visualización
Este
la M
uela
s
Visualización de la información
¿Cómo presentar los resultados de una estadística del modo más claro posible?
¿Cómo diseñar una infografía atractiva a la vez que informativa?
¿Cómo transformar un procedimiento o un proceso en un diagrama?
Este
la M
uela
s
Informar…
Este
la M
uela
s
Informar…
Este
la M
uela
s
Informar… Los gráficos no pueden recortar datos del contexto
Connecticut Traffic Deaths after stricter enforcement by the police against cars exceeding speed limits (Fuente: Edward Tufte)
Este
la M
uela
s
Informar… Los gráficos no pueden recortar datos del contexto
Connecticut Traffic Deaths after stricter enforcement by the police against cars exceeding speed limits (Fuente: Edward Tufte)
Este
la M
uela
s
Informar…
Según Sticht, 1985, y Redish, 1988, 1993
Este
la M
uela
s
Informar…
Fuente Datavis.ca
Este
la M
uela
s
Informar…
Fuente Datavis.ca
Este
la M
uela
s
Informar…
Fuente Datavis.ca
Este
la M
uela
s
Informar…
Fuente La Nación
Este
la M
uela
s
Informar…
Fuente La Nación
Este
la M
uela
s
Informar…
entre la primer y la última manzana hay una diferencia del 55% (en toneladas) pero lo que se percibe es un 139%
Este
la M
uela
s
Informar…
Fuente Edward Tufte
No confundir variación en el diseño con variación en los datos
Este
la M
uela
s
Informar…
cambio en el tamaño de un objeto/ cambio numérico del dato = factor de mentira
cambia la superficie en 4,5 / cambia el dato en 1,5 = 3
Este
la M
uela
s
Informar…
Este
la M
uela
s
Visualización de la información
Las manipulaciones más frecuentes son:
Distorsiones: variaciones en la anchura de las barras y espaciados entre líneas vertical y horizontalmente.
Escala: ejes truncados o que parten de cero, escalas no aritméticas e, incluso, ausencia de escalas.
Inclinaciones: hacia arriba y hacia la derecha en gráficos y flechas.
Este
la M
uela
s
Visualización de la información
Las manipulaciones más frecuentes son:
Sombreado: centra la vista en la parte superior del dato.
Perspectivas: con lo cual se acentúan los datos en primer plano y se minimizan los datos del fondo.
Combinaciones gráficas: a veces se sugieren comparaciones imposibles por diferencias de escalas.
Este
la M
uela
s
Visualización de la información
Un lenguaje visual…
Puede ser analizado Es usado por una comunidad Es completo y claro Puede ser evaluado en base a la eficacia de su comunicación Está compuesto de una pluralidad de signos que tienen significados comunes Tiene la ambigüedad adecuada para una comunicación flexible
Adaptado de Horn, 1999
Este
la M
uela
s
Visualización de la información
Implica… Mostrar datos. Hacer que el receptor piense acerca de los datos. No distorsionar lo que los datos tienen que decir. Presentar la información en espacios reducidos. Presentar bloques de información coherentemente. Mostrar los datos en diversos niveles de detalle. Conectar la información real con el diseño visual.
Este
la M
uela
s
Fuente Datavis.ca
Visualización de la información
Este
la M
uela
s
Visualización de la información
Este
la M
uela
s
Visualización de la información
Usuarios de Internet en 1990 Fuente: Worldmapper
Este
la M
uela
s
Visualización de la información
Usuarios de Internet en 2002 Fuente: Worldmapper
Este
la M
uela
s
Visualización de la información
Este
la M
uela
s
Visualización de la información
Este
la M
uela
s
Visualización de la información
Este
la M
uela
s
Visualización de la información
Este
la M
uela
s
Visualización de la información
Cuando representamos gráficamente no podemos olvidar que:
Estamos empleando un lenguaje visual.
Ese lenguaje ha de estar basado en convenciones habituales.
Las convenciones empleadas tienen un componente cultural que no se puede obviar.
Un mapa, un diagrama, un esquema son documentos a los cuales se les interroga.
Este
la M
uela
s
Visualización de la información
Las visualizaciones no son neutras, dependen de nuestra elección y de lo que queramos mostrar a los demás y a nosotros mismos.
Juan C. Dürsteler
