# data[].attributes.body
¿Qué es una infografía?

# data[].attributes.attachment_link.description
r/coolguides: Picture based reference guides for anything and everything. If it seems like something someone might print, physically post, and …

# data[].attributes.attachment_link.readable_text
¿Quieres crear o mejorar infografías? Seguramente ya te has sumergido en internet y has encontrado miles de recursos y post sobre el tema.

Para facilitarte la búsqueda, le preguntamos no a uno, sino a tres expertxs en diseño y visualización de información cuáles son sus tips básicos y elementales (esos que no puedes pasar por alto) para crear infografías basadas en datos.

Reunimos aquí tooodas sus recomendaciones 🙂 Ah y ya que estábamos en confianza también les preguntamos por su herramienta favorita.

Antes de empezar, agradecemos a Dennys, Alexandria y Sandra por compartirnos su sabiduría infografista 🙂

¿Listxs? Empezamos con los tips y recomendaciones para crear infografías.

Dennys Mejía - Editor de Plaza Pública, Guatemala

Twitter: @murdijuy

Comunicador visual, ilustrador, infografista. Editor de Innovación de Plaza PúblicaGT

7 recomendaciones:

1. Menos es más.
Una cosa que frecuentemente recomiendo en las charlas y talleres que he dado sobre infografía es que menos cantidad de datos, menos filtros, menos "dropdown list" (listas desplegables) para que el usuario "juegue" es mejor.

Lo que realmente se necesita al crear una infografía es llevar datos claros y puntuales y de calidad a los lectores. En general si diseñas una infografía para explicar un tema muy técnico, deberás hablar con lenguaje simple, es decir, eliminar tecnicismos y términos para expertos (a menos que tu intención sea que tu infografía vaya dirigida a expertos). Deberás encontrar y seleccionar la información más relevante para no "perder" a quienes van a leer tu infografía. Deberás tomar en cuenta la cantidad de data que pones a disposición para no crear confusión o que al final el usuario diga "ay que bonito, da dos toques a un filtro y luego nunca más vuelve porque le da pereza jugar con todo ese montón de datos.

2. Tomar en cuenta que narrativa usarás.
Mientras que el usuario experto prefiere que le dejes toda la data para combinarla, filtrarla, etc, (narrativa no lineal), a la gran mayoría de personas lo que les importa es que seas claro con lo que quieres contar, es decir, una narrativa lineal, lo que quieres decir que les gusta que les lleves de la mano por el inicio de tu tema, el desarrollo del mismo y finalmente les lleves a la conclusión.

3. Siempre empieza con papel y lápiz.
Si quieres hacer una buena infografía, ya sea para impresos o animada, siempre deberás empezar con un boceto. No existe manera en el planeta en que no empieces a desarrollar un proyecto infográfico sin antes haber empezado a bocetar sobre papel. Sin esto tu infografía probablemente cambie justo cuando piensas que ya casi la termines y con esto retrasarás todo el proyecto y terminarás frustrado.

4. Cuando ya estés casi por terminar tu infografía, ponla a prueba.
Pídele a personas que no sepan absolutamente nada del tema que vean tu proyecto o que interactúen con él. Lo que esas personas hagan será muy valioso para entender los errores en UX (experiencia de usuario) que pudiste haber cometido, o bien, esquemas o gráficos que simplemente no comunican la información de manera correcta.

5. No puedes crear una infografía de algo que no comprendes.
Ni siquiera intentes empezar un proyecto infográfico de algo que eres incapaz de poder explicar. Debes documentarte, leer, ver videos, escuchar a expertos antes de empezar el boceto. Pregunta si tienes dudas.

6. No creas que si se mueve más y tiene muchas animaciones es mejor.
La historia nos ha enseñado que las mejores infografías son las más simples, ejemplo, el mejor mapa infográfico de la historia que muestra la campaña fallida de Napoleón Bonaparte en Rusia.

7. Experimenta.
Por último creo que para innovar debes constantemente experimentar con nuevas formas para comunicar la información. Experimentar con juegos, con gifs, con gráficos simples tipo Pictoline, con interactivos, con video, etc, es deseable siempre y cuando apliques los pasos que anteriormente mencioné.

