El caso infogr.am - Escritura Periodística en Multimedia e Interactivos

GUÍA BÁSICA
Creación de
infografías:
El caso infogr.am
Universitat Autònoma de Barcelona
DIRECCIÓN EDITORIAL
REDACCIÓN
EDICIÓN
José Manuel Pérez Tornero
Marga Camps
Laia Teruel Mena
Irina García Montero
Mireia Sanz Estapé
Ana Bravo Mejía
Santiago Tejedor Calvo
www.gabinetecomunicacionyeducacion.com
1
Bienvenidos y bienvenidas a la guía básica sobre infogr.am, una herramienta para crear infografías en
línea sin necesidad de instalar un programa en nuestro ordenador. Una herramienta esencial para el
periodismo de datos. Este material forma parte de una colección de tutoriales editados por el Gabinete
de Comunicación y Educación con el objetivo de conocer herramientas 2.0 para el comunicador.
2
Los gráficos pueden parecer aburridos sino tenemos la herramienta adecuada. Con Infogr.am
todo cambia…
¿QUÉ ES INFOGR.AM?
Infogr.am es un servicio 2.0 de creación de infografías interactivas que nos permite adjuntar imágenes a nuestro
gráfico, hacerlo dinámico y atractivo para nuestro público. Variedad de colores, plantillas y todo tipo de grafismo
(barras, círculos, nubes de palabras,…) Además, su sistema es muy sencillo por lo que enseguida te haces con el
manejo de sus aplicaciones.
3
C A P Í T U LO 1
Comenzar en infogr.am
Primeros pasos
1. Registro
2. Pantalla de inicio
4
REGISTRO
Lo
primero
Como en muchas otras aplicaciones, nos da la opción de
que
debemos
hacer
es
acceder
a
registrarnos con nuestra cuenta de Twitter o Facebook
http://infogr.am
pero siempre es más recomendable hacerlo con el
correo
electrónico
porque
sino
nos
enviarán
notificaciones por las redes sociales.
PANTALLA DE INICIO
Y le daremos a Start now, it’s free! Después de ésta nos
saldrá la pantalla para
registrarnos
que
debemos
Arriba vemos una especie de cámara que es nuestro
con
panel personal de actividades. Un avatar que podemos
todos los datos que nos
cambiar cuando nos apetezca y por la foto que más nos
pide.
guste.
complementar
5
Si clicamos en él podremos ver como
UPGRATE TO PRO
se
Nos permite convertirnos a la cuenta Premium, en el caso de
despliega
toda
nuestra
que la queramos pagar.
información:
· Followers
· Folowing
· Infograms
· Featured
ACCOUNT
En este botón podemos ver los datos que
hemos dado a la página durante nuestro
registro.
Ésta tiene sus ventajas, como era de esperar, ya que con ella
podemos descargarnos las infografías en formato PNG o PDF,
Y cambiar lo que
hacerlas privadas, protegerlas con una contraseña y tener a
creamos oportuno: la
nuestro alcance otros cuatro diseños.
contraseña, el e-mail
o
el
nombre
de
usuario.
6
CHANGE AVATAR
Puedes saber:
Como dijimos antes, podemos cambiar el personaje que saldrá en
· Si tienes un nuevo seguidor.
nuestra cuenta por una fotografía.
· Si quieres recibir la Newsletter
· Y si quieres que te envíen notificaciones variadas como,
por ejemplo, que un nuevo amigo se ha registrado en
infogr.am
Aunque éste tiene su gracia…
Le damos a upload file y puedes subir lo que más te apetezca: un
dibujo, una foto, una imagen… Carta libre para personalizarlo.
E-MAIL NOTIFICATIONS
Este apartado es importante si no quieres recibir las notificaciones
en tu cuenta de correo ya que puedes escoger cuál de las tres
opciones que te dan, se ajusta a tus necesidades.
7
C A P Í T U LO 2
La infografía
Información básica
1. ¿Qué es?
2. Características
3. Partes clásicas
8
Aunque pueda parecer que el texto debe ser corto no es así
necesariamente.
El cuerpo nos da lo más importante, toda la información visual
¿QUÉ ES?
ya sea en forma de gráfico de barras, de líneas, diagrama, tabla,
Es un diseño gráfico en el que se combina el texto con diferentes
etc.
elementos visuales y representadas, normalmente con figuras que
Es importante para el periodista la fuente y no hay que
pueden coincidir o no con grafismos abstractos y/o sonidos.
olvidarla cuando hacemos un infográfico ya sea para indicar
que es de producción propia o no.
CARACTERÍSTICAS
Las características básicas para todos los infográficos a tener en
cuenta son:
· Sirve para presentar informaciones complicadas para facilitar
el entendimiento.
· Muy visual.
· Permite contextualizar los personajes o los datos de la
información.
· Es un complemento al texto.
· Debe responder al qué, quién, cuándo, dónde, cómo, por
quién.
PARTES CLÁSICAS
El titular debe ser directo y corto pero ha de expresar el contenido
del cuadro.
9
C A P Í T U LO 3
Plasma tus datos
Trabajar los gráficos
1. Elementos
2. Crear una infografía
3. Introducción de los
datos
4. Publicar y compartir
10
Cada una de ellas nos da un estilo muy personal para el tema que
queramos tratar.
ELEMENTOS
Ahora que ya sabemos lo qué es una infografía y conocemos las
características básicas toca aprender más sobre esta herramienta.
Cuando accedemos a la página de inicio, vemos el botón de create.
Ya la tenemos y le
damos
a
A partir de aquí empieza la difícil tarea de escoger que diseño
Use design.
queremos.
CHARTS
INFOGRAPHICS
En charts (Gráficos) podemos escoger el cuerpo, es
Cuando hemos escogido comenzar nuestro gráfico, hay que escoger
decir, si queremos que sea un
el tema entre unas cuantas plantillas que tenemos disponibles (6).
diseño con barras, burbujas,
Algunas de estas sólo están disponibles para usuarios pro.
tablas,
11
líneas,
áreas
y…
¡muchos más!
Añadir un gráfico
Añadir un mapa
Añadir texto
Añadir imagen
Añadir vídeo
CREAR UNA INFOGRAFÍA
Los elementos que decidamos añadir se irán colocando debajo del
gráfico principal
como vemos en
este ejemplo.
Empezamos a crear nuestra infografía con la plantilla que hemos
escogido antes.
PANEL DE TRABAJO
Nos sale predeterminado un tipo
12
de gráfico que podemos cambiar simplemente al eliminarlo y añadir
nuestro gráfico y, como hemos dicho antes puedes elegir entre
uno de nuevo.
Facebook, Twitter, Google + y Pinterest.
EDITAR GRÁFICO
Con un doble clic en el título, el subtítulo o en el gráfico nos permite
cambiar el nombre o los datos para crear el nuestro propio.
INTR
ODU
CCIÓN DE LOS DATOS
Settings Previsualización
En settings podemos cambiar el aspecto de
nuestro infográfico si el tema no nos
convence o si queremos escoger otra red
social en la que compartir nuestro trabajo.
Para otro diseño debemos clicar en change
theme.
También
tenemos la
opción de
cambiar la anchura (width) de
13
Editamos los datos y elegimos el nombre de los campos. Hemos
puesto horizontalmente las categorías (total, extranjeros, hombres y
mujeres) y las comunidades autónomas en vertical.
En la parte superior de la tabla de datos vemos tres iconos.
·
Éstos nos indican que podemos personalizar aún más nuestro gráfico
según si queremos que sea:
Agrupado (Grouped).
En este tipo de gráfico nos salen
· Barras.
todos los subgráficos hecho en la
tabla mientras que en el primero se
nos desglosa en diferentes pestañas y
en el segundo, las comunidades
representan cada uno de los colores.
Para nuestro tipo de gráfico vamos a
escoger la primera opción: las barras.
AÑADIR MAPA
· ‘Apilados’ (Stracked).
En
esta
añadiremos
mundial
14
ocasión
un
sobre
mapa
los
parados a nivel global.
Nos saldrá esta tabla en la que podemos cambiar los datos y
escoger los que nosotros queremos.
Igual que en el gráfico, con un doble clic en el mapa podemos
editar los contenidos.
Debemos poner los nombres en inglés para que los encuentre.
Tanto en la previsualización como cuando tengamos lista nuestra
infografía, podemos hacer zoom en el mapa ya que sino no podemos
ver bien los datos.
AÑADIR TEXTO
Añadiremos un texto, pero no cualquiera sino uno de
atractivo, el Facts & Figure.
Podemos poner un texto lineal, simple, una cita, etc.
Editamos la información que queremos que salga y el
icono. También tenemos la opción de añadir más páginas.
Éste es el resultado final de
nuestro texto.
15
Para los vídeos deberemos encontrar la dirección en vimeo o youtbe
y adjuntarlo.
AÑADIR FOTO Y VÍDEO
Para añadir fotos vamos a seguir un sencillo paso. Primero clicamos
en el icono correspondiente y luego se nos abrirá una ventana de carga
de nuestro ordenador, seleccionamos y ya está.
16
PUBLICAR Y COMPARTIR
Aquí escogemos la red
Estos pasos son los más fáciles de todo.
social
en
la
compartir
que
nuestro
gráfico, si queremos o
Clicamos en share y nos saldrá la siguiente pestaña:
copiar en enlace y lo
podremos
incrustar
(embed) en una página
web o un blog.
Y aquí el resultado final: http://infogr.am/Parados-en-Espaa/
Aquí podemos modificar de nuevo el título y subtítulo de nuestro
infográfico y podemos publicarlo de forma privada si somos usuarios
pro.
Vamos a dejar este titular y seguiremos.
17
CREACIÓN DE INFOGRAFÍAS: EL CASO INFOGR.AM
Gabinete de Comunicación y Educación
Universitat Autònoma de Barcelona
Facultat de Ciències de la Comunicació
Edifici I. Despacho 49
08193 Bellaterra, Barcelona (España)
Teléfono + 34 93 581 16 89
email: g.comunicacio.educacio@uab.es
© GABINETE DE COMUNICACIÓN Y EDUCACIÓN
18