\u00bfQu\u00e9 es una infograf\u00eda?<\/h2>\n
Las infograf\u00edas son datos presentados con el auxilio de recursos visuales.<\/p>\n
Sabes, a veces que cuando explicas algo, notas que no fuiste bien comprendido y preguntas al interlocutor:<\/p>\n
\u00bfEntendiste o quieres que lo dise\u00f1e?<\/strong><\/p>\n Pues bien, si la persona no entendi\u00f3, el pr\u00f3ximo paso ser\u00e1 el desarrollo de una infograf\u00eda.<\/p>\n As\u00ed de simple. Siempre que usamos im\u00e1genes para explicar datos, tenemos un infograf\u00eda.<\/b><\/p>\n En la pr\u00e1ctica vemos infograf\u00edas en diversos medios de comunicaci\u00f3n presentes en nuestro d\u00eda a d\u00eda. En el peri\u00f3dico que leemos durante el desayuno, en los noticieros, libros y principalmente en la internet (en e-books, sitios y redes sociales<\/a>)<\/p>\n La internet est\u00e1 hecha de informaci\u00f3n y cuando la informaci\u00f3n que deseamos transmitir no es tan atractiva, o presenta un nivel de complejidad un poco mayor, las infograf\u00edas son la salida perfecta para informar y atraer la atenci\u00f3n del usuario.<\/b><\/p>\n Con la abundancia de nuevos medios que surgen en el mundo digital todos los d\u00edas, las infograf\u00edas tambi\u00e9n toman nuevas formas y nuevas plataformas.<\/p>\n Eso nos posibilita explorar diversos recursos para mejorar la transmisi\u00f3n de la informaci\u00f3n.<\/p>\n B\u00e1sicamente, existen tres tipos de infograf\u00edas: est\u00e1ticas, animadas e interactivas.<\/p>\n A pesar de que son las infograf\u00edas m\u00e1s f\u00e1ciles de encontrar, no significa que su ejecuci\u00f3n sea menos laboriosa.<\/p>\n Cuando la infograf\u00eda es apenas una imagen est\u00e1tica, se vuelve m\u00e1s desafiante el hecho de expresar y definir la informaci\u00f3n.<\/p>\n Los datos requieren ser bien organizados y, generalmente, existe bastante informaci\u00f3n textual en las infograf\u00edas est\u00e1ticas.<\/b><\/p>\n Mira el ejemplo:<\/p>\n Este infogr\u00e1fico fue hecho para explicar la complejidad del portaaviones brit\u00e1nico Queen Elizabeth. Para eso, el propio nav\u00edo fue ilustrado para que cada parte fuese explicada.<\/p>\n En algunas partes, el corte del nav\u00edo fue ilustrado. Aunque tambi\u00e9n, una fotograf\u00eda puede acompa\u00f1ar la informaci\u00f3n del texto.<\/p>\n Infograf\u00edas as\u00ed, necesitan ser muy bien organizados para que no queden confusos. Las fuentes, los espacios y los respiros deben ser muy equilibrados.<\/p>\n Muchos detalles a tener en cuenta.<\/p>\n Un recurso muy utilizado son las infograf\u00edas animadas. En ellas, por la movilidad, la informaci\u00f3n puede ser mejor dividida y organizada.<\/p>\n Tomando la infograf\u00eda del portaaviones como ejemplo, si fuese animado en forma de video, todo el contenido de texto podr\u00eda ser sustituido por locuci\u00f3n.<\/p>\n Las partes del porta avi\u00f3n podr\u00edan ser mostradas en etapas lineales.<\/p>\n Los recursos de animaci\u00f3n en 3D pueden ser utilizados para mostrar el interior de la nave, por ejemplo.<\/p>\n Todo eso facilita la comprensi\u00f3n del contenido final.<\/p>\n El problema son las dificultades t\u00e9cnicas<\/b> en la ejecuci\u00f3n de ese material.<\/p>\n Los profesionales que dominan la animaci\u00f3n y el modelado 3D son costosos y una infograf\u00eda con un nivel de complejidad muy alto puede costar bastante dinero.<\/p>\n Sin embargo, las infograf\u00edas no necesitan ser complejas. Mira este ejemplo:<\/p>\n En este video infogr\u00e1fico, la locuci\u00f3n explicativa est\u00e1 aliada a los recursos visuales animados para explicar el crecimiento de las redes sociales.<\/p>\n En este ejemplo, el tema es el mismo, pero esta vez sin la locuci\u00f3n, tan solo datos escritos para ser le\u00eddos, auxiliados por la animaci\u00f3n.<\/p>\n Los ejemplos de encima (hechos por el incre\u00edble sitio de infograf\u00edas Pictoline<\/a>) son gifs animados que explican temas diversos.<\/p>\n Los gifs generan un alto engagement<\/i> en las redes sociales.<\/p>\n Este tipo de infograf\u00eda tambi\u00e9n exige un nivel t\u00e9cnico avanzado, ya que implican, adem\u00e1s de animaciones, conocimiento de programaci\u00f3n.<\/p>\n La infograf\u00eda debe ser manipulable<\/b> por el usuario, de forma que este consiga “pasear” por la informaci\u00f3n de la pieza por su propia cuenta.<\/p>\n Un punto clave de las infograf\u00edas interactivas<\/a> es su capacidad de generar datos relevantes sobre el usuario, porque los recursos interactivos permiten que descubras qu\u00e9 tanto conocimiento este visitante tiene sobre el tema, lo cual colabora much\u00edsimo en el mapeo de la maturidad de tu audiencia. <\/p>\n Una empresa que lo supo utilizar fue GE en su segmento de consultor\u00eda, con esta infograf\u00eda interactiva con datos y estad\u00edsticas sobre el escenario de las fuentes de generaci\u00f3n de energ\u00eda. <\/p>\n Si quieres saber m\u00e1s sobre c\u00f3mo funcionan los contenidos interactivos y las ventajas de usarlos en tu estrategia digital, puedes descargar este ebook completo que hicimos sobre el tema:<\/p>\n Ya mencionamos aqu\u00ed que se trata de una tendencia y que son contenidos altamente atractivos, \u00bfcierto?<\/p>\n Sin embargo, si a\u00fan necesitas m\u00e1s razones para adoptar las infograf\u00edas, con esta lista resolver\u00e1s todas tus dudas:<\/p>\n \u00a1Porque son extremadamente eficaces!<\/p>\n Un estudio realizado por Ethos3, We Live in a Visual World<\/a>, apunt\u00f3 que:<\/p>\n Adem\u00e1s de eso, los infogr\u00e1ficos son atractivos, intuitivos, la informaci\u00f3n es absorbida con mayor facilidad<\/b>, ofrecen m\u00e1s de un punto de entrada a la informaci\u00f3n (esto significa que proporciona una lectura no lineal), quedan en la memoria, son auto explicativos, son extremadamente compartibles y poseen un incre\u00edble potencial de generar engagement.<\/i><\/p>\n Para la creaci\u00f3n de infograf\u00edas, algunos conceptos visuales deben ser comprendidos.<\/p>\n Las infograf\u00edas usan lenguajes visuales distintos con el fin de transmitir informaci\u00f3n de manera clara y r\u00e1pida.<\/p>\n Conoce cuales son los tipos de lenguajes:<\/p>\n Utilizamos el lenguaje verbal cuando la representaci\u00f3n gr\u00e1fica de uno de los puntos de la infograf\u00eda se vuelve muy compleja o simplemente menos eficiente.<\/p>\n En vez de correr el riesgo de intentar representar algo con una forma que puede ser mal interpretada o no comprendida, usa la palabra correspondiente, y eso puede ser escrito o hablado <\/b>(en el caso de un video-infogr\u00e1fico con locuci\u00f3n).<\/p>\n Este recurso es utilizado cuando lo que se desea representar es muy amplio o abstracto. Al contrario de lo que se piensa, no es por ser una infograf\u00eda que todo en ella necesita ser imagen.<\/p>\n Com\u00fanmente se utiliza el lenguaje verbal en t\u00edtulos, leyendas, bloques de textos, valores y cantidades, entre otro tipo de informaci\u00f3n num\u00e9rica.<\/b><\/p>\n Al utilizar ese lenguaje, evita los texto extensos.<\/p>\n En las infograf\u00edas, los textos tienen la funci\u00f3n de auxiliar la comprensi\u00f3n, y no la de dar el mensaje completo.<\/p>\n De ser as\u00ed, no ser\u00eda una infograf\u00eda sino una p\u00e1gina de un libro con figuras.<\/p>\n En esta categor\u00eda podemos encontrar elementos que representan conceptos abstractos tales como las fechas que indican direcciones, elementos que indican movimiento, como l\u00edneas usadas para indicar que un objeto se est\u00e1 moviendo, como en el ejemplo siguiente.<\/p>\n Tambi\u00e9n entran en esta categor\u00eda elementos como gr\u00e1ficos, tablas, diagramas, l\u00edneas, etc.<\/p>\n El lenguaje pict\u00f3rico abarca representaciones m\u00e1s literales de objetos concretos del mundo f\u00edsico.<\/p>\n Pueden ser representaciones fotogr\u00e1ficas y realistas, como en el ejemplo dado del nav\u00edo. Pero tambi\u00e9n, pueden ser representaciones ilustrativas bien sint\u00e9ticas e ic\u00f3nicas.<\/p>\n Es importante recordar que cuando hablamos de representaciones visuales, principalmente menos literales, debe tenerse mucho cuidado, debido a que personas interpretan cosas diferentes.<\/b><\/p>\n Esas interpretaciones son influenciadas por diversos factores, como la diferencia cultural y el propio contexto.<\/p>\n Eso significa que no debemos valernos de nuestros propios valores y tomarlos como absolutos.<\/p>\n Si muestras un \u00edcono que representa una mariposa para alguien y esa persona dice que, para ella, le recuerda un motor de carro, debes repensar la imagen que escogiste para representar tu mariposa.<\/p>\n Ahora que ya sabemos todo esto, manos a la obra.<\/p>\n La funci\u00f3n del material infogr\u00e1fico es la de informar algo. Definir sobre lo que quieres informar es obviamente el primer paso.<\/p>\n Adem\u00e1s del tema, define a tu persona<\/a>. Define tus objetivos. Define el lenguaje que vas a utilizar. <\/b>Haz el alcance completo de tu infograf\u00eda.<\/p>\n Es hora de hacer un trabajo concreto de investigaci\u00f3n para tener datos que gu\u00eden tu infograf\u00eda.<\/p>\n No es asunto de este contenido ahondar mucho en el asunto de la investigaci\u00f3n, pero queda aqu\u00ed planteado el consejo de que es muy importante tener certeza de la procedencia de las fuentes.<\/b><\/p>\n Otorgar informaci\u00f3n de dudosa procedencia a trav\u00e9s de cualquier medio puede arruinar la imagen de tu marca<\/a>.<\/p>\n Algunos buenos canales de informaci\u00f3n confiable son los siguientes:<\/p>\n Teniendo tu investigaci\u00f3n hecha y toda la informaci\u00f3n reunida, es hora de separarla.<\/p>\n Eval\u00faa y selecciona la informaci\u00f3n que mejor explique el tema elegido.<\/p>\n Cruza los datos, de una forma que al final, consigas poner toda la informaci\u00f3n que deseas.<\/p>\n El objetivo es seleccionar y no resumir un pu\u00f1ado de informaci\u00f3n.<\/p>\n Es hora de organizar el contenido<\/b>, pensando en la estructura de tu infograf\u00eda.<\/p>\n Revisa y corrige posibles errores.<\/p>\n Haz un borrador de tu infograf\u00eda ya organizando la informaci\u00f3n en el formato seleccionado.<\/p>\n Realiza pruebas de las im\u00e1genes coloc\u00e1ndolas en los espacios donde quedar\u00e1n en el producto final.<\/p>\n Organizar las cosas, facilita el trabajo que contin\u00faa.<\/p>\n Hora de construir nuestra bella pieza informativa y visual.<\/p>\n Para eso, alguna herramienta de edici\u00f3n gr\u00e1fica ser\u00e1n necesaria. A continuaci\u00f3n, algunas recomendaciones.<\/p>\n \u00bfTe acuerdas de las infograf\u00edas interactivas que mencion\u00e9 hace rato? Bueno, Ion es el software con el que se pueden crear varios materiales de alto valor y escalabilidad, contando con una serie de recursos visuales sofisticados. <\/p>\n Las infograf\u00edas de Ion<\/a> pueden ser tanto interactivas como est\u00e1ticas y se resaltan por su poder de impacto directo, ofreciendo al usuario una experiencia memorable de consumo de contenidos.<\/p>\n Adem\u00e1s, Ion es una herramienta Saas (software como servicio), en la que se puede contratar su plataforma por un tiempo determinado y usarla para producir cu\u00e1ntas infograf\u00edas se quieran.<\/p>\n Si quieres conocer m\u00e1s a detalle la herramienta y solicitar una demostraci\u00f3n gratuita, \u00a1haz clic en la siguiente imagen y llena el formulario! <\/p>\n Si tienes conocimiento de dise\u00f1o, usar Photoshop, Illustrator o Indesign (o, por qu\u00e9 no, los tres juntos) es la primera opci\u00f3n de esta lista.<\/p>\n La Suite de Adobe es l\u00edder en el mercado e incluso si no sabes, para operar los softwares, hay disponibles en YouTube<\/a> tutoriales que ense\u00f1an el uso de estas herramientas.<\/p>\n Los programas son pagos, pero puedes usarlos gratuitamente por 30 d\u00edas. La descarga puede ser hecha en el sitio oficial de la empresa<\/a>.<\/p>\n Sumarse al mundo de la infograf\u00eda puede parecer un salto grande, especialmente si nunca dise\u00f1aste nada desde cero. Cr\u00e9eme, la curva de aprendizaje no es tan empinada como parece, sobre todo cuando cuentas con docenas de plantillas y tutoriales gratuitos en l\u00ednea. De vez en cuando uno se traba con alg\u00fan detalle t\u00e9cnico o una funci\u00f3n que simplemente se resiste. Lo bueno es que siempre hay foros y comunidades dispuestas a ayudar, y rara vez eres la primera persona con ese problema. A la larga, estos retos terminan siendo parte del proceso y hasta te hacen re\u00edr cuando los recuerdas.<\/p>\n Ahora, hablemos un poco del tiempo. Es f\u00e1cil subestimar cu\u00e1nto te puede llevar armar una infograf\u00eda desde la idea original hasta la pieza final. Uno empieza motivado, pero esos peque\u00f1os cambios en el dise\u00f1o, los colores que no convencen\u2026 pueden sumar horas (a veces d\u00edas, seamos honestos). Vale la pena frenar cada tanto y preguntarse si realmente hace falta tanta perfecci\u00f3n, o si el mensaje ya est\u00e1 claro. Al final, la utilidad y claridad de la informaci\u00f3n siempre pesan m\u00e1s que tener \u201cel gr\u00e1fico m\u00e1s bonito de 2025\u201d.<\/p>\n Este sitio gratuito de im\u00e1genes<\/a> es muy \u00fatil para cualquier dise\u00f1ador. Si haces una b\u00fasqueda de “infograf\u00eda” en este sitio, diversas plantillas listas para descargar surgir\u00e1n.<\/p>\n Aqu\u00ed tambi\u00e9n puedes hacer descarga de \u00edconos, ilustraciones, fotos. O sea, todo lo que sea necesario para la creaci\u00f3n de un infogr\u00e1fico. <\/p>\n La manipulaci\u00f3n de estos archivos adquiridos, demandan conocimiento en softwares gr\u00e1ficos como los citados en el \u00edtem anterior.<\/p>\n Una herramienta online y totalmente gratuita para quien no es dise\u00f1ador. Aunque los dise\u00f1adores experimentados utilizan Canva, por su versatilidad y calidad.<\/p>\n Aqu\u00ed puedes hacer piezas gr\u00e1ficas de alta calidad f\u00e1cilmente. Este sitio tambi\u00e9n ofrece diversas plantillas para mantener tus dise\u00f1os arm\u00f3nicos y organizados. <\/p>\n En la categor\u00eda Bloggings & Ebooks<\/i> existe una opci\u00f3n llamada Infogr\u00e1ficos<\/a>,<\/i> a la que puedes ingresas en el enlace anterior. <\/i>En ella tendr\u00e1s diversas opciones para personalizar tu propia infograf\u00eda.<\/p>\n \u00a1Ensaya sin miedo!<\/p>\n Una herramienta gratuita bastante intuitiva<\/a> y de f\u00e1cil uso, especializada en la creaci\u00f3n de infograf\u00edas.<\/p>\n M\u00e1s de 1 mill\u00f3n de infograf\u00edas ya fueron hechas con esta herramienta que permite la creaci\u00f3n de gr\u00e1ficos, tablas e \u00edconos geniales<\/a>. Lo inconveniente es que, teniendo tu trabajo listo, conseguir\u00e1s el archivo al final si tienes la cuenta PRO, que es paga.<\/p>\n Esta herramienta funciona como un tutorial paso a paso. Picktochart<\/a> te va guiando mientras desarrollas tu infograf\u00eda. Su uso es gratuito, pero tambi\u00e9n es posible un registro para el acceso a funcionalidades diferentes.<\/p>\n Esta poderosa herramienta gratuita cuenta con innumerables plantillas de infogr\u00e1ficos<\/a> para ser editados con interesantes opciones de personalizaci\u00f3n.<\/p>\nTipos de infograf\u00edas<\/h2>\n
Infograf\u00edas est\u00e1ticas<\/h3>\n
Infograf\u00edas animadas<\/h3>\n
![\"giphy\"](\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2016\/10\/giphy.gif\")
![\"giphy-1](\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:auto\/h:auto\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2016\/10\/giphy-1.gif\")
Infograf\u00edas interactivas<\/h3>\n
\u00bfCu\u00e1les son los beneficios de la infograf\u00eda?<\/h2>\n
\n
\u00bfPor qu\u00e9 hacer una infograf\u00eda?<\/h2>\n
\n
Recursos visuales para crear una infograf\u00eda<\/h2>\n
Lenguaje verbal<\/b><\/h3>\n
Lenguaje esquem\u00e1tico<\/b><\/h3>\n
Lenguaje pict\u00f3rico<\/b><\/h3>\n
7 pasos para crear una infograf\u00eda<\/h2>\n
1.<\/b> Foco<\/b><\/h3>\n
2.<\/b> Investigaci\u00f3n<\/b><\/h3>\n
\n
3.<\/b> Selecci\u00f3n<\/b><\/h3>\n
4.<\/b> Redacci\u00f3n, revisi\u00f3n y correcci\u00f3n<\/b><\/h3>\n
5.<\/b> Borrador<\/b><\/h3>\n
6.<\/b> Ejecuci\u00f3n<\/b><\/h3>\n
Herramientas<\/b> de edici\u00f3n gr\u00e1fica para crear infograf\u00edas<\/h4>\n
Ion<\/h5>\n
Programas gr\u00e1ficos de Adobe<\/b><\/h5>\n
Freepik<\/b><\/h5>\n
Canva<\/b><\/h5>\n
Visme<\/b><\/h5>\n
Infogr.am<\/b><\/h5>\n
Piktochart<\/b><\/h5>\n
Visually<\/b><\/h5>\n
Pikwizard<\/h5>\n