Recursos de Consulta

En el momento en que están analizando sus datos y la intención narrativa de sus proyectos se vuelve más clara, es importante hacer un ejercicio de abstracción en el que se toman decisiones formales sobre los tipos de visualizaciones que quieren utilizar y una paleta de colores que les ayuda a contar sus historias.

En esta semana que están revisando sus proyectos finales, quisiera presentarles brevemente una serie de recursos útiles para refinarlos y pulirlos. La siguiente lista contiene herramientas en línea para crear paletas de colores, probar si sus visualizaciones pueden causar problemas a personas con discapacidad y artículos cortos con recomendaciones que les pueden servir en este punto del proceso.

Estos son recursos de consulta para profundizar en temas que hemos abordado en clase de manera introductoria y les pueden sugerir rutas para seguir ahondando por su propia cuenta. Este curso es una introducción al amplio mundo de la visualización de datos y espero que de ahora en adelante tengan suficientes herramientas para explorar las formas de contar historias persuasivas con datos.

Conceptos

  • Color for data visualization: Tips sobre usos del color para diferenciar datos secuenciales, categóricos y divergentes.
  • Chart Do’s and Don’ts: The Ultimate Data Visualization Guide: No soy muy partidario de este tipo de reglas que pueden conducir a pensar que hay sólo una forma de hacer visualizaciones correctamente. Las reglas, como en todo contexto, tienen instancias donde deben ser reconsideradas. A pesar de esto, es un excelente artículo sobre cosas a considerar en diferentes tipos de visualizaciones.
  • Turning a Corporate Color Palette into a Data Visualization Color Palette: Artículo sobre estrategias para convertir el color que identifica una marca o empresa en una paleta de colores para visualización. Es un problema común en el momento de hacer este tipo de implementaciones para una empresa que ya tiene una identidad gráfica.

Herramientas

  • Color Picker for Data: Herramienta intuitiva para generar paletas de colores específicamente para visualización de datos.
  • Chroma.js Color Palette Helper: Herramienta para crear paletas de colores. Permite seleccionar modo categórico o divergente, lo cual es una gran ayuda.
  • Color Brewer: Herramienta para crear paletas de colores en mapas.
  • Color Blind Simulator: Excelente herramienta para revisar si su paleta de colores puede tener problemas en poblaciones con discapacidad. Pueden tomar un pantallazo de sus visualizaciones y subir la foto a la plataforma para que la vean en diferentes modos de capacidad visual.
  • Colors in Action: Si tienen definida una paleta de colores, esta herramienta les puede ayudar a verla aplicada en diferentes tipos de visualizaciones antes de hacer las suyas.

Ejemplo de sistemas de diseño (Design Systems)

Los sistemas de diseño son una serie de herramientas y reglas que definen claramente las formas como una empresa debe crear los diseños de sus diferentes productos. No significa que sean sistemas cerrados, sino que son abstracciones de elementos que se pueden repetir a lo largo de un proceso creativo que debe preservar una identidad dentro de la empresa. Cuando ustedes definen una paleta de colores, una tipografía y diseñan el sitio web de su proyecto final, están al tiempo creando un sistema de diseño singular a su proyecto. Estos sistemas de diseño luego se pueden generalizar para crear nuevos productos que sigan una misma línea estilística en el futuro. Veamos algunos ejemplos que les sirvan de inspiración para crear sistemas de diseño en sus empresas:

  • Material Design: Uno de los sistemas de diseño más populares y utilizados actualmente.
  • Carbon Design System: Un ejemplo detallado de una paleta de colores optimizada. Ejercicios de este tipo son útiles cuando quieren tener sistemas de diseño predefinidos dentro de sus empresas.
  • Apple Design System: Los productos de Apple se caracterizan por su rigurosa y detallada atención al diseño. En este sitio la empresa comparte minuciosamente su sistema de diseño para todos sus dispositivos. Es un excelente ejemplo de una empresa que cuida y trabaja permanentemente en contar historias con sus productos por medio del diseño.