Muchas veces manejamos gran cantidad de información que, por su volumen y complejidad, es difícil de comunicar a través de la web y hacerlo de forma comprensible y amena para nuestro cliente. Hay estudios contrastado que demuestra que nuestro cerebro asimila más y mejor una información a visual que en cualquier otro formato. Pues, ¿por qué no aprovecharlo? La infografía consiste en convertir la información en elementos gráficos, de manera que facilite su comprensión y la transmisión del mensaje. En este webinar conoceremos cómo reducir el contenido de texto de su site, por una información gráfica e interactiva. La intención es mejorar la experiencia del usuario y la comunicación recibida. Muchas veces manejamos gran cantidad de información, que por su volumen y complejidad, es difícil de comunicar a través de la web. Cómo nuestro cerebro asimila más fácilmente una información a nivel visual, ¿por qué no aprovecharlo? La infografía consiste en convertir la información en elementos gráficos, de manera que facilite su comprensión y la transmisión de nuestro mensaje. Algunos de los puntos que veremos durante el desarrollo del mismo son: La importancia de los contenidos El peso visual de la composición Características de las imágenes Los pictogramas El significado de las imágenes El Pensamiento Visual ¿Qué es una infografía? Ventajas de la infografía Usos infográficos Tipos de infografías Estructura de la infografía Fases de creación de una infografía Herramientas para la creación de contenidos infográficos Distribución Analítica y seguimiento

2. No lo escribas, ¡dibújalo!
El valor de la infográfia.

3. La importancia de los contenidos

4. La importancia de los contenidos
Por orden de Peso Visual:
• Titulo
• Subtítulo
• Entradilla (Lead)
• Cuerpo de Texto

5. La importancia de los contenidos
EyeTrack

6. La importancia de los contenidos
Investigaciones de Eyetrack revelan lo siguiente:
• Lo primero que llama la atención de los lectores al entrar a una pagina web
es el texto; buscan leer artículos breves.
• Luego se enfocan en las fotografías y gráficos, mientras que los artículos
impresos lo contrario.
✴ Es necesario evitar el Ruido

7. Características de las imágenes
Imágenes Accesibles
• Formatos: PNG, JPG, GIF
• Resolución: 72 ppi
• Tamaños de imagen 1:1. (Para tamaños mayores enlazarlas)

8. Pictogramas

9. Pictogramas

10. Pictogramas

11. Pictogramas

12. Iconografías

13. ¿Qué es una
Infografía?

14. Definición Infografía
• Info: Información, Grafía: griego “grafos”
• La infografía es una interpretación visual, gráfica
o icónica de la información.
• Está formada de infogramas: figuras, mapas,
viñetas, fotografías, esquemas o diagramas.
• Proporciona una información con una sola
mirada.

15. Estructura Infografía
• Titular: sintetiza el contenido de la información.
• Subtítulo: sirve para reforzar el título.
• Cuerpo de Texto: contenido en forma de texto de la
información.
• Elementos Visuales: que refuerzan el contenido
global y textual.
• Fecha y autoría.
• Fuente: dónde se recopilaron los datos.

16. Tipos de Infografías
• Estadística: basadas exclusivamente en datos
estadísticos.
• Conceptual: utilizan elementos gráficos para explicar un
concepto.
• Mapas: tienen la función de mostrar un proceso de
producción o realización.
• Cartoons: muestran ideas, conceptos, escenarios.
• Información: dan información especifica.
• TimeLines: muestran la evolución de un proceso.

17. Usos de las Infografías

18. Usos de las Infografías

19. Usos de las Infografías

20. Usos de las Infografías

21. Tipos de Infografías
• Estáticas
• Dinámicas
• Interactivas

22. Fases de creación Infografías
• Recopilación de Información
• Análisis
• Síntesis
• Salida

23. Marca

24. Ernesto Olivares

25. Marca

26. El Mundo

27. Contenidos Accesibles
Imágenes
• Formatos: PNG, JPG, GIF
• Resolución: 72 ppi
• Tamaños de imagen 1:1. (Para tamaños mayores enlazarlas)
Vídeos
• Formatos: mp4, Mpeg-2 códec H.264
• Tamaños: 720 x 480 píxeles (4:3) 1280x720 (16:9 HD)
Interactividad
• Formatos: Html5, Css3 y Javascript
• NO FLASH

28. Contenidos Accesibles

29. Contenidos Accesibles

30. Around the World

31. Malofiej

32. Herramientas para
la creación de Infografías

33. infogr.am

34. Piktochart

35. easelly

36. visual.ly

37. Adobe Edge

38. Ventajas con el uso
de Infografías

39. Ventajas al usar Infografías
• Fácil comprensión
• Útil
• Tráfico
• Viralización en Redes Sociales

40. Ventajas infografía

41. info@nextstudio.org