Infografía Indicadores clave del coeficiente digital de la empresa andres macario
05 periodismo digital - infografía
-
Upload
marcelo-santos -
Category
Education
-
view
350 -
download
3
Transcript of 05 periodismo digital - infografía
Periodismo DigitalPeriodismo DigitalProf. Marcelo Santos - @celoo Prof. Marcelo Santos - @celoo
Periodismo DigitalPeriodismo DigitalProf. Marcelo Santos - @celoo Prof. Marcelo Santos - @celoo
Infografía Dinámica
UDD - 2013
¿Qué es una infografía?
• Información sistematizada con apoyo visual
• ¿Y lo digital?
UDD 2 Prof. Marcelo Santos - @celoo
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
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
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 + / -
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
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
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
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
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
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
¿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
¿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
Storyboard
UDD 14 Prof. Marcelo Santos - @celoo
http://blog.visual.ly/how-to-turn-a-static-visualization-into-a-successful-animation/
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
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
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