Upload
econred
View
538
Download
1
Embed Size (px)
DESCRIPTION
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
Citation preview
No lo escribas, ¡dibújalo!El valor de la infográfia.
La importancia de los contenidos
La importancia de los contenidos
Por orden de Peso Visual:
• Titulo • Subtítulo • Entradilla (Lead) • Cuerpo de Texto
La importancia de los contenidosEyeTrack
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
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)
Pictogramas
Pictogramas
Pictogramas
Pictogramas
Iconografías
¿Qué es una Infografía?
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.
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.
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.
Usos de las Infografías
Usos de las Infografías
Usos de las Infografías
Usos de las Infografías
Tipos de Infografías
• Estáticas • Dinámicas • Interactivas
Fases de creación Infografías
• Recopilación de Información • Análisis • Síntesis • Salida
Marca
Ernesto Olivares
El Mundo
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
Contenidos Accesibles
Contenidos Accesibles
Around the World
Malofiej
Herramientas para la creación de Infografías
infogr.am
Piktochart
easelly
visual.ly
Adobe Edge
Ventajas con el uso de Infografías
Ventajas al usar Infografías
• Fácil comprensión • Útil • Tráfico • Viralización en Redes Sociales
Ventajas infografía