Las 6 mejores herramientas gratuitas para crear infografías interactivas

Una infografía, según el diccionario de la lengua española, es una representación gráfica que apoya una información de prensa. También se define como la técnica de obtención de imágenes por medio de procedimientos informáticos.

Por otro lado, una infografía interactiva se definiría, según Ernesto Olivares, como la puesta en movimiento del diseño de una información visual. En una infografía interactiva se combina el impacto de la imagen y una relación del usuario dinámica, pues puede incluir animaciones y enlaces a otras webs. Una infografía interactiva permite, gracias a eso, entender aún mejor los conceptos representados

Desde una visión comercial puede utilizarse para generar participación con los usuarios, que no son lectores pasivos, o incrementar el tráfico a un sitio web propio añadiendo distintos enlaces, e incluso calcular el número de veces que se comparte o se visualiza desde programas con Google Analytics.

A continuación expondremos una serie de las mejores herramientas y páginas web para realizar infografías interactivas.

Para realizar esta lista hemos trabajado con 10 aplicaciones para hacer infografías con versión gratuita. Después, hemos puntuado todas las aplicaciones del 1 al 5 y las 6 más votadas son las que han quedado en este ranking:

Infogram 4,2 estrellas

Esta aplicación se lleva el número uno de la lista por su facilidad de edición, su amplia gama de posibilidades y porque su versión de prueba es muy completa. También destaca por sus gráficos, muy funcionales y con una tabla de cálculo muy útil para introducir las variables. Otro de los aspectos que nos han conquistado es un sistema de ayuda muy completo con posibilidad de asistencia personalizada. Las desventaja fundamental de la aplicación es que está en inglés pero no supone mucha dificultad entender cómo funciona.

Lo mejor

  • Una versión de prueba muy completa que poco tiene que envidiar a las versiones de pago de otras aplicaciones.
  • Sistema de ayuda en línea útil que facilita la comprensión del programa al editor novel.

Lo peor

  • En su versión de prueba sólo se pueden introducir 10 imágenes propias, lo que puede limitar algunos trabajos.
  • Idioma en inglés.
Infogram

Captura de pantalla de Infogram

 

Genial.ly 4 estrellas

En segundo lugar está Genially, aplicación que convence por su variedad de edición y el grado de personalización. Sus mayores ventajas son que está en castellano y posee una plataforma de ayuda en línea con preguntas frecuentes (FAQ) lo que no ayuda al editor inexperto. La desventaja principal es que en su versión de prueba no se pueden introducir vídeos, lo que la ha relegado al segundo puesto. Su versión de pago oscila entre los 9,90 euros el más básico y 39,90 el más avanzado.

Lo mejor

  • Alto grado de personalización de las infografías.
  • Idioma castellano.

Lo peor

  • Los menús de edición están mal organizados y en ocasiones resultan un poco caóticos.
  • No posee un sistema de ayuda en línea, la ayuda se limita a un apartado de preguntas frecuentes.
Genial.ly

Captura de pantalla de Genial.ly

 

Easel.ly 4 estrellas

Empatado con Genially encontramos Easely, con un diseño un poco más simple pero igual de funcional. Por este motivo merece un puesto en esta lista. Su principal ventaja es que aporta temas muy dinámicos y fáciles de adaptar. De nuevo aparece la limitación del idioma inglés en la versión gratuita,  problema que se soluciona fácilmente descargando la aplicación en versión pro que solo cuesta 3 € al mes.

Lo mejor

  • Tiene unos vídeos tutoriales muy útiles para aprender a usar la aplicación.
  • Los temas predefinidos bien hechos y fáciles de adaptar a los diferentes proyectos.

Lo peor

  • La mayoría de las funciones obligan a acceder al plan de pago, lo que resulta frustrante para el editor ocasional.
  • Idioma en inglés.
Easel.ly

Captura de pantalla de Easel.ly

 

Picktochart 3,6 estrellas

Esta aplicación tiene un formato similar al Power Point y a las anteriores, pero destaca por incluir la opción de imprimir, que ayuda a preparar el documento en papel, ahorrando tiempo. También existe la posibilidad de añadir y editar mapas con sus respectivos datos como población y cambiando el color de las diferentes provincias o países. Su problema de nuevo es la limitación del inglés y una interfaz poco atractiva visualmente.

Lo mejor

  • Los mapas resultan muy útiles y vistosos sirviendo como perfecto apoyo a lo que se está contando.
  • Adaptación del documento para imprimir.

Lo peor

  • Tiene un interfaz muy básica y poco atractiva.
  • Idioma en inglés.
