DISEÑO DE INFORMACIÓN...Visualización de la información Un lenguaje visual… Puede ser...

Post on 30-Aug-2020

15 views 0 download

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 - emuelas@fundec.org.ar

¿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 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