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

Artículo escrito por:
  • Artículos destacados
  • Actualizado: Oct 10, 2019

Aviso: _usort_terms_by_ID es desaprobado Desde la versión 4.7.0! Utilice wp_list_sort () en su lugar. en /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php en la línea 4632

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 establece 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 sean Buen contenido / marketing para sitios web y blogs..

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 mientras se carga a la velocidad del rayo. La mejor manera de lograr esto es con servidores de alojamiento web rápidos e imágenes optimizadas. Notarás que enfatizamos mucho en la velocidad en nuestras reseñas de hosting. A2 Hosting review por ejemplo o mira nuestras otras reseñas para ver qué proveedor de alojamiento web satisface mejor su necesidad de velocidad.

Beneficio #3 - Añadir autoridad

50% de nuestro cerebro está involucrado en el procesamiento visual (fuente).

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 hora 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 con datos sin procesar nunca es una tarea fácil, afortunadamente existen 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

Primero, veamos algunas de las cosas avanzadas.

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 trazado para el marco jQuery Javascript. jqPlot produce bonitas líneas, barras y gráficos circulares. La herramienta viene con algunas características interesantes, como generar puntos interactivos que los usuarios pueden ajustar en los navegadores web. Sin embargo, vale la pena señalar que esta herramienta no se ha probado exhaustivamente y es posible que algunos navegadores web no la admitan, a saber, Chrome e IE debajo de 7.

3. JP gráfico

JP gráfico

JP gráfico es una herramienta de gráficos basada en PHP que admite varios tipos de gráficos. En caso de que esté escribiendo un programa PHP que necesita 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.xo 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 completamente gratuita.

5 IBM Analytics (anteriormente conocido como Many Eyes)

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 Venganza

Venngage es una herramienta visual fácil de usar que ha existido desde 2011. La herramienta ofrece una manera fácil de crear infografías con un editor de arrastrar y soltar, un lienzo de forma libre y 1,000 + de ejemplos y plantillas preconstruidas.

3. 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.

4. 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 hermoso currículum o perfil en solo unos pocos clics. En caso de que esté en LinkedIn, realmente debería probar esto: la herramienta puede vincularse con su perfil de LinkedIn y genera gráficos impresionantes basados ​​en sus datos.

5. 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.

6. Piktochart

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.


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, podemos aprender 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; y admiro profundamente todas las impresionantes obras que se muestran en Tablero de Randy's Pinterest 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.