Picktochart

Captura de pantalla de Picktochart

 

Visme.co 3 estrellas

Visme destaca por su diseño muy visual y su interfaz muy atractiva que facilita la edición. Esta aplicación está más centrada en infografías con gran carga visual, lo que resulta muy útil en presentaciones en congresos, conferencias… El mayor inconveniente es que en la versión gratuita sólo te permiten trabajar en 3 proyectos, 15 pagando 10 euros al mes e ilimitados pagando 19 €.

Lo mejor

  • Facilidad para realizar infografías muy visuales debido a las posibilidad de introducir dibujos incluso en los gráficos.
  • La versión de prueba es muy completa, casi tanto como la de pago.

Lo peor

  • Los gráficos aunque útiles se ven un poco limitados en algunas ocasiones que requieren más especialización.
  • Idioma en inglés.
Visme.co

Captura de pantalla de Visme.co

 

Canva 2,8 estrellas

Canva, al igual que Genially, está en castellano. Esto es importante porque nos ayudará a entender rápidamente la aplicación. Esta app tiene una interfaz cuidada y facilidad para agregar y cambiar los objetos de sitio, forma u orientación. El programa es gratuito, pero para acceder a entornos colaborativos hay que pagar 13 euros por persona, siendo 10 el máximo de participantes. Hay una prueba gratis de 30 días para trabajar en grupo. Al estar tan enfocada a trabajos grupales se ve un poco limitada pero es ideal para usuarios inexpertos.

Lo mejor

  • Muchas bases y diseños disponibles, además de gran variedad de dibujos y objetos muy útiles.
  • Idioma castellano.

Lo peor

  • Al no tener versión de pago individual sus contenidos se ven más limitados.
  • No tiene tantas opciones de gráficos como otras aplicaciones.
Canva

Captura de pantalla de Canva

 

Realizado por Diego Sobrecueva Martínez, Sara Pascual Sariot, Pablo Liedo Fernández, Sara Prieto Robles y Claudia Rodríguez Sánchez.

El hipertexto en The Guardian

El diccionario de la Real Academia Española define el hipertexto como “texto que contiene elementos a partir de los cuales se puede acceder a otra información”. Una vez definido el concepto básico vamos a empezar hablando de la disposición de la página principal del periódico, la home.

La página principal de The Guardian se distribuye por secciones en las cuales aparecen los principales titulares del día de la sección correspondiente. Los titulares son hiperenlaces que te llevan a la noticia desarrollada al completo.

portada

Los contenidos de la portada se actualizan cada pocas horas, con noticias de rigurosa actualidad. Los periodistas firman las noticias que redactan en la página. Todas las noticias de la página tienen la misma tipología, salvo la más importante de cada sección, que va titulada más grande y con una foto de mayor tamaño. Cabe destacar que al final de cada noticia desarrollada al completo aparece una tabla con los titulares más importantes del día y las noticias más leídas, aparecen hiperenlaces que te llevan al desarrollo completo de la información.

The guardian 1

La página de The Guardian nos muestra las secciones principales en la parte alta de la página, bajo el buscador, y dentro de cada sección ofrece diferentes enlaces con secciones más concretas dentro de cada tema general.

En cualquier página del periódico en la que se encuentre el lector se puede encontrar con una franja azul, en la parte de arriba de la pantalla, en que la tiene un buscador, el acceso a su usuario del periódico y otras opciones.

cultura

Dentro de los propios artículos se ofrece la posibilidad de clickar en hiperenlaces que te llevan a contenidos relacionados con la noticia. Al margen de esto, también se ofrecen hiperenlaces fuera del artículo, como ya hemos dicho, como las noticias más leídas del día, lo más importante, lo más llamativo…etc.

En referencia a la micro y macronavegación, en the guardian se ofrece micronavegación en la mayoría de la página ya que todos los hiperenlaces te redireccionan a otra ventana pero dentro de la página del periódico. Al margen de esto hay macronavegación porque te lleva a páginas externas, en relación con las redes sociales, para compartir las publicaciones del periódico, ahí es donde aparece la interactividad. Además también cuenta con hiperenlaces relacionados con la multimedialidad, elementos que te llevan a contenidos de contenido multimedia.

interactividad

Por último, respecto a la interactividad y la multimedialidad. The Guardian ofrece contenidos multimedia dentro de la propia página del periódico, en algunas noticias adjunta vídeos y fotos. Y en cuanto a la interactividad, todos los artículos y noticias tienen acceso a redes sociales para compartir dicho contenido del periódico.

 

 

El hipertexto de Wired

