¡Dale vida a tus Infografías!

610 views
499 views

Published on

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.

Published in: Education

¡Dale vida a tus Infografías!

  1. 1. ¡Dale Vida a tus Infografías! Creación de Infografías Dinámicas e Interactivas
  2. 2. ¿Qué es una Infografía?
  3. 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. 4. El Valor del Contenido
  5. 5. Inbound Marketing
  6. 6. Inbound Marketing https://meetup.com/InBounders/
  7. 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. 8. La importancia de los contenidos
  9. 9. Usos de las Infografías
  10. 10. Ventajas del uso de Infografías
  11. 11. Cómo añadir una Infografía a las Redes Sociales
  12. 12. Infografía Estática • Pinterest • Visual.ly • Facebook • Google + • SlideShare • Twitter
  13. 13. Infografía Dinámicas • Youtube • Vimeo
  14. 14. Infografía Interactivas • Blogs • Visual.ly • Blogs de Intercambios
  15. 15. 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
  16. 16. Aprovechar el momento
  17. 17. Pensar en el buscador
  18. 18. Ser Originales
  19. 19. Una infografía pertenece a un contenido
  20. 20. Una infografía pertenece a un contenido
  21. 21. Características de una Infografía Dinámica e Interactiva
  22. 22. 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)
  23. 23. Salida a Medios YoutubeVimeo Podcast
  24. 24. Estadísticas en YouTube
  25. 25. 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
  26. 26. Diferencia entre una Infografía Dinámica e Interactiva
  27. 27. Infografía Estática • El usuario es un espectador • Fácil de reproducir • Es muy fácil de compartir • Necesita poco tiempo comprensión
  28. 28. Infografía Estática
  29. 29. 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
  30. 30. Contenidos Accesibles
  31. 31. 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)
  32. 32. Infografía Interactiva
  33. 33. Estructura de una Infografía Interactiva
  34. 34. Estructura de una Infografía Interactiva • Contenido (Texto, Imágenes, Audio, Vídeo) • Interfaz de Usuario • HotSpot
  35. 35. Contenidos Accesibles
  36. 36. Comportamiento del Usuario El usuario posee el control de:! ! • Secuencia! • Velocidad! • Qué mira! • Qué ignora
  37. 37. Infografía Interactiva • Diseño UX • Diseño UI • Usabilidad • Arquitectura de la Información
  38. 38. Herramientas para la creación de Infografías Dinámicas e Interactivas
  39. 39. Adobe After Effects
  40. 40. Adobe Edge
  41. 41. ¡Dale Vida a tus Infografías! Creación de Infografías Dinámicas e Interactivas

×