Infografía e Infografía Dinámica Ejemplos y Contenidos sobre infografías dinámicas

1. Periodismo DigitalPeriodismo Digital
Prof. Marcelo Santos - @celooProf. Marcelo Santos - @celoo
Periodismo DigitalPeriodismo Digital
Prof. Marcelo Santos - @celooProf. Marcelo Santos - @celoo
Infografía Dinámica
UDD - 2013

2. ¿Qué es una infografía?
• Información sistematizada con apoyo
visual
• ¿Y lo digital?
UDD 2 Prof. Marcelo Santos - @celoo

3. Infografía digital
1. Virtual
2. En línea
3. Multimodal (multimedios + movimiento)
4. No-lineal
5. Dinámica (base de datos)
6. Interactiva
UDD 3 Prof. Marcelo Santos - @celoo

4. Diagrama de Ciencias – Proyecto Cognitus
UDD Prof. Marcelo Santos - @celoo
- Niveles de
proximidad
- Interacción
- Sonido +
Movimiento
- Complejidad
- Niveles de
proximidad
- Interacción
- Sonido +
Movimiento
- Complejidad

5. Mapa Dinámico de la Amazonia Legal
UDD Prof. Marcelo Santos - @celoo
- Exceso de
información
- Comparación
- Zoom + / -
- Exceso de
información
- Comparación
- Zoom + / -

6. Juego e-Dance
UDD Prof. Marcelo Santos - @celoo
- Traducción a ambiente
digital
- Combinación de
animacion e
interactividad
- Traducción a ambiente
digital
- Combinación de
animacion e
interactividad

7. Sitio Expedición Brasil Adentro
UDD Prof. Marcelo Santos - @celoo
- Lenguaje joven,
interactiva
- Botones con sonido y
animación
- Animación de
introducción
- Lenguaje joven,
interactiva
- Botones con sonido y
animación
- Animación de
introducción

8. Ineos Silicas: Presentación de producto
UDD Prof. Marcelo Santos - @celoo
- Presentación dinámica
- Soporte a movimiento
- Animación como
soporte didáctico a
Información más
compleja
- Marketing: seducir e
impresionar clientes
- Presentación dinámica
- Soporte a movimiento
- Animación como
soporte didáctico a
Información más
compleja
- Marketing: seducir e
impresionar clientes

9. Primo Comunicação: Portafolio Animado
UDD Prof. Marcelo Santos - @celoo
- Demostración de
creatividad
- ¿Es Infografía?
- Uso de metáforas
visuales: Taxonomía =
calles y avenidas
- Demostración de
creatividad
- ¿Es Infografía?
- Uso de metáforas
visuales: Taxonomía =
calles y avenidas

10. Story of Stuff
UDD Prof. Marcelo Santos - @celoo
- Uso de animaciones y
dibujos
- Énfasis en lo didáctico
- Entretenido, dinámico
- Articulación con otros
contenidos dentro y
fuera del sitio
- Invitación a la acción
- Uso de animaciones y
dibujos
- Énfasis en lo didáctico
- Entretenido, dinámico
- Articulación con otros
contenidos dentro y
fuera del sitio
- Invitación a la acción

11. Otros ejemplos
• Scoop.it del curso,
etiqueta: infografías dinámicas
• Martin Wattenberg
• Buscar en la web ejemplos y compartir en
el blog
UDD 11 Prof. Marcelo Santos - @celoo

12. ¿Cómo proyectar una infografía dinámica?
• Diagrama básico estático: organiza ideas
• Storyboard: ¿cómo la infografía se comporta en
el tiempo?
• Movimientos: animación, entrada y salida
• Interacción: mouse over, click, arrastre
• Articulación: links, incrustaciones referencias,
bibliografía
• Multimedia: sonidos, imágenes, podcast
• ¿Herramientas en la web o
desarrollo?
UDD 12 Prof. Marcelo Santos - @celoo

13. ¿Cómo proyectar una infografía dinámica?
• Recursos:
• Universidad de Berkeley: Multimedia Storytelling
• Calvin College: Resources on Digital Storytelling
• How to turn a static visualization into a successful
animation
UDD 13 Prof. Marcelo Santos - @celoo

14. Storyboard
UDD 14 Prof. Marcelo Santos - @celoo
http://blog.visual.ly/how-to-turn-a-static-visualization-into-a-
successful-animation/

15. Storyboard
• Similar a un cómic:
• Cuadro a cuadro
• Expresión del movimiento y la interacción en
el tiempo
• Indicar los elementos multimedia, links etc.
UDD 15 Prof. Marcelo Santos - @celoo

16. Ejercicio
• Realizar un storyboard para ilustrar la
información de una nota compleja:El Rol
de Augustín Edwards antes y después
del 11 de septiembre de 1973
• Responda:
• ¿Cuál es el hilo conductor?
• ¿Cuáles son las posibilidades de articulación
de contenido?
• ¿Cuáles son las posibilidades de
interacción y cómo?
UDD 16 Prof. Marcelo Santos - @celoo

17. Ejercicio
En una hoja de papel, realice el
storyboard mostrando, cuadro a cuadro,
cuál es la información entregada y cómo
será la interacción y el movimiento
(aparecer y borrar, interactuar, play/stop
etc.)
UDD 17 Prof. Marcelo Santos - @celoo