Wired es un cibermedio que peca de sobreabundancia informativa, lo que hace poco navegable su página web. Nada más entrar podemos ver ingentes cantidades de información que quieren llamar nuestra atención pero que todo lo que consiguen es una saturación de los usuarios. Aunque intenta ser muy visual y llamativa, la página tendría lo que se conoce como hiperdocumentos de grado 1, ya que el único tipo de ayuda que ofrecen a los usuarios es la diferenciación en secciones unidas entre ellas, con un mapa de contenidos que despista a los usuarios ya que propone una diferenciación mucho más amplia que el menú. No hay ningún tipo más de ayuda a la navegación. Como consecuencia de todo esto se  consigue un efecto devastador en el lector, lo que se conoce como desbordamiento cognitivo.

r.jpg

Home de la página web Wired

En cuanto a la arquitectura del sitio web, tras intentar descubrir todos los entresijos de la página se ha visto que siguen una estructura mixta en la que todo está mezclado y no queda nada claro como acceder a algunos de los lugares. De hecho muchos de esos lugares son difícilmente identificables como parte de la revista, como una especie de revista paralela, o por ejemplo como diferentes subsecciones. Muchas de las páginas te permiten regresar a la home con el simple hecho de pulsar en el logo de la revista. Es muy difícil de usar para las personas que acceden porque es un batiburrillo de cosas.

La página está estructurada en una navegación semántica, ya que las secciones aunque no quedan unidas de una manera estructural, sí lo están de manera asociativa.

En cuanto a accesibilidad resulta bastante  difícil acceder a los contenidos que nosotros queremos aun apareciendo diferenciados por secciones ya que no queda muy claro cuál es el camino que hay que seguir para llegar a ellos

El hipertexto en Le Monde

La cabecera del cibermedio posee un pequeño apartado, con los medios asociados a Le Monde. En la parte alta y bajo el logo del periódico aparecen las distintas secciones, de manera que puedas acceder directamente a ellas pinchando sobre el nombre.

En cuanto a la arquitectura del sitio web, en la página principal, el espacio se dispone de manera que las noticias quedan dispuestas en tres bloques:

– En el primer bloque aparece la noticia principal ocupando todo el ancho del espacio.

– En el segundo bloque, el espacio se subdivide, apareciendo las siguientes 4 noticias más destacadas del día.

– Ya finalmente, en el tercer bloque, aparecen, a una escala más pequeña, un mayor número de noticias de menor relevancia informativa.

Todo esto conforma la página principal, con la información más importante del día. Además, en la cabecera de la página hay una serie de pestañas con los hechos noticiosos más destacados, además de un espacio a la derecha de la noticia principal donde aparecen las noticias al instante y en directo.

Si hacemos scroll encontramos, a modo de separación entre la página principal y el resto del periódico, los videos más destacados del día. Bajo estos, aparecen distintas secciones, destacadas cada una en un color, como por ejemplo: cultura, sociedad, deportes, internacional, etc.

El periódico termina con un anuncio para quienes quieran abonarse. Por otra parte, los anuncios publicitarios y los espacios para captar abonados se distribuyen a lo largo de toda la web. Cabe destacar, que el periódico posee además una versión africana y una versión global.

En cuanto a los niveles de profundidad, puedes acceder a la noticia haciendo clic sobre el titular y dentro de la propia noticia dispones de numerosos hipertextos que te llevan a distintos niveles de información, de forma sucesiva, creando así un espacio infinito.

En el medio existen enlaces internos, (hipertextos que te redireccionan a informaciones adicionales dentro del propio medio) y enlaces externos, ya que dispones de un espacio en la cabecera con los distintos medios asociados al periódico.

En cuanto a la interactividad, el periódico dispone de un espacio en cada noticia para que los usuarios puedan publicar comentarios. Además dispone de Facebook, Twitter, Instagram y Google+, a través de donde se puede interactuar con otros usuarios a través de los comentarios y, esporádicamente, recibir respuestas por parte del propio medio.

El hipertexto en The National Geographic

Los hipertextos principales que aparecen en la portada de la web los encontramos en la parte superior debajo del nombre de la revista.

Los hipertextos que aparecen son las palabras: home, fotografía, animales, medio ambiente, viaje y culturas y televisión. Cuando colocas el puntero sobre ellas aparece un desplegable con diferentes hipertextos que te llevan a subsecciones.Captura hipertexto

El hipertexto en The Wall Street Journal

 

The Wall Street Journal es un hiperdocumeto. Es un documento digital cuyos elementos están compuestos de forma hipertextual, posee los atributos propios de este tipo.