Herramienta favorita.
El papel y el lápiz. Luego Illustrator, pero si quieres aplicaciones en la web una que puede ayudar para el análisis de datos es Tableau, aunque no es muy funcional para publicar con ella cualquier trabajo. Existen otras muy simples para cosas puntuales, mapas: CartoDB, charts: Infogr.am, todas las que Knightlabs.

Alexandria Sevilla, editora en Tercera Vía, México

@elicalamidad

Comunicóloga con estudios en Comunicación Intercultural e Ideas Políticas Latinoamericanas. Ha trabajado en medios públicos, privados y en derechos humanos.

5 recomendaciones:
La información es poder, pero un bonche de datos aislados no dicen nada. Ponle cara y nombre a las cifras, ¿por qué debería de importarle a alguien esa información?
Más letras, menos atención. Posiblemente tengas un texto de 10 mil palabras igual de importantes, pero la brevedad es prioridad. En un mundo ideal una infografía es una invitación a tu audiencia a saber más sobre el tema. En el peor de los casos se quedará con los conceptos más básicos, pero se quedará con algo.

3. Confía en tu diseñadorx.
Si ya tienes un guión y haces equipo con alguna ilustradora o diseñador, platícalo con él o ella. Saben lo que hacen. Quizá pueda sustituir un párrafo entero con una ilustración o reacomodar el orden del texto para que visualmente sea más atractivo. No te cases con una idea, tal vez el producto final será muy diferente de lo que tenías en mente, pero -en la mayoría de los casos- no te arrepentirás.

4. No tengas miedo y toma postura.
Aunque los datos y fuentes formales respaldan las infografías, siempre habrá alguna información que se va a tener que quede fuera. La brevedad es clave. Privilegiar una información sobre otra ¡es tomar postura!. ¿Qué versión quieres contar?

Si el tema es muy controversial no está de más contar las dos partes de la historia.

5. Experimenta.
Que algo se haya hecho de la misma manera durante años, no significa que se tenga que seguir haciendo igual.

Las animaciones y las ilustraciones son herramientas y formatos poco explorados, pero maravillosos para el periodismo y la difusión de información en general.

¡No hay reglas! Los formatos son flexibles y puedes ajustarlos a lo que sea que necesites.

Herramienta favorita:
Suite de Adobe (CC): Adobe Illustrator, Adobe Photoshop, InDesign, Fireworks, Adobe Flash, Premiere y After Effects.

*Un dato interesante: "En el equipo no nos conocemos en persona y todxs trabajamos de manera remota. Nuestro principal canal de comunicación es Telegram y en menor medida slack"

Sandra Ordoñez - Diseñadora de SocialTIC, México

Diseñadora gráfica y embellecedora de temáticas incomprensibles. Promotora de derechos humanos.
9 recomendaciones y paso cero:
Primero que nada asegúrate que una infografía es lo que en verdad necesita el proyecto para cumplir los objetivos y llegar a la audiencia que se desea. Es decir, cuestiónate si el tema tiene mucha información y necesita una estructura clara y atractiva para tu audiencia.

Si sí, continúa:

1. Define bien el tema e investiga a profundidad (revisa bien tus fuentes).
2. Procesa tu información (quita lo que no es necesario).
3. Boceta tu información (haz un diagrama claro de la información).
4. No pierdas de vista lo que a tu audiencia le funciona y los objetivos que quieres lograr.
5. Elige el formato (web o impresión) y el estilo (jovial, serio, divertido, etc.).
6. Con el boceto que tienes haz otro pero como si contarás una historia (principio, nudo y final). Tiene que haber un gancho (algo visual que resalte en la infografía como tipografía, ilustración, diagrama, etc.).
7. Para que tengas mayor claridad revisa los principios básicos del diseño... y la ortografía.
8. Elige un título apropiado, breve y memorable.
8. Pruébala con otras personas y haz modificaciones.
9. Al hacerlas pruébala otra vez y si ya es comprensible, difúndela.

Herramienta favorita: piktochart

Ya que estás por aquí, te recomendamos leer también:

