¡dale vida a tus infografías!

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

Upload: econred

Post on 19-Jun-2015

333 views

Category:

Education


0 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: ¡Dale vida a tus Infografías!

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

Page 2: ¡Dale vida a tus Infografías!

¿Qué es una Infografía?

Page 3: ¡Dale vida a tus Infografías!

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.

Page 4: ¡Dale vida a tus Infografías!

El Valor del Contenido

Page 5: ¡Dale vida a tus Infografías!

Inbound Marketing

Page 6: ¡Dale vida a tus Infografías!

Inbound Marketing

https://meetup.com/InBounders/

Page 7: ¡Dale vida a tus Infografías!

Estrategia de Contenidos

• Canales de comunicación!• Redacción online!• Contenidos optimizados!• Contenidos de usuarios

Mailing

Web con Noticias +

Suplementos

Videos

Redes Sociales

AdsNewsletter

Page 8: ¡Dale vida a tus Infografías!

La importancia de los contenidos

Page 9: ¡Dale vida a tus Infografías!

Usos de las Infografías

Page 10: ¡Dale vida a tus Infografías!

Ventajas del uso de Infografías

Page 11: ¡Dale vida a tus Infografías!
Page 12: ¡Dale vida a tus Infografías!

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

Page 13: ¡Dale vida a tus Infografías!

Infografía Estática

• Pinterest • Visual.ly • Facebook • Google + • SlideShare • Twitter

Page 14: ¡Dale vida a tus Infografías!

Infografía Dinámicas

• Youtube • Vimeo

Page 15: ¡Dale vida a tus Infografías!

Infografía Interactivas

• Blogs • Visual.ly • Blogs de Intercambios

Page 16: ¡Dale vida a tus Infografías!

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

Page 17: ¡Dale vida a tus Infografías!

Aprovechar el momento

Page 18: ¡Dale vida a tus Infografías!

Pensar en el buscador

Page 19: ¡Dale vida a tus Infografías!

Ser Originales

Page 20: ¡Dale vida a tus Infografías!

Una infografía pertenece a un contenido

Page 21: ¡Dale vida a tus Infografías!

Una infografía pertenece a un contenido

Page 22: ¡Dale vida a tus Infografías!

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

Page 23: ¡Dale vida a tus Infografías!

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)

Page 24: ¡Dale vida a tus Infografías!

Salida a Medios

YoutubeVimeo

Podcast

Page 25: ¡Dale vida a tus Infografías!

Estadísticas en YouTube

Page 26: ¡Dale vida a tus Infografías!

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

Page 27: ¡Dale vida a tus Infografías!

Diferencia entre una Infografía Dinámica e Interactiva

Page 28: ¡Dale vida a tus Infografías!

Infografía Estática

• El usuario es un espectador • Fácil de reproducir • Es muy fácil de compartir • Necesita poco tiempo comprensión

Page 30: ¡Dale vida a tus Infografías!

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

Page 32: ¡Dale vida a tus Infografías!

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)

Page 34: ¡Dale vida a tus Infografías!

Estructura de una Infografía Interactiva

Page 35: ¡Dale vida a tus Infografías!

Estructura de una Infografía Interactiva

• Contenido (Texto, Imágenes, Audio, Vídeo) • Interfaz de Usuario • HotSpot

Page 37: ¡Dale vida a tus Infografías!

Comportamiento del Usuario

El usuario posee el control de:!!

• Secuencia!• Velocidad!• Qué mira!• Qué ignora

Page 38: ¡Dale vida a tus Infografías!

Infografía Interactiva

• Diseño UX • Diseño UI • Usabilidad • Arquitectura de la Información

Page 39: ¡Dale vida a tus Infografías!
Page 40: ¡Dale vida a tus Infografías!
Page 41: ¡Dale vida a tus Infografías!

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

Page 42: ¡Dale vida a tus Infografías!

Adobe After Effects

Page 43: ¡Dale vida a tus Infografías!

Adobe Edge

Page 44: ¡Dale vida a tus Infografías!

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