¿Cómo hacer hermosas gráficas e infografías para tus sitios?

Artículo escrito por:
  • Artículos destacados
  • Actualizado: Abr 15, 2019

Si Internet es una cosa, es visual.

Las personas aman la información y las infografías rápidas y de fácil acceso que proporcionan ese tipo de visualización de datos. Incluso los datos complejos son más fáciles de entender cuando se combinan con un gráfico circular, gráfico o fotografía.

Según una infografía de Top Marketing Schools, una infografía tiene el potencial de llegar a aproximadamente 15 millones de personas.

¿Por qué la infografía?

La compañía de marketing, Bell Pottinger, registró un aumento del 55 en el presupuesto de negocios para artículos digitales como infografías.

En una infografía sobre infografías, Unbounce afirma que el número de personas que buscan infografías ha visto un aumento del 800% en los últimos dos años. Con estadísticas como esa, es difícil negar que las visualizaciones de datos en forma de infografías son una Buen contenido / marketing para sitios web y blogs..

estadísticas de infografía

Beneficio # 1- Nuevos visitantes

La adición de infografías atrae a los nuevos visitantes del sitio de varias maneras.

  • Búsquedas web: Los usuarios de Internet pueden estar investigando el tema en el que se encuentra su infografía Si usted es el único sitio que tiene una infografía sobre por qué los arándanos lo hacen más inteligente, obtendrá el tráfico de cualquier persona que busque una infografía sobre ese tema. Aquellos que están buscando específicamente imágenes pueden encontrar su infografía también.
  • Redes Sociales: La infografía de Top Marketing Schools indica que una publicación tradicional recibe información sobre los tweets de 75, mientras que una infografía recibe casi 600. Dado que las personas tienen muchas más probabilidades de compartir su infografía en Twitter que una simple publicación, su potencial para llegar a nuevos visitantes a través de las redes sociales es enorme.

Grupo Nielson / Norman estima que la visita de página promedio dura menos de un minuto. A menos que capte el interés del lector, ella revisará su página y pasará al siguiente sitio.

Los visitantes del sitio tienen la costumbre de desplazarse para obtener información y noticias. Esta es otra razón por la que las infografías funcionan tan bien para captar el interés del lector. Una representación visual de un hecho interesante es una forma más rápida de presentar información que los párrafos de texto. Los lectores pueden hojear su infografía rápidamente, absorber la información necesaria y permanecerán un poco más para ver qué más tiene para ofrecer, o pueden marcar su sitio para su uso posterior.

El reto técnico de servir infografías ricas en información.

Sin embargo, otra cosa a tener en cuenta es que, si bien las infografías agregan valor, las imágenes pesadas que tardan mucho tiempo en cargar pueden servir para alejar a los visitantes. La investigación realizada por Pew Internet estima que el visitante promedio del sitio espera que una página se cargue en menos de tres segundos. Cuanto más rápido se cargue su sitio, mejores serán sus tasas de conversión.

Es todo un acto de equilibrio asegurarse de que su sitio ofrezca una experiencia visualmente rica al mismo tiempo que carga a la velocidad del rayo. La mejor manera de lograr esto es con servidores rápidos e imágenes optimizadas. Te darás cuenta en nuestro comentarios de alojamiento webHacemos hincapié en la velocidad y hacemos numerosas pruebas de velocidad al calificar a un proveedor de alojamiento web.

Beneficio # 2- Retener visitantes

Grupo Nielson / Norman estima que la visita de página promedio dura menos de un minuto. A menos que capte el interés del lector, ella revisará su página y pasará al siguiente sitio.

Los visitantes del sitio tienen la costumbre de desplazarse para obtener información y noticias. Esta es otra razón por la que las infografías funcionan tan bien para captar el interés del lector. Una representación visual de un hecho interesante es una forma más rápida de presentar información que los párrafos de texto. Los lectores pueden hojear su infografía rápidamente, absorber la información necesaria y permanecerán un poco más para ver qué más tiene para ofrecer, o pueden marcar su sitio para su uso posterior.

Sin embargo, otra cosa a tener en cuenta es que, si bien las infografías agregan valor, las imágenes pesadas que tardan mucho tiempo en cargar pueden servir para alejar a los visitantes. La investigación realizada por Pew Internet estima que el visitante promedio del sitio espera que una página se cargue en menos de tres segundos. Cuanto más rápido se cargue su sitio, mejores serán sus tasas de conversión.