- Pon a prueba tus visualizaciones: 10 pasos y aprendizajes para mejorar su impacto.
- ¿Cómo mejorar tus diseños?

# data[].attributes.attachment_link.title
Imprescindibles de diseño para infografías: más de 20 tips de expertos/as | InfoActivismo.org

# data[].attributes.attachment_link.description
¿Quieres crear o mejorar infografías? Seguramente ya te has sumergido en internet y has encontrado miles de recursos y post sobre el tema. Para facilitarte la búsqueda, le preguntamos no a uno, sino a tres expertxs en diseño y visualización de información cuáles son sus tips básicos y elementale ...

# data[].attributes.attachment_link.readable_text
Para el infoactivismo, el diseño gráfico va más allá de realizar algo que resulte "bonito", es la conformación de un elemento visual que nos ayudará a comunicar un mensaje a alguien. Así que lo importante no es que acabe gustándonos a nosotrxs, sino que la audiencia a la que va dirigido: le atraiga, lo vea y lo entienda.

Si bien hay personas que estudian años este campo, a continuación hablaremos de recomendaciones básicas para mejorar los diseños que ya elaboras dentro de las actividades diarias de promoción de tu causa, como carteles, invitaciones electrónicas a un evento o postales para redes sociales. ¡Existen elementos mínimos que debes cuidar siempre!

Como Tactical Tech menciona en su guía Visualizando información para la incidencia cada esfuerzo gráfico debe tomar en cuenta cuatro aspectos: la información, el diseño, la tecnología y las redes de personas que nos ayudarán a difundir. Ahora revisaremos entonces el elemento de diseño.

"Cuando pensamos en el diseño, tendemos a quedar atrapados en ideas de gusto, pero un buen diseño es el que involucra a las personas, utilizando el lenguaje estético de su audiencia y presentando la información visual de una manera convincente."

Los elementos básicos del diseño

Los que vamos a revisar son: distribución, texto, color e imagen, pero antes debemos hablar de planeación y del objetivo que buscamos con el diseño que queremos lograr.

Planeación del diseño: reflexiona sobre tu objetivo y audiencia

1. Antes de empezar a realizar tu trabajo piensa en qué es lo que quieres decir y quién es tu audiencia. Aquí un recurso que puede ayudarte. Toma en cuenta aspectos que determinen qué es relevante para tu audiencia como: edad, gustos, etc. Lo que buscamos es entender el entorno donde trabajaremos y qué debe influenciar el estilo de tu trabajo.

2. Piensa qué harás con este diseño ¿lo vas a imprimir o a difundir en redes? Dependiendo de eso será el tamaño del archivo con el que vas a trabajar, los colores, la tipografía o el tamaño de la letra. En un blog pasado hablamos más al respecto. También considera el tiempo de hacer pruebas de impresión, en caso de que ese sea el formato final que estés pensando.

Distribución de los elementos de un diseño

1. Haz una lista de los elementos que debes de agregar en el diseño: título, dirección, imagen, texto. Identifica cuál es el nivel de prioridad de estos elementos.

2. Comienza por hacer un boceto en papel para decidir dónde pondrías cada elemento. Empieza a ubicar los elementos y a asignar tamaños de acuerdo con el nivel de prioridad que les has asignado para mantener una jerarquía de la información, la armonía y el flujo de la lectura

3. Los elementos que incluyas en el diseño deben tener un orden para mantener el equilibrio dentro del espacio. También es muy importante que permitas los espacios vacíos en tu diseño, no se trata de que toda la hoja esté llena de información o fotos.

5. En esta fase puedes ya abrir el programa donde vas a trabajar. Aquí puedes utilizar herramientas como Canva, Inkscape, Pixlr o la que utilizas normalmente para armar los diseños.
¿Qué sí hacer?

Cada elemento debe tener su espacio, es muy importante que tu diseño tenga espacios libres, lo que además ayudará a resaltar los elementos importantes.
¿Qué no hacer?

No dejar ni un espacio vacío. Recuerda que dejar espacios vacíos nos ayuda a dar todavía más importancia a los elementos clave en tu diseño.
Texto
1. Busca una tipografía que vaya con el estilo de tu audiencia y el que estás buscando construir.

