arquitectura de la información para infografías
TRANSCRIPT
![Page 1: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/1.jpg)
¿qué? infografías como forma de comunicación
![Page 2: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/2.jpg)
infografías como forma de comunicación
Las infografías y visualizaciones de datos, cuando bien realizadas, son poderosas
herramientas de comunicación teniendo contenido altamente visual y siendo útiles y
(ojalá) bellas
![Page 3: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/3.jpg)
01
siempre antes de partir respondan:
¿de qué se trata mi infografía? ¿cuál es la opinión que quiero transmitir?
![Page 4: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/4.jpg)
02
luego, definan los objetivos comunicacionales de su infografía (+ de 1, por ejemplo)
a) contextualizar el problema b) demostrar que tenemos malos hábitos
c) enseñar buenas prácticas
![Page 5: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/5.jpg)
03
¡a trabajar con los contenidos!
¿pero cómo?
![Page 6: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/6.jpg)
¿cómo? pasos para estructurar el contenido
![Page 7: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/7.jpg)
01. análisis
recopilar contenidos > estudio de la materia > volverse experto
![Page 8: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/8.jpg)
reducción en base a los objetivos y metas del proyecto
02. selección
![Page 9: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/9.jpg)
03. simplificación
intervención y edición de textos > nuevas relaciones en el contenido
![Page 10: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/10.jpg)
NIVEL 1
NIVEL 2
04. jerarquización
organización abstracta en base al orden de lectura qué va primero, qué va después (horizontal)
cuántos niveles de profundidad tiene la lectura (vertical)
![Page 11: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/11.jpg)
05. diagramación
ubicación de los contenidos en un formato elección de relaciones espaciales para enfatizar puntos
uso de recursos gráficos para lograr objetivos comunicacionales (se deben respetar las decisiones anteriores de jerarquía)
![Page 12: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/12.jpg)
06. estilos
definición de estilos gráficos representación de la identidad que se comunica
(la coherencia es fundamental para un buen resultado)
![Page 13: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/13.jpg)
datos elección de representación visual
![Page 14: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/14.jpg)
01. diagramas
sirven para ilustrar temporalidad, procesos paso a paso o relaciones entre elementos
![Page 15: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/15.jpg)
02. mapas
sirven para mostrar y relacionar en base a la ubicación se puede cruzar con otros datos cuantitativos
![Page 16: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/16.jpg)
03. gráficos
de barra, pie, lineales, etc, sirven para visualizar cambios en el tiempo, porcentajes de un total comparaciones de datos
0
25
50
75
100
Abril Mayo Junio Julio
![Page 17: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/17.jpg)
ejemplos veamos a través de infografías existentes
![Page 18: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/18.jpg)
![Page 19: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/19.jpg)
![Page 20: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/20.jpg)
![Page 21: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/21.jpg)
![Page 22: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/22.jpg)
últimas recomendaciones
cuenten una historia, con principio y final verifiquen su efectividad (test con lectores)
no sobre diseñen (menos es más) consideren tiempos de lectura y ritmo
![Page 23: Arquitectura de la Información para Infografías](https://reader030.vdocuments.net/reader030/viewer/2022032617/55abe84f1a28abc4678b46ef/html5/thumbnails/23.jpg)
Katherine Exss Cid | 24 de abril 201
fin ¿preguntas?
gracias :)