41

No lo escribas, ¡dibújalo!

  • 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

Page 2: No lo escribas, ¡dibújalo!

No lo escribas, ¡dibújalo!El valor de la infográfia.

Page 3: No lo escribas, ¡dibújalo!

La importancia de los contenidos

Page 4: No lo escribas, ¡dibújalo!

La importancia de los contenidos

Por orden de Peso Visual:

• Titulo • Subtítulo • Entradilla (Lead) • Cuerpo de Texto

Page 5: No lo escribas, ¡dibújalo!

La importancia de los contenidosEyeTrack

Page 6: No lo escribas, ¡dibújalo!

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

Page 7: No lo escribas, ¡dibújalo!

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)

Page 8: No lo escribas, ¡dibújalo!

Pictogramas

Page 9: No lo escribas, ¡dibújalo!

Pictogramas

Page 10: No lo escribas, ¡dibújalo!

Pictogramas

Page 11: No lo escribas, ¡dibújalo!

Pictogramas

Page 12: No lo escribas, ¡dibújalo!

Iconografías

Page 13: No lo escribas, ¡dibújalo!

¿Qué es una Infografía?

Page 14: No lo escribas, ¡dibújalo!

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.

Page 15: No lo escribas, ¡dibújalo!

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.

Page 16: No lo escribas, ¡dibújalo!

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.

Page 17: No lo escribas, ¡dibújalo!

Usos de las Infografías

Page 18: No lo escribas, ¡dibújalo!

Usos de las Infografías

Page 19: No lo escribas, ¡dibújalo!

Usos de las Infografías

Page 20: No lo escribas, ¡dibújalo!

Usos de las Infografías

Page 21: No lo escribas, ¡dibújalo!

Tipos de Infografías

• Estáticas • Dinámicas • Interactivas

Page 22: No lo escribas, ¡dibújalo!

Fases de creación Infografías

• Recopilación de Información • Análisis • Síntesis • Salida

Page 23: No lo escribas, ¡dibújalo!

Marca

Page 24: No lo escribas, ¡dibújalo!

Ernesto Olivares

Page 26: No lo escribas, ¡dibújalo!

El Mundo

Page 27: No lo escribas, ¡dibújalo!

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 28: No lo escribas, ¡dibújalo!

Contenidos Accesibles

Page 30: No lo escribas, ¡dibújalo!

Around the World

Page 31: No lo escribas, ¡dibújalo!

Malofiej

Page 32: No lo escribas, ¡dibújalo!

Herramientas para la creación de Infografías

Page 33: No lo escribas, ¡dibújalo!

infogr.am

Page 34: No lo escribas, ¡dibújalo!

Piktochart

Page 35: No lo escribas, ¡dibújalo!

easelly

Page 36: No lo escribas, ¡dibújalo!

visual.ly

Page 37: No lo escribas, ¡dibújalo!

Adobe Edge

Page 38: No lo escribas, ¡dibújalo!

Ventajas con el uso de Infografías

Page 39: No lo escribas, ¡dibújalo!

Ventajas al usar Infografías

• Fácil comprensión • Útil • Tráfico • Viralización en Redes Sociales

Page 40: No lo escribas, ¡dibújalo!

Ventajas infografía