2. Busca tipografías que faciliten la lectura. Si se leerá en pantalla utiliza tipografías de palo seco, como Arial. Si es para impresión utiliza tipografías con patines, como Times.

3. Ya que tienes las opciones de tipografías escogidas ¡revisa que sea legible! Hay tipografías que nos gustan mucho a veces pero recuerda que la tipografía que escojas debe ayudar a que las personas puedan leer el mensaje a la primera.

4. No llenes de texto tu diseño, busca poner sólo la información que sea necesaria. Los títulos trata de escribirlos en no más de siete palabras.
¿Qué sí hacer?

Puedes usar diferentes tamaños de letra para resaltar algunos elementos que sean más importantes.

Deja espacio entre las líneas de texto, escoge un interlineado de 1 ó 2 puntos.

¿Qué no hacer?

No usar más de 4 tamaños o tipos de letra o tipos distintos y no uses tamaños de letra muy pequeños, mejor revisar qué información puedes ahorrarte.

No utilices tipografías muy delgadas.

Si es texto corrido, no uses letras de fantasía (por ej. Vivaldi), tampoco abuses del bold ni de las mayúsculas.

Color

1. Cuando escoges los colores que vas a utilizar, trata que no sean más de 4.

2. Es importante que los colores que escojas contrasten, por ejemplo usar un fondo negro y texto blanco. Si buscas colores con tonos muy parecidos esto puede dificultar la lectura.

3. Si vas a utilizar fondos con patrones, asegúrate de que tu texto resalte del patrón y no se pierda. ¡OJO! Lo mismo aplica con los fondos degradados.

4. A veces nos gusta utilizar efectos en los colores que ponemos en los textos, pero no nos damos cuenta que eso distrae y le quita seriedad a nuestro trabajo. Trata de no utilizarlos.

¿Qué sí hacer?

Usar en el texto y en el fondo colores que contrasten.

Cuidar la selección de colores para que éstos vayan de acuerdo a la temática (por ejemplo: verdes, azules y cafés al estar hablando de medio ambiente).

¿Qué no hacer?

No usar demasiados colores en tu diseño.

No usar fondos con patrones y texto con colores que no resalten.

Imagen

1. Escoge una imagen que te ayude a reforzar el mensaje principal de tu diseño. Toma en cuenta que debe ser una referencia que tu audiencia entienda.

2. Las imágenes pueden ser fotografías, dibujos o gráficos. Recuerda verificar que tenga buena calidad para que se vean bien al integrarse con el resto del diseño.

3. Algunas herramientas que te pueden ser útiles para encontrar imágenes son: Creative commons y The noun project.

4. A veces las fotos que tenemos están oscuras o de lado, en ese caso puedes utilizar un programa de edición de imágenes como Gimp para arreglarlas o Pixlr.

¿Qué sí hacer?

Usar imágenes que sean parte del imaginario de tu audiencia.
¿Qué no hacer?

No encimes el texto sobre las imágenes, sobre todo las fotos. Tampoco llenes el diseño de imágenes, recuerda que el espacio es siempre necesario.

Por último, prueba tu diseño y obtener retroalimentación con alguien de la audiencia a la que va dirigida. Revisa si entienden el mensaje y escucha cualquier duda o comentario que tengan para afinar detalles en tu diseño.
Esta guía se realizó con el apoyo de la D.C.G. Sandra Ordoñez y con información de Design School de Canva.

# data[].attributes.attachment_link.title
¿Cómo mejorar tus diseños? Guía rápida con los elementos básicos | InfoActivismo.org

# data[].attributes.attachment_link.description
Para el infoactivismo, el diseño gráfico va más allá de realizar algo que resulte "bonito", es la conformación de un elemento visual que nos ayudará a comunicar un mensaje a alguien. Así que lo importante no es que acabe gustándonos a nosotrxs, sino que la audiencia a la que va dirigido: le atra ...

# data[].attributes.headline
Para hacerlas gratis y online: Picktochart

# data[].attributes.subject
Para hacerlas gratis y online: Picktochart

