INFORMACION 06

Diseño de la Información infografía

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.

La información gráfica infografías, visualización de información y visualización de datos

REPRESENTACIÓN VISUAL

visualización de la información

gran cantidad de data numérica y no–numérica

información cualitativa y cuantitativa

diseño de la información

visualización científica

3D y representaciones realistas

infografías

representación estética de la información

visualización de datos explora y descubre data numérica

gráficas de estadísticas

cartografía temática

análisis de estadísticas

mapas y lo espacial

¿Qué motiva el diseño de información?

Dinero & Poder

Delimitamos territorio, damos a conocer datos numĂŠricos e influenciamos a otros.

Claude Nicolas Ledoux. “Salina real de Arc-et-Senans”. 1775.

William Playfair. “The Commercial and Political Atlas: Representing, by Means of Stained Copper-Plate Charts, the Progress of the Commerce, Revenues, Expenditure and Debts of England during the Whole of the Eighteenth Century�. 1786.

Estilos & Tendencias

Graficamos, ilustramos y visualizamos lo que acontece para ofrecerlo como mercancĂ­a.

Bureau of Naval Personnel – Educational Services Section. “WW2 in the north seas”. 1944.

John Emslie. “Meteorology”. c. 1850.

Software

Nos inclinamos por el [ab]uso de ciertas herramientas para lograr darle sentido a la data.

Boyack, Klavans & Paley. “Relationships among scientific paradigms”. 2006.

Diana Lange. “Visualization of a poem”. 2013.

Tendencia de hoy

Mostramos la informaciรณn pensando en que sea atractiva para el consumidor de hoy.

Nicholas Felton. “Annual Report, 2012”. 2012.

Francesco Franchi. “È la bicicletta che fa figare il mondo”.

Mapas pictoricos

Iconos Memorias

Mapa local

Gráficos pictoricos

Papers/ensayos Textos escolares Censos y similares

REVISTAS Atlas

DIARIOS

Mapas

Gráficos

LIBROS

Instructivos Aplicación para patente

Manuales diagramados

Diagramas deportivos Líneas de tiempo

Afiches

Diagramas médicos

Encargo No4

Blueprint de infografía 1. Revisar los medios de prensa escrita El Mercurio y La Tercera entre los días miércoles 21 y lunes 26 de septiembre.

2. Buscar e identificar noticias, reportajes, columnas, notas y reseñas sobre Ricardo Lagos y Sebastián Piñera.

3. Contar la cantidad de líneas (tomar en cuenta títulos, bajadas y párrafos) que se le dedican a cada uno de ellos. Sumar el total de los 6 días para cada uno.

4. Cruzar este dato numérico con el de aprobación y desaprobación ciudadana presentes en la encuesta CADEM (estudio #140) 5. En una lámina de 50 x 80 cms. ilustrar el trabajo de esquemas previos de una infografía (blueprints).

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