Es todo un acto de equilibrio asegurarse de que su sitio ofrezca una experiencia visualmente rica al mismo tiempo que carga a la velocidad del rayo. La mejor manera de lograr esto es con servidores rápidos e imágenes optimizadas. Te darás cuenta en nuestro página de reseñas de alojamiento, que listamos a A2 como una de las compañías de hosting más rápidas. Puede leer reseñas completas en una amplia variedad de servidores web y ver cuál se adapta mejor a su necesidad de velocidad y otras características.

Beneficio #3 - Añadir autoridad

La mayoría de las personas son aprendices visuales. NeoMam ha recopilado investigaciones de fuentes como Google Trends, Nielson y Pearson que sugieren que el porcentaje de 70 de los receptores sensoriales se localiza en los ojos y que la gente puede captar y comprender una escena visual justo debajo de 1 / 10th de segundo.

Las personas tienden a creer lo que ven porque lo comprenden mejor. Hacer una investigación y respaldarla en tu infografía puede agregar autoridad a tu marca. Asegúrate de:

  • Ofrece estadísticas sólidas
  • Añadir recursos respetados en la parte inferior de la infografía
  • Agrega gráficos y tablas que muestran esas estadísticas de manera visual

Cuando combina los sentidos visuales con características interactivas, como la infografía de NeoMam de la que provienen estas estadísticas, no solo captura el interés de su lector, sino que también lo capta.

¿Qué notas más? ¿Observa un gráfico simple en la página o uno que se mueve, parpadea o tal vez inicia un video?


¿Qué hace una buena infografía?

En el futuro, analizaremos algunos de los mejores recursos y herramientas para la visualización de datos en la actualidad. No importa si eres un blogger informal que simplemente quiere crear algunas infografías hermosas para propósitos de marca o un diseñador gráfico de carrera que necesite profundizar más en este campo; Estoy seguro de que encontrará esta publicación útil.

Arquitectura de la Información

En general, una buena pieza de visualización de datos consta de tres elementos principales:

  1. Datos significativos,
  2. Diseños de información apropiados, y
  3. Preciosos gráficos.

Tenga en cuenta que aunque las infografías y los gráficos tienden a atraer la atención de los usuarios de la esfera de los blogs y las redes sociales; deberían hacer más que solo promocionar la marca: en primer lugar, las infografías y los gráficos deben ofrecer datos aburridos y desordenados de una manera fácil para el usuario.

Por lo tanto, antes creando una gráfica o una infografía, necesitará 1) Organizar, filtrar y refinar sus datos; 2) Decida cómo presentar sus datos (también conocidos como diseños de visualización de datos).

Data Mining

Ingrese OpenRefine: una poderosa herramienta de minería de datos que nos evita organizar nuestros datos fila por fila en la hoja de cálculo de Excel. Anteriormente conocida como Google Refine (y Freebase Gridworks), esta herramienta ayuda a los usuarios a explorar y limpiar datos, transformar los datos de un formato a otro y extenderlos a varios servicios web.

En caso de que esté trabajando con datos desordenados masivos, OpenRefine definitivamente debe tenerlo en su caja de herramientas. La herramienta está actualmente alojada en GitHub, puedes visite esta página Para toda la información necesaria y ayuda. Para un mayor seguimiento y las últimas noticias, también debe visitar su sitio web recién lanzado en http://openrefine.org/

Presentación de datos

Una vez que esté listo con sus datos, es el momento de decidir cómo los presentará a los espectadores.

Existen innumerables enfoques para lograr esto: gráfico circular, diagrama, gráfico de líneas, histogramas, mapa de calor, diagrama de flujo, tabla periódica, etc. Cada uno de estos enfoques se ajusta perfectamente a cierto tipo de datos (y apesta mal si se usa incorrectamente).

¿Cómo debe presentar sus datos, para que su estadística sea hermosa, llamativa y fácil de entender?

En este tema, Literatura visual construyó una tabla periódica extremadamente útil sobre todas las opciones que puede usar para visualizar sus datos (vea a continuación).

Tenga en cuenta que la tabla periódica muestra una serie de ejemplos interesantes cuando pasa el mouse por encima, así que asegúrese de ver la tabla real en el sitio.

Tabla periódica sobre visualización de datos

En caso de que estuvieras buscando enfoques no tradicionales, entonces deberías revisar este artículo impresionante en la revista Smashing. El post se publicó hace algún tiempo, pero aún así, lo encuentro muy útil.


Infografía y herramientas de carga para usar

Tan pronto como haya terminado con la arquitectura de la información, es hora de una producción real. Hacer un gráfico atractivo a partir de datos en bruto nunca es una tarea fácil, afortunadamente hay innumerables herramientas para hacer el trabajo.

