DiseĂąo de la InformaciĂłn relato en 2d
Competencias 1. Escoge el formato y sustrato de informaciĂłn de acuerdo a las caracterĂsticas del usuario y requerimientos del proyecto.
2da unidad
Recepción del mensaje 1. Formatos de información: Infografías, gráficos de visualización de datos, presentaciones multimedia. 2. Creación de bocetos digitales: wireframes.
Lรกmina de informaciรณn contar un relato visual
Relato visual Descripciรณn
Visiรณn general
Motor del relato
Detalle del argumento
1. Descripción La lámina de presentación infográfica debe contener un texto que sea capaz de crear contexto. El usuario debe saber qué tipo de información se presenta ante él y cuál es su naturaleza discursiva (educativa, indicativa, persuasiva, de dirección, etc.)
Web trend map 4, iA. 2009.
2.Relato visual Es el proceso gráfico que permite a través de diagramas la comprensión de información diseñada para ser leída linealmente o por partes. El relato debe articularse con al menos una visón general de la información, que sea capaz de mostrar “the big picture”. Por otra parte, y como complemento, se debe desplegar el motor, origen o voluntad de obtener la información diseñada. ¿Por qué esta infografía? ¿de dónde viene la información? para finalmente dar con los detalles tanto de lo general como de lo específico del relato.
Lorenzo Fantetti, Emanuele Luppino e Francesco Majno.
1. Visiรณn general
2.Motor del relato
2.Detalle del argumento
Principios de diseño de Tufte Excelencia gráfica Integridad gráfica Chartjunk Elementos de función múltiple Densidad
a.Excelencia gráfica Son las prácticas del buen diseño en la presentación de información (data diseñada), teniendo que ver en este proceso la substancia, las estadísticas y el diseño gráfico. Consiste en la comunicación clara, precisa y eficiente de ideas complejas. Le entrega al usuario a) la mayor cantidad de ideas, 2) en la menor cantidad de tiempo, 3) con el menor gasto de tinta, 4) en el menor espacio posible. Es multi–variable (distintos factores apelan entre si) y debe ser siempre honesta.
b.Integridad gráfica Es la versión gráfica de números –como unidades medibles en una superficie visual– que debe estar directamente proporcionada a la cantidad numérica que representa. Debe usar etiquetado claro y detallado; apelar a la variación de las cantidades, no del diseño gráfico. Jamás se debe citar contenido (fuentes) que no sea representado. Por último, las variables numéricas no deben exceder la muestra o la representación gráfica de ésta.
c.Chartjunk El uso excesivo de líneas, tramas y trucos gráficos poco delicados. Redundantes cuando tratan de mostrar la simpleza de cierta información, y muchas veces autogenerados por softwares básicos de escritorio. Cuando los diagramas tienen comportamientos injustificados para la información, también pensamos en su naturaleza como mal ejecutada.
d.Elementos de función múltiple Un elemento gráfico puede transportar información y además cumplir una función de diseño no asignable a un elemento cuantificable. Puede también mostrar distintas partes de la información, tratada de la misma forma. Al utilizar el mismo elemento en distintas instancias sirve para mostrar mejor la data. Es este mismo elemento el que permite medir la data. Siempre es mejor usar tonos de grises antes que colores para estos elementos. Así también como mostrarlos en distintos tamaños y ángulos antes de representarlos de alguna otra manera.
e.Densidad La densidad de la información y el tamaño de muestra debe ser razonable. La densidad de la muestra no debe superar la superficie gráfica en la que será representada. Cada vez que el volumen de la data se incremente, la medida gráfica con la que se trabaja debe hacer más pequeña, por ejemplo: si una muestra es trabajada desde millones a unidades, debe escogerse una media que permita mostrarlas de forma razonable (unidades de intervalos: de 0 a 1.000; de 0 a 10.000, etc.)
Pauta de evaluación Consta de 6 puntos que dan un total de 100% (100%= 7.0 / 0%= 1.0), variando en sus proporciones. Cada punto, a su vez, tiene una escala de valoración de 4 puntos: sobresaliente, logrado, semilogrado e insuficiente. a. [20%] Presentación: factura y cuidado en la entrega. b. [20%] Conceptualización: comprensión del encargo (uso de los conceptos y materia asociada a la asignatura). c. [20%] Análisis gráfico: uso adecuado de los elementos visuales propios del diseño de la información. d. [15%] Profundización: aplicación correcta y deliberada de conceptos relativos a la Conceptualización y Análisis gráfico del encargo. e. [15%] Plasticidad: uso adecuado del material. f. [10%] Concreción: realizar el trabajo dentro del tiempo asignado y de la forma en que se asignó.
Insuficiente
Semilogrado
Presentación
0–5
6–10
11–15
16–20
Conceptualización
0–5
6–10
11–15
16–20
Análisis gráfico
0–5
6–10
11–15
16–20
Plasticidad
0
1–5
6–10
11–15
Profundización
0
1–5
6–10
11–15
Concreción
0
0
5
10
15%
40%
70%
100%
máximo posible
Calificaciones
Logrado
Sobresaliente
0%
1.0
25%
2.5
50%
4.0
75%
5.5
5%
1.3
30%
2.8
55%
4.3
80%
5.8
10%
1.6
35%
3.1
60%
4.6
85%
6.1
15%
1.9
40%
3.4
65%
4.9
90%
6.4
20%
2.2
45%
3.7
70%
5.2
95%
6.7
Bibliografía Baer, Kim. “Information design workbook” / COD: 741.6 B141I McCandless, David. “Information is beautiful” / COD: 741.6 M478I De Bono, Edward. “Seis sombreros para pensar” / COD: 153.9 D340S Nielsen, Jacob. “Usabilidad: prioridad en el diseño web” / COD: 005.72 N554U Cairo, Alberto. “Infografía 2.0: visualización interactiva …” / COD: 741.65 C136I Fragapane, Federica, et al. “La Lettura” / Flickr.com