Datos, Datos, Datos ¿Cómo lo diseñas?

Probablemente estés nadando en un mar de datos. Los análisis, los informes, las métricas y los datos basados ​​en datos son la nueva norma, y ​​parece que las personas no pueden obtener lo suficiente.

¿Pero cómo diseñas con datos? ¿Cómo toma algo que puede ser complejo, que requiere una explicación, y lo descompone en algo más pequeño y digerible sin arruinar el significado de la información? Puede ser una tarea difícil. ¡Hoy, veremos diferentes enfoques para diseñar con datos y, con suerte, proporcionaremos algunos consejos útiles!

¿Por qué trabajar con datos, de todos modos?

La buena información es la base de la buena información. Es la fuente creíble que te ayuda a entender que algo es como parece ser.

En un mundo donde más y más información se le envía constantemente, el uso de datos en proyectos de diseño es esa información adicional que puede diferenciar a su proyecto, estableciendo credibilidad y confiabilidad. Respaldar y respaldar proyectos con datos ayudará a los usuarios a entender un producto final y también a comprender mejor el trabajo.

Lo bueno de este último elemento es que cuando comprende y diseña la parte de datos de un proyecto, es probable que esté más versado en cada elemento de la información y el diseño relacionado. Esa comprensión integral lo convertirá en un mejor diseñador porque el proyecto resolverá el problema al que se dirige, gracias a ese conocimiento.

Proveer información

El primer paso cuando piense en diseñar datos es cómo lo va a utilizar. ¿Qué está tratando de lograr?

Los datos deben respaldar y proporcionar un contexto adicional con otras partes de la historia del diseño. Simplemente lanzar un mapa o números en el lienzo sin contexto no es útil en absoluto. Necesita proporcionar información adicional y contexto.

Entonces, ¿qué escribes y qué visualizas? Quieres tener una mezcla. Resalte los puntos clave con visualización. Determinar si mostrar o contar debe basarse en la forma más fácil de digerir la información.

Tomemos un mapa por ejemplo. Explicar las direcciones paso a paso desde el punto a al punto B puede ser engorroso y difícil de digerir, pero un mapa es mucho más fácil de seguir y se entiende comúnmente. Aún mejor sería un mapa interactivo donde el usuario puede cambiar las rutas si es necesario y obtener esa información paso a paso si lo desea.

Organizarlo

Los datos deben estar organizados para ser efectivos. Tiene que fluir de una manera lógica y sensible para que los usuarios puedan entender el punto que está tratando de establecer.

Una línea de tiempo es la manera perfecta de ilustrar esto. Este tipo de visualización de datos implica un flujo cronológico (a menudo desde las fechas más antiguas a las más recientes). El flujo de información se mueve a medida que ocurren eventos en la línea de tiempo. Los usuarios no tienen que pensar en esto para entenderlo.

Pero qué pasa si el diseño se veía y actuaba como una línea de tiempo, pero las fechas aparecían en un orden confuso. Es probable que sorprenda a los usuarios y les haga abandonar el sitio y considere que el diseño no es efectivo.

Decide lo que es importante

Esta podría ser la parte más difícil del diseño de datos: no se puede usar todo.

La mayoría de los proyectos que vienen con datos vienen con muchos datos. Es su trabajo clasificarlo todo, tomar las partes clave e incorporarlas en el diseño general. Es su trabajo crear ese equilibrio entre la información insuficiente y la insuficiente, de modo que el usuario tenga exactamente lo que necesita.

Aprender a clasificar una gran cantidad de información no siempre es fácil y suele ser un esfuerzo de equipo. Tenga en cuenta el acto de equilibrio entre los puntos de datos visuales y los puntos de texto, y recuerde no duplicar esfuerzos a menos que sea necesario para la comprensión.

Un gráfico es una excelente manera de organizar la información relevante, particularmente cuando se trata de hacer comparaciones, como la que se encuentra en el blog de Viget.

Pensar en escala

Hay más en un buen mapa de mapas que simplemente hacerlo bonito. Los usuarios deben poder verlo y obtener información precisa de un vistazo, por lo que la escala es tan importante.

Los puntos de visualización deben relacionarse entre sí de una manera lógica.

Mira los elementos de arriba. ¿Cada burbuja? representa un numero El número de referencia es 100. ¿Observa cómo la burbuja 200 es dos veces más grande que 100 y la burbuja 25 es solo una cuarta parte del tamaño? Esta escala proporciona un contexto visual a la información para que los usuarios puedan ver realmente lo que necesitan saber.

No fuerce los visuales

A veces, los datos pueden ser demasiado complejos para visualizarlos de una manera que signifique algo. Así que no lo obligues.

Tan comúnmente como los números y los hechos se prestan a los gráficos, no lo hacen. Si eso le sucede, considere otro camino para ayudar a los usuarios a conectarse con la información. (Mi truco favorito en estos días es emparejar un elemento del elemento de texto con un icono. El icono atrae a los usuarios y el hecho se indica claramente junto al elemento visual).

10 herramientas de visualización de datos interesantes

La creación de infografías a partir de puntos de datos puede ser un proceso lento. Dependiendo de cómo piense utilizar estos datos visuales, una herramienta en línea podría ser la solución correcta. Hay muchas herramientas disponibles para ayudarlo a crear datos que los usuarios querrán ver.

Aquí hay un vistazo a 10 herramientas geniales que son completamente gratis. (El conocimiento de la codificación varía de código no necesario a más avanzado).

  1. Tableau Public: Cree imágenes para casi cualquier tipo de datos con esta herramienta basada en aplicaciones
  2. Crudo: El proyecto de código abierto le permite crear imágenes basadas en vectores utilizando la biblioteca D3.js
  3. Línea de tiempo: Ponga su información basada en el tiempo en un formato fácil de leer directamente desde una hoja de cálculo
  4. Infogr.am: Convierta los datos en un gráfico interactivo y sensible basado en plantillas
  5. Chart.js: Crea gráficos de líneas, barras, radares, áreas polares o circulares y de anillos.
  6. Google Charts: Galería de herramientas para ayudarlo a aprovechar al máximo los datos de una manera bastante simple
  7. Folleto: Herramienta de mapeo de código abierto que es interactiva y amigable para dispositivos móviles
  8. Dygraphs: Cree gráficos con muchos puntos de datos o de hojas de cálculo complejas
  9. Widgets de SONRISA: Otro proyecto de código abierto que te ayudará a crear cualquier cosa, desde una página web a una línea de tiempo para puntos de datos trazados
  10. Canva: Genial generador de infografías de arrastrar y soltar que no requiere conocimientos de codificación

Conclusión

Si bien demasiados datos pueden ser un poco abrumadores, puede ser algo bueno. Aprenda cómo procesar y seleccionar esta información y emparejar partes objetivas con proyectos para aprovechar al máximo el uso de datos de apoyo para contar una historia más completa.

Una vez que sepa con qué está trabajando, visualícelo. Ya sea que diseñe los elementos de datos usted mismo o use una de las grandes herramientas disponibles, los datos informativos pueden impresionar a los usuarios, agregar credibilidad a un proyecto y mejorarlo estéticamente.