Se puede definir la hipertextualidad como la micronavegación y la macronavegación a partir de la noticia con el uso de enlaces internos y externos. Está al servicio de otras características como la multimedialidad y la interactividad.

Se trata de una tecnología que organiza la información en bloques de distinto contenido, conectados a través de una serie de enlaces.  A diferencia de los libros impresos donde se produce una lectura secuencial, en un ambiente hipermedial la lectura puede no realizarse de forma lineal, no hay obligación de seguir una secuencia establecida, sino que pueden moverse a través de la información y hojear intuitivamente contenidos por asociación.

Se puede considerar que Ted Nelson fue el creador de la palabra “hipertexto”. Fue el primero en utilizarla para describir a mediados de los 60 una forma de escritura no secuencial. Sus libros sirvieron para influir a las siguientes generaciones.

Ted Nelson predijo una época en la que la gente sería capaz de leer y escribir en una pantalla de un ordenador teniendo de forma fácil e instantánea grandes bibliotecas a su disposición. Para acceder a esta información se usaría una escritura no secuencial a que llamo hipertexto.

Nelson define el hipertexto de la siguiente manera:

Texto que se entrelaza y permite diversas elecciones al lector y que se lee mejor sobre un monitor interactivo. Una serie de fragmentos de texto conectados mediante enlaces que permiten diversos recorridos al lector”. (Nelson, Dream Machine, 1974)

Otro autor destacable en este ámbito es Salaverría. Para él, la hipertextualidad es “la capacidad de interconectar diversos textos digitales entre sí”. Según el autor, gracias al hipertexto redaccional, la noticia de un periódico digital puede superar una limitación y ganar algo de lo que carece: puede librarse de la redundancia y la previsibilidad y conseguir  un desarrollo informativo y estructural que escasea en la prensa en papel. Estos enlaces hipertextuales a terceras páginas permiten ampliar, aclarar o relacionar cualquier información mediante nuevos textos, infografía o recursos audiovisuales.

Un hiperdocumento  se compone de tres elementos: secciones, anclajes y enlaces.

Las secciones son las partes de las que se compone ese documento, en nuestro caso The Wall Street Journal. Esas partes son denominadas nodos o lexías y son las partes básicas de los hiperdocumentos.

The Wall Stret Journal está formado por doce secciones: página principal, mundo, Estados Unidos, política,economía, negocios,tecnología, mercado, opinión, arte, vida e inmobiliaria.

rs

Menu wsj

Los enlaces son  las uniones entre nodos. Sirven para  interconectar las secciones. En cuanto a los tipos de enlaces hay distintos criterios para clasificarlos. Dentro de nuestra versión digital encontramos los siguientes tipos:

La mayoría de los enlaces son secuenciales ya que buscan mantener una estructura argumentativa. Además son estructurales al tener una relación lógica. Se encuentran incrustados dentro del texto pero también los encontramos superpuestos en algunas ocasiones y todos ellos son de autor. Todos ellos son de sustitución porque al reemplazar el nodo de inicio centra toda la atención  sobre el nodo de destino.

r

Ejemplo de enlace secuencial

En cuanto al grado, mide las posibilidades de navegación de interactividad global que presenta un hiperdocumento. Existen una serie de grados que se diferencian entre ellos dependiendo de los elementos que incluyan. En el caso de The Wall Street Journal  se trata de un hiperdocumento de grado 4 porque incluye secciones, enlaces, anclajes, sumarios, índices sistema de recuperación de información e interactividad. Esta última la presenta mediante los sistemas de suscripción y comentarios. Además incluye redes sociales en las que los internautas puedes dejar los comentarios o mencionar al medio.

En materia de estructura se trata de una de tipo mixta. Esto es porque hay una página de inicio a la que se puede acudir desde el resto de páginas.

de

Estructura mixta

En cuanto a la conectividad. La conectividad posee dos dimensiones: la micronavegación y la macronavegacion.  La micro se basa en los desplazamientos dentro de una misma web, aquellos enlaces que nos mueven dentro del mismo periódico. La macronavegación son aquellos que nos llevan a otras web. Hay una micronavegación masiva habiendo una mayoría de enlaces que nos trasladan de un lado a otro del periódico y que nos ayudan a que conozcamos todas las noticias dentro del medio. En cuanto a macronavegación no se encuentran muchos enlaces con otros hiperdocumentos. Las redes sociales son algunos casos.

wd.jpg

Micronavegación

Además cabe destacar que en cada uno de los artículos se incluyen distintos enlaces de noticias de la misma web de tienen relación de alguna manera con el tema tratado.