# data[].attributes.body
Completa y sencilla aplicación online gratuita para hacer infografías, carteles, folletos...

# data[].attributes.attachment_link.readable_text
Aquí estamos. Quizás tengas que realizar un proyecto en el que necesites elementos visuales. Quizás tu profesor te haya pedido que uses Piktochart para hacer infografías. Quizás estés buscando un modo de impresionar a tus compañeros con una nueva herramienta. Quizás justo este sitio no esté bloqueado en las computadoras de tu escuela. ¯_(ツ)_/¯

Sea como sea, llegaste, aquí estás, y mientras yo tenga tu atención, podré enseñarte algo.
A continuación encontrarás una guía simple y rápida para comenzar a usar Piktochart. Si necesitas hacer una infografía, una presentación, o un afiche, estás en el lugar correcto. Con nuestra interfaz, nuestras herramientas y opciones, serás un genio de la narración visual en poco tiempo.

Primero lo Primero...

Necesitas una cuenta de Piktochart. Esa parte es fácil. Es gratis y registrarte solo tomará unos segundos.

¿Ves? No es muy difícil.
Luego de iniciar sesión en Piktochart debes ir a la página de Plantillas.

Escoge una Plantilla

Allí están todas las plantillas que te ayudarán a comenzar. Hemos hecho que el proceso de selección sea más fácil para ti:

Mira los cientos de plantillas. Las hemos dividido en categorías -Infografías, Reportes, Afiches, y Presentaciones -solo busca una que te inspire (o que sea adecuada para tu trabajo).
Si buscas una idea o tema en particular (como "deportes" o "historia"), puedes usar el buscador. Una vez que encuentres una que te guste, haz click en "Preview" para verla en detalle.

Comienza a Crear y Diseñar

Una vez que hayas escogido una plantilla, haz click en "create" para comenzar a crear. Cuando llegues al editor, podrás modificar el contenido escrito haciendo doble click en el cuadro de texto. Usa las herramientas de color y fuente para lograr que el texto transmita tu estilo.
Hablando de estilo, puedes usar nuestra herramienta Text Frame para crear texto y títulos con visuales diseñadas por nuestro equipo. Es súper fácil, y los resultados son increíbles.

Agrega Visuales

Solo selecciona la visual que necesitas del menú y arrástrala hasta tu diseño. Hay cientos de íconos e imágenes para escoger. Usa la herramienta de búsqueda o échales un vistazo a las categorías para facilitar el trabajo.

También puedes personalizar las visuales cambiando los colores, tamaños y rotándolas. Nuestra función Photo Frame te permite arrastrar fotos hasta diseños ya hechos que combinarán las fotos con el texto.

Visualiza la Información

Usa las herramientas disponibles en la barra izquierda. Allí hay montones de opciones para crear tablas, gráficos, y mapas que pueden personalizarse para que la información sea más atractiva.
Un menú emergente te ayudará a escoger el estilo de tabla adecuado para tu información, junto a una hoja de cálculo para introducir datos. Si quieres, puedes conectar la tabla a una Hoja de Cálculo de Google. Cuando actualices la información allí, el gráfico también se actualizará.

Comparte la Infografía

Cuando estés satisfecho con tu creación, puedes descargar el trabajo como una imagen y publicarla en línea, compartirla por email, o compartirlo en redes sociales.
Mira el resultado final en la página de salida al copiar y pegar la dirección URL cuando publiques en la web. Una vez que la hayas compartido, tú y tu audiencia podrán disfrutar de tu Piktochart en Modo de Presentación.

Y... ¡Lo has hecho! ¿Viste qué simple que fue? Si quieres seguir avanzando y te interesa el mundo de las creaciones visuales, puedes ver este post para aprender más sobre Diseño Gráfico.

# data[].attributes.attachment_link.description
Aquí estamos. Quizás tengas que realizar un proyecto en el que necesites elementos visuales. Quizás tu profesor te haya pedido que uses Piktochart para hacer infografías. Quizás estés buscando un modo de impresionar a tus compañeros con una nueva herramienta. Quizás justo este sitio no esté bloqueado en las computadoras de tu escuela.

# data[].attributes.body
Trucos