No lo escribas, ¡dibújalo!

Post on 25-Jun-2015

536 views 1 download

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

Transcript of No lo escribas, ¡dibújalo!

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

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

info@nextstudio.org