Sí, innumerables herramientas para la visualización de datos. Existen herramientas integrales que generan gráficos interactivos a partir de datos complejos; También hay aplicaciones web sencillas que no hacen nada más que generar simples gráficos de líneas de eje 2.

Por razones prácticas, vamos a analizar ambos lados y enumerar múltiples herramientas gráficas para usuarios avanzados y ocasionales.

Herramientas avanzadas de gráficos

En primer lugar, echemos un vistazo a algunos de los productos avanzados.

1. ggPlot2 y R

R y ggplot2

R es un lenguaje informático y un entorno para la manipulación de datos, cálculo y visualización gráfica. ggplot2, por otro lado, es un sistema de trazado para R que ayuda a producir gráficos complejos de múltiples capas. El HeatMap anterior, por ejemplo, se construye utilizando ggplot2 y R.

Si estás interesado en aprender R y ggplot2, AprenderR es un gran blog para lecturas adicionales (aunque el blog no se ha actualizado durante algún tiempo).

2. jqPlot

jqPlot

jqPlot es un complemento de trazado y creación de gráficos para el marco jQuery Javascript. jqPlot produce hermosos gráficos de líneas, barras y circulares. La herramienta viene con algunas características interesantes, como la generación de puntos interactivos que pueden ser ajustados por los usuarios en los navegadores web. Sin embargo, vale la pena señalar que esta herramienta no se ha probado exhaustivamente y es posible que no sea compatible con ciertos navegadores web, como Chrome e IE debajo de 7.

3. JP gráfico

JP gráfico

JP gráfico es una herramienta de gráficos manejada por PHP que soporta varios tipos de gráficos. En caso de que esté escribiendo un programa PHP que necesite una biblioteca de creación de gráficos, esto es algo que debe considerar. No diría que JP Graph es una herramienta fácil para principiantes, pero la herramienta (o la biblioteca PHP) es muy útil cuando necesita generar gráficos y tablas desde su servidor web. JP Graph es gratuito para uso no comercial y necesitará un servidor web que admita PHP 4.3.x o superior.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit Es una biblioteca desarrollada por Nicolas Garcia Belmont. La biblioteca viene con una amplia gama de opciones de visualización y es de uso completamente gratuito.

5. Muchos ojos

Many Eyes de IBM

IBM Analytics es una herramienta gratuita que permite a un usuario crear visualizaciones de casi cualquier tipo de conjunto de datos.

Alojado en los servidores de IBM, Many Eyes hace más que solo la visualización de datos: permite a los usuarios cargar su propio conjunto de datos y generar un nuevo modelo de visualización basado en los datos almacenados en el servidor.

6. Google Chart

Google Chart

Google Chart es gratis, potente, flexible y está respaldado por muchas otras herramientas de desarrollo.

La creación de gráficos en Google Chart se basa exclusivamente en la tecnología HTML5 / SVG; La herramienta ayuda a crear gráficos en varios formatos con hermosas animaciones y controles interactivos.

7. Eje

Axis

Axiis es un marco de visualización de datos de código abierto desarrollado por Tom Gonzalez y Michael VanDaniker. La herramienta está especialmente diseñada para desarrolladores tanto principiantes como expertos. Axiis proporciona tanto componentes de visualización precreados como patrones de diseño abstractos y clases de renderización que le permiten crear sus propias visualizaciones únicas.

Herramientas de infografía fáciles para principiantes

Es cierto que la mayoría de los bloggers (yo incluido) no necesitan las herramientas de gráficos integrales anteriores para sus operaciones regulares de blogging. Más a menudo, todo lo que necesitamos es una aplicación web fácil o una herramienta simple para hacer el trabajo rápidamente.

Dicho esto, aquí está la lista de herramientas de creación que requieren muy poco esfuerzo de aprendizaje y son fáciles de usar.

1. Visme

visme

Visme Es una plataforma DIY que permite a los usuarios crear infografías y presentaciones profesionales.

Más que individuos y organizaciones de 350,000 (incluidos los usuarios de grandes compañías como IBM y Disney) utilizan la herramienta para comunicarse mejor a través de gráficos interactivos y presentaciones.

2. Easel.ly

Easel.ly

Easel.ly Ayuda a crear y compartir datos visuales fácilmente en línea. La aplicación web viene en una interfaz simple con algunas plantillas preestablecidas y características de arrastrar y soltar. Aunque Easel.ly todavía está en modo beta, pero ya tiene más de los visuales creados por los usuarios de 130,000 en su servidor.

3. Vizualize.me

VIsualize.me

