“Best Practices” para el diseño de visualizaciones


En algunas ocasiones hemos comentado algunas sugerencias para el diseño de cuadros de mando (scorecards) o tablas de indicadores (dashboard), por ejemplo aquí. Además de elegir adecuadamente los colores y fuentes de letras, la distribución de los elementos que se incluyan es importante para contribuir a su utilidad. 

Una reciente publicación de SAP ofrece una serie de lineamientos que deberíamos contemplar al diseñar estos instrumentos de gestión. Comienza con la siguiente definición:

Un dashboard es la representación visual de la información más importante que se requiere controlar para lograr uno o más objetivos, la cual se consolida y organiza en una sola pantalla para observarla en un sólo vistazo.

Deberían caracterizarse por lo siguiente:

  • Simple. No por reducir la cantidad de información, sino por dar relevancia a los hechos importantes.
  • Interactivo. La interactividad Incluye la navegación, presentación progresiva de la información (por ejemplo: profundización o drill down), desplegar acciones con un solo clic para presentación de información con más detalle. El fin es presentar información y no sólo datos.
  • Customizable. Personalizable por el usuario para que la información que se presente le sea útil.

Un Tablero de indicadores está conformado por varios paneles, en los cuales se presentan tablas, gráficos y otras representaciones visuales de información, podrían tener las siguientes estructuras:

Sugerencias

  • Los datos más importantes deberían ser ubicados a la izquierda o en la parte superior.

  • El conjunto de datos que identifican el alcance de la información presentada y las excepciones que se incluyen, debería estar ubicados en la parte superior o superior izquierda.
  • Los paneles  deben ser ubicados adyacentemente si deben ser comparados o relacionados, en caso contrario, procurar agrupar los datos en un panel.
  • Alinear los paneles para visualizar la estructura del dashboard.
  • La finalidad de una tabla de indicadores es informar en un solo vistazo, por ello se debería evitar barras de desplazamiento, fichas o varias páginas.
  • Utilizar el menor número de selectores, es recomendable el uso de indicadores u otros componentes que presenten información y al clic del ratón desencadenen la acción equivalente al selector.
  • Evitar el excesivo detalle en la información.
  • Utilizar textos cortos y claros.
  • Evitar el uso de subtítulos.
  • En cuanto a los decimales, en muchos de los casos se pueden evitar.
  • Evitar el uso de velocímetros consumen demasiado espacio, el mismo resultado se puede lograr con otro tipo de elementos visuales.

  • Es recomendable utilizar gráficos de columnas que los circulares, por los siguientes motivos:
    • Consumen menos espacio.
    • Las proporciones de las columnas son más fáciles de comprar que las porciones de los círculos.
    • Es posible presentar más información complementaria en las etiquetas de los gráficos de columnas.

Referencia: SAP Design Guild

Deja un comentario... Gracias!!!

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s