Post on 19-Jun-2015
description
¡Dale Vida a tus Infografías!Creación de Infografías Dinámicas e Interactivas
¿Qué es una Infografía?
Info: Información, Grafía: griego “grafos”
Info GrafíaLa infografía es una interpretación visual, gráfica o icónica de la información.
El Valor del Contenido
Inbound Marketing
Inbound Marketing
https://meetup.com/InBounders/
Estrategia de Contenidos
• Canales de comunicación!• Redacción online!• Contenidos optimizados!• Contenidos de usuarios
Mailing
Web con Noticias +
Suplementos
Videos
Redes Sociales
AdsNewsletter
La importancia de los contenidos
Usos de las Infografías
Ventajas del uso de Infografías
Cómo añadir una Infografía a las Redes Sociales
Infografía Estática
• Pinterest • Visual.ly • Facebook • Google + • SlideShare • Twitter
Infografía Dinámicas
• Youtube • Vimeo
Infografía Interactivas
• Blogs • Visual.ly • Blogs de Intercambios
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
Aprovechar el momento
Pensar en el buscador
Ser Originales
Una infografía pertenece a un contenido
Una infografía pertenece a un contenido
Características de una Infografía Dinámica e Interactiva
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)
Salida a Medios
YoutubeVimeo
Podcast
Estadísticas en YouTube
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
Diferencia entre una Infografía Dinámica e Interactiva
Infografía Estática
• El usuario es un espectador • Fácil de reproducir • Es muy fácil de compartir • Necesita poco tiempo comprensión
Infografía Estática
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
Contenidos Accesibles
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)
Infografía Interactiva
Estructura de una Infografía Interactiva
Estructura de una Infografía Interactiva
• Contenido (Texto, Imágenes, Audio, Vídeo) • Interfaz de Usuario • HotSpot
Comportamiento del Usuario
El usuario posee el control de:!!
• Secuencia!• Velocidad!• Qué mira!• Qué ignora
Infografía Interactiva
• Diseño UX • Diseño UI • Usabilidad • Arquitectura de la Información
Herramientas para la creación de Infografías Dinámicas e Interactivas
Adobe After Effects
Adobe Edge
¡Dale Vida a tus Infografías!Creación de Infografías Dinámicas e Interactivas