47.4 El diseño
Ya se ha recorrido un largo camino donde se ha denotado que los diseñadores de visualizaciones de datos producen representaciones visuales de datos abstractos (ideas) para transmitir información utilizando elementos de diseño como la tipografía, el diseño y la composición. Capítulos anteriores han observado la visualización como elementos individuales, pero el Tablero de control es un caso específico donde figuran varias visualizaciones simultáneamente.
La disposición de los elementos en un espacio es uno de los elementos básicos del diseño gráfico y se han de tener en cuenta sus técnicas.
Al dividir una página en una cuadrícula de filas y columnas, y alinear los elementos del diseño según los espacios resultantes, un diseñador crea un documento fácil de leer, en el que el usuario es guiado en un flujo natural.
La retícula implica unos márgenes y un espaciado consistentes entre las columnas, los denominados canalones. La cuadrícula de un diseño suele ser invisible, de lo contrario se obtiene un diseño “cuadriculado”. Tampoco es necesario presentar el marco alrededor de cada visualización: da un aspecto más limpio, moderno y amable.
La ristra de columnas consta de varias, separadas por canalones y delimitadas por márgenes a izquierda y derecha. Un diseño modular añade filas a la sarta de columnas, creando celdas en el diseño. Estas celdas se denominan módulos.
Doce columnas, incluidos los márgenes, es un buen número por tratarse de un múltiplo de 2, 3, 4 y 6. Permite diseños muy flexibles. Calcule 80 pixels por columna, para una configuración de 960 de ancho.
Por la misma razón de divisibilidad, la cuadrícula de 960 píxeles era popular en el diseño web. Hoy en día, son más populares los diseños web responsivos con sistemas de rejilla fluidos. Estos utilizan anchos relativos (porcentajes).
Si bien una visualización individual bajo la perspectiva del storytelling, o desde la perspectiva de la persuación, se espera tenga una descripción contextual, ya sea en el texto o dentro de la misma un Tablero de control no cuenta con dichas explicaciones. La audiencia del Tablero conoce el contexto general.
La visualización con mayor protagonismo se sitúa en la esquina superior izquierda del diseño. Dentro de una visualización, el tamaño crea una jerarquía visual clara. En diseños con múltiples visualizaciones, como los cuadros de mando, se puede optar, por ejemplo, por situar la visualización clave en el centro del cuadro de mando, siempre que el contraste de tamaño sea lo suficientemente grande. También, el tamaño del texto crea una jerarquía visual.