Vizualize.me ayuda a crear hermosas infografías sobre individuos (sí, de ahí el nombre Vizualize Me). Es una herramienta divertida para jugar y crea un currículum vitae o un perfil hermoso con solo unos pocos clics. En caso de que estés en LinkedIn, deberías probar esto: la herramienta es capaz de enlazar con tu perfil de LinkedIn y genera impresionantes gráficos basados ​​en tus datos.

4. Hohli

Hohli

¿Necesita un constructor de gráficos simple? Entonces Hohli Es el lugar para visitar. Estas aplicaciones web son compatibles con varios tipos de gráficos en doce tamaños diferentes; todos los usuarios deben ir para ingresar los datos y los detalles de diseño.

5. Piktochart

Piktochart infografía

Piktochart es una herramienta de infografía basada en plantillas que ayuda a los no diseñadores a crear hermosos gráficos y tablas.

La herramienta es compatible con las funciones de arrastrar y soltar y proporciona una amplia selección de plantillas predefinidas, icones, vectores e imágenes. Si está buscando una herramienta gráfica fácil y no le importa pagar una pequeña tarifa por el servicio, Piktochart es definitivamente una de sus mejores opciones.

6. Infogr.am

información Gram

Infogr.am Es una aplicación web fácil de usar para hacer infografías. Cree infografías y gráficos interactivos con unos pocos clics, colóquelos en su artículo, publicación de blog o comparta con amigos. Con algunas infografías de 200 000 creadas y 10 000 nuevas suscripciones a la semana, es la comunidad de visualización de datos de más rápido crecimiento en el mundo.


Antes de empezar: infografías inspiradas

Entonces, ¿estás listo para crear algunas de tus propias infografías? Espere. Todavía nos queda un poco más por recorrer aquí.

Estas son algunas de las infografías y gráficos más populares capturados de Internet.

Estoy bastante seguro de que ha visto algunos de ellos en las redes sociales en el pasado, lo que demuestra que los gráficos bonitos con datos significativos se adhieren.

Además, hay razones por las que las galerías de infografías son tan concurridas en estos días.

Al referirnos a los trabajos de otros, aprendemos qué funciona bien con el público.

  • ¿Cuál es el tamaño promedio de una infografía popular?
  • ¿Qué tipo de tema es más bienvenido por los espectadores?
  • ¿Debería incluir tantos datos como pueda en sus gráficos?
  • ¿Cuántos puntos debe cubrir en su infografía?
  • ¿Qué hace que esta infografía sea popular?

Ejemplos de la vida real: Tipos de infografía.

Estas son las preguntas que debe hacer cuando navega por las muestras.

Bebidas de café ilustradas

Bebidas de café ilustradas
Fuente: lokeshdhakar.com

Guía de campo para los fan boys

Guía de campo de PC World Fan Boys
Fuente: PC World

La Mejor Cerveza En America 2008

La mejor cerveza en América
Fuente: Mikewithart.com

Tablas periódicas de tipografías

Tabla de tipografías

Rastreador de rescate

Rastreador de rescate
Fuente: el New York Times

La evolución del teléfono

Infografía de línea de tiempo
Fuente: Pow Wow ahora

Check In Graph

infografía gráfica
Fuente: Four Square

Profundizando

Me encontré con docenas de blogs y sitios web interesantes relacionados con nuestro tema cuando estaba haciendo mi investigación para esta publicación. En serio, ¡hay tanto que leer, aprender y jugar! Nunca supe que hay tanta información disponible libremente en Gap Minder y Mejor flujo mundial; He leído mucho en sitios / blogs informativos como Stand de UX (no está totalmente relacionado con la visualización de datos, pero hay muchos artículos útiles sobre cómo las visualizaciones mejoran la experiencia del usuario en la web), Diagramas dinámicos, Datos que fluyen, así como el libro electrónico Cajas y flechas; y admiro profundamente todas las impresionantes obras que se muestran en Tablero de Pinterest de Randy y Gráfico Porn.

Si simplemente se está iniciando en la visualización de datos, le recomiendo que visite los sitios y blogs mencionados anteriormente.

Si no ha aprovechado el poder de las visualizaciones de datos en su campaña de marketing, ahora es el momento de comenzar.

Acerca de Jerry Low

Fundador de WebHostingSecretRevealed.net (WHSR): una revisión de alojamiento confiable y utilizada por los usuarios de 100,000. Más de 15 años de experiencia en alojamiento web, marketing de afiliación y SEO. Colaborador de ProBlogger.net, Business.com, SocialMediaToday.com y más.