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