Los atributos de atención previa son propiedades visuales que notamos sin utilizar un esfuerzo consciente para hacerlo. Los procesos de tratamiento se llevan a cabo dentro de los 200 ms después de la exposición a un estímulo visual y no requieren una búsqueda secuencial. Son una herramienta muy poderosa en su caja de herramientas de visualización de datos: determinan lo que su audiencia nota primero cuando miran su informe de Power BI.

Se han definido cuatro propiedades visuales de atención  previa:

  • Color (intensidad, tono)
  • Forma (orientación, longitud de línea, ancho de línea, tamaño, forma, curvatura, recinto, marcas agregadas)
  • Posicionamiento espacial (posición 2-D)
  • Movimiento

Atributos de atención  previa en Power BI

Cada gráfico que construye en Power BI usa atributos de atención previa, pero debe tomar decisiones de diseño para usarlos a propósito. Aquí hay algunos ejemplos rápidos.

 

El gráfico  en la parte superior usa un color diferente para cada barra y ordena las barras alfabéticamente por producto.  El gráfico en la parte inferior usa un solo color en todas las barras y ordena que las barras desciendan por el monto de las ventas.

Observe cómo sus ojos saltan de un lado a otro entre los colores en la tabla en la parte superior. Cuando observa el gráfico inferior, sus ojos siguen más fácilmente la longitud de las barras hacia abajo y en las categorías de mayor a menor.

Aquí hay otro ejemplo.

Encierre y orientación.

El gráfico de barras verticales en la parte superior tiene un borde negro oscuro. Probablemente sea lo primero que note sobre el gráfico.

Una vez que eliminamos el borde, como se muestra en el gráfico en el medio, notamos que las etiquetas de categoría del gráfico tienen una orientación diagonal. Se destacan porque nada más en el gráfico es diagonal. Es un poco molesto y difícil de leer.
El gráfico de barras horizontales muestra la misma información en el mismo orden, pero permite que las etiquetas de categoría permanezcan horizontales. Ahora nuestros ojos se centran en la información codificada por las barras.

Pulse aquí para ver el ejemplo en Power BI.

¿Qué significa esto para el diseño de informes?

Necesitamos aprovechar la forma en que procesamos la información para crear una forma más rápida y natural de adquirir información a través de nuestros informes de Power BI. Específicamente, podemos usar atributos de atención previa para resaltar las partes más importantes de una imagen y crear una jerarquía visual de información.

El color es, probablemente, el atributo de atención previa más poderoso que tenemos a nuestra disposición, por lo que debemos usarlo estratégicamente.

Aquí hay algunas cosas que puede hacer para aprovechar los atributos de atención previa en sus informes de Power BI:

  1. Reserve el uso de colores brillantes para los elementos que necesitan atención de sus usuarios o aquellos que deben examinarse primero, y use colores menos intensos para otros elementos en la página.
  2. No utilices varios colores por el simple hecho de tener varios colores. Por ejemplo, un gráfico de barras con solo un campo en el eje categórico generalmente no necesita tener colores separados para cada barra.
  3. No se conforme con las etiquetas de eje girado cuando no encajen horizontalmente. Abrevie las categorías y los números, o cambie a un tipo de gráfico diferente que admita etiquetas más largas si necesita hacerlo.
  4. Inicie los gráficos de barras en 0 (cero) para permitir a sus usuarios evaluar con precisión la longitud y las diferencias entre las barras.
  5. Asegúrese de que las imágenes en una fila estén exactamente alineadas. Si los gráficos seguidos están ligeramente desalineados por unos pocos píxeles, puede ser una distracción.
  6. No permita que el título del gráfico sea lo más brillante / audaz en su página. Deje que sus datos en sus gráficos, KPI y tarjetas atraigan la mayor atención. En muchos casos, no necesita un color de fondo en los títulos de sus gráficos.
  7. Evite agregar bordes de gráficos oscuros e intensos. Intente usar espacios en blanco para separar gráficos en lugar de agregar bordes.

Hay momentos en que los bordes del gráfico y los colores de fondo en los títulos del gráfico son apropiados. (Actualmente estoy trabajando en un informe donde tengo un borde alrededor de un grupo de gráficos para indicar que todos están relacionados, pero es de color gris claro en lugar de negro). Pero definitivamente no son apropiados todo el tiempo, así que sugiera que su valor predeterminado sea evitarlos y agregarlos cuando sea necesario.

A veces, en Power BI es difícil encontrar un gráfico que acomode incluso etiquetas de categoría ligeramente largas, ya que las imágenes incorporadas truncan los valores en el eje sin ninguna configuración para cambiar ese comportamiento.  Hasta que se resuelva ese problema, puede probar el visualizador personalizado de Atribute Slicer. Aunque tiene algunas peculiaridades de formato propias, tiene una configuración para definir la parte del gráfico que las barras deben tomar en lugar de las etiquetas.

He proporcionado varias pautas que no son reglas duras y rápidas. El objetivo de estas pautas es ayudarlo a usar el color, la forma y la posición para guiar a sus usuarios a través de su informe de manera eficiente, para ayudarlos a procesar la información que proporciona su informe.

Meagan Longoria
Design Concepts For Better Power BI Reports – Part 2: Preattentive Attributes