La infografía es uno de los recursos más utilizados en Internet para viralizar un contenido, pero si le agregamos elementos dinámicos e interactivos, conseguiremos que nuestro público objetivo, permanezca más tiempo en nuestra página y aumente el tráfico hacia ella. En este webinar veremos las ventajas que posee un contenido dinámico, sobre otro estático y cuáles son las herramientas que podemos contar para su creación. Los contenidos que se verán en el Seminario online serán los siguientes: - Cualidades de una Infografía. - Ventajas del contenido dinámico. - El uso del lenguaje estándar. - Herramientas para Infografías Dinámicas. - La interacción del contenido. - Aplicar SEO Orgánico en nuestras Infografías.

1. ¡Dale Vida a tus Infografías!
Creación de Infografías Dinámicas e Interactivas

2. ¿Qué es una
Infografía?

3. Info: Información, Grafía: griego “grafos”
InfoGrafía
La infografía es una interpretación visual,
gráfica o icónica de la información.

4. El Valor del Contenido

5. Inbound Marketing

6. Inbound Marketing
https://meetup.com/InBounders/

7. Estrategia de Contenidos
• Canales de comunicación!
• Redacción online!
• Contenidos optimizados!
• Contenidos de usuarios
Mailing
Web con
Noticias +
Suplementos
Videos
Redes
Sociales
Ads
Newsletter

8. La importancia de los contenidos

9. Usos de las Infografías

10. Ventajas del uso
de Infografías

12. Cómo añadir una Infografía
a las Redes Sociales

13. Infografía Estática
• Pinterest
• Visual.ly
• Facebook
• Google +
• SlideShare
• Twitter

14. Infografía Dinámicas
• Youtube
• Vimeo

15. Infografía Interactivas
• Blogs
• Visual.ly
• Blogs de Intercambios

16. Contenidos de Valor
• Crear contenidos de interés para nuestro público
• Aprovecha el momento
• Utiliza Imágenes accesibles
• Piensa en los buscadores
• Ser originales
• Una infografía pertenece a un contenido

17. Aprovechar el momento

18. Pensar en el buscador

19. Ser Originales

20. Una infografía pertenece a un contenido

21. Una infografía pertenece a un contenido

22. Características de una Infografía
Dinámica e Interactiva

23. La importancia de los contenidos
Los usuarios buscan contenidos audiovisuales
!
(55% del tráfico web mundial = VIDEO)
!
Los sitios web que incluyen VIDEOS retienen a los usuarios
!
(+ 25 minutos)

24. Salida a Medios
YoutubeVimeo
Podcast

25. Estadísticas en YouTube

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

27. Diferencia entre una Infografía
Dinámica e Interactiva

28. Infografía Estática
• El usuario es un espectador
• Fácil de reproducir
• Es muy fácil de compartir
• Necesita poco tiempo comprensión

29. Infografía Estática

30. Infografía Animada
• El usuario es un espectador
• Es necesario un reproductor
• No es fácil de compartir
• Necesita más tiempo de atención
• Hay que captar la atención desde el primer momento
• Imprimir dinamismo
• Sincronizar audio y vídeo

31. Contenidos Accesibles

32. Infografía Interactiva
• El usuario actúa
• Se ejecuta dentro del blog
• No es fácil de compartir
• Necesita más tiempo de atención
• Debemos captar la atención en todo momento
• Aplicar KeyWords (SEO Orgánico)

33. Infografía Interactiva

34. Estructura de una
Infografía Interactiva

35. Estructura de una Infografía Interactiva
• Contenido (Texto, Imágenes, Audio, Vídeo)
• Interfaz de Usuario
• HotSpot

36. Contenidos Accesibles

37. Comportamiento del Usuario
El usuario posee el control de:!
!
• Secuencia!
• Velocidad!
• Qué mira!
• Qué ignora

38. Infografía Interactiva
• Diseño UX
• Diseño UI
• Usabilidad
• Arquitectura de la Información

41. Herramientas para la creación de
Infografías Dinámicas e Interactivas

42. Adobe After Effects

43. Adobe Edge

44. ¡Dale Vida a tus Infografías!
Creación de Infografías Dinámicas e Interactivas