Diseño de informes visualmente atractivos

Completado

Es importante disponer de datos correctos y seleccionar los objetos visuales adecuados, pero igual de importante es garantizar que el informe sea visualmente atractivo. Un informe bien diseñado debe guiar al consumidor del informe para encontrar y comprender rápidamente las respuestas a sus preguntas.

Cuando se centre en diseñar un informe atractivo, tenga en cuenta que también debe ser fácil de usar. Es más, se podrían agregar más objetos visuales a una página de informe bien diseñada sin que parezca desordenada.

Space

El espacio es esencial para un diseño de informe eficaz, ya que ayuda a reducir el desorden y a aumentar la legibilidad. Se aplica espaciado a los márgenes de la página del informe y entre los objetos del informe.

Márgenes

Los márgenes incluyen el área de borde que rodea cada página. Los objetos de informe deben estar enmarcados por un área de borde con un espaciado coherente.

Dado que no existe ninguna propiedad de la página de informe para establecer márgenes, depende de usted colocar los objetos de una forma que cree un área de borde coherente. Los tamaños de los márgenes deben ser iguales a la izquierda y a la derecha, pero pueden variar en la parte superior e inferior. El espacio de la parte superior o inferior puede incluir la personalización de marca, títulos, segmentaciones u otra información que deba separarse de los objetos visuales.

El siguiente informe tiene un espaciado coherente (resaltado con líneas discontinuas) en el área de borde de la página.

Captura de pantalla de una página de informe con el espaciado de margen resaltado en la parte izquierda, derecha, superior e inferior de la página.

Espaciado de objetos

Asegúrese de agregar suficiente espacio alrededor de los objetos del informe o dentro de estos.

Nota

Si están habilitados los encabezados visuales, asegúrese de probar que no se superpongan con los objetos cercanos, ya que la superposición de objetos puede dificultar la interacción con los iconos de los encabezados visuales. Un espaciado adecuado entre los objetos visuales le ayudará a evitar este problema.

Considere la posibilidad de usar una profundidad de espacio diferente para separar visualmente las secciones de objetos relacionados.

Aun así, tenga en cuenta que demasiado espacio puede dar lugar a un diseño de informe desequilibrado y podría distraer la atención del consumidor del informe de lo que realmente importa. La clave es la moderación: esfuércese siempre por diseñar un informe equilibrado y con un espaciado uniforme.

El espaciado se describe de forma más detallada en el tema Alineación.

Size

El tamaño puede estar relacionado con el tamaño de la página y el tamaño del objeto visual.

Tamaño de página

Puede establecer el tamaño de la página con unas dimensiones predefinidas o personalizadas. Además, puede establecer dimensiones personalizadas que sean superiores al tamaño de pantalla disponible, de modo que el consumidor del informe tenga que interactuar con las barras de desplazamiento para ver toda la página.

Captura de pantalla de las opciones de formato con la sección Tamaño de página, en la que se muestra el tipo establecido en Personalizado, con valores específicos de alto y ancho en píxeles.

Aun así, un tamaño de página grande lleno de objetos visuales podría tardar en representarse, y es posible que los objetos visuales no se representen en orden de arriba abajo.

Tamaño del objeto visual

Por lo general, cuanto más importante sea el objeto visual, mayor será su tamaño. Los consumidores de informes se centrarán enseguida en los objetos visuales más grandes. Cuando haya objetos visuales similares en la página, como una serie de objetos visuales de tarjeta, deberán tener el mismo tamaño.

Muchos objetos visuales responden al tamaño, por lo que tendrán un aspecto atractivo en tamaño pequeño o grande. Por ejemplo, un objeto visual de gráfico de líneas podría aparecer como un minigráfico cuando tiene un tamaño pequeño. En este caso, es posible que solo aparezcan algunas etiquetas de ejes y de datos. Cuando se aumente el tamaño del objeto visual de gráfico de líneas, se mostrarán más detalles, incluidas muchas más etiquetas de ejes y de datos.

Aunque los consumidores de informes pueden usar el modo de enfoque para ampliar un solo objeto visual, este debe comunicar igualmente sus datos de forma clara cuando se ve en tamaño real en la página del informe. El modo de enfoque puede ayudar a los consumidores a interpretar mejor los datos o interactuar más fácilmente con el objeto visual, por ejemplo, mediante la expansión en niveles de un objeto visual de esquema jerárquico o matriz.

Alineación

Cuando haya varios objetos visuales en la página del informe, asegúrese de que estén correctamente alineados, es decir, que los bordes de los objetos visuales estén alineados y que los espaciados entre los objetos visuales sean coherentes.

La alineación también está relacionada con las opciones de formato. Por ejemplo, la alineación de los títulos y las leyendas dentro de los objetos visuales debe ser coherente.

Considere la posibilidad de diseñar la página del informe con distintas secciones y alinear los objetos visuales de forma adecuada dentro de las secciones. Las secciones pueden ser implícitas o explícitas.

Secciones implícitas

Defina secciones implícitas alineando los grupos de objetos visuales que estén cerca. En el ejemplo siguiente se muestra la forma en que el espaciado separa los objetos visuales. Este ejemplo demuestra que el espaciado bien aplicado (resaltado con líneas discontinuas) puede transmitir una sensación de asociación y guiar la atención del consumidor del informe, a la vez que proporciona equilibrio y estructura a la página del informe.

Captura de pantalla de una página de informe con espaciado entre los siete objetos visuales para crear una sección implícita en la esquina superior izquierda de la página.

Secciones explícitas

Puede definir secciones explícitas mediante el uso de formas con color y la superposición de objetos visuales alineados sobre esas formas. En el ejemplo siguiente se muestra la manera en que las formas de fondo con color y el espaciado (resaltado con sombreado) separan los objetos visuales en tres secciones.

Captura de pantalla de una página de informe con el espaciado de margen resaltado en la parte izquierda, derecha, superior e inferior, y con espaciado y formas de fondo que separan el objeto visual en tres secciones.

Sugerencia

Use los comandos de alineación de la pestaña Formato para alinear los objetos visuales de forma rápida y precisa.

Color

Use el color con moderación y sentido, ya que un uso excesivo podría distraer. Tome como base unos pocos colores suaves, posiblemente alineados con los colores corporativos. Al usar colores suaves, se asegurará de que los datos sean el centro de atención del informe. Reserve el uso de colores llamativos para resaltar las excepciones.

Asegúrese de que los colores tengan un contraste suficiente. El contraste de color es especialmente importante si quiere crear informes accesibles para personas con deficiencias visuales. Este tema se describe con más detalle en la unidad 5.

En el ejemplo siguiente se muestran varios problemas relacionados con el color. Los colores que se han aplicado a la izquierda de la página son diferentes de los que aparecen a la derecha. Además, son colores llamativos y podrían distraer al consumidor del informe. Algunos colores, como el amarillo, no proporcionan un contraste suficiente con las etiquetas de datos en blanco.

Captura de pantalla de una página de informe con los problemas relacionados con el color que se describieron anteriormente.

En la imagen siguiente, el diseño del informe se ha mejorado con el uso de colores más adecuados. Ahora, los colores son coherentes y proporcionan un contraste adecuado con las etiquetas de datos en blanco.

Captura de pantalla de una página de informe con los problemas de color resueltos.

Coherencia

Esfuércese por transmitir coherencia cuando diseñe y configure objetos de informe. La coherencia debe estar presente en todo el diseño del informe, incluidos el espaciado, los márgenes, el tamaño, la alineación y, sobre todo, las opciones de formato de objeto. Las opciones de formato incluyen la selección de la fuente, así como su tamaño y su espesor, los colores y muchas otras opciones de estilo. Las opciones de formato también incluyen la habilitación de características visuales, como etiquetas de ejes y de datos.

En el ejemplo siguiente se muestran muchas incoherencias, incluida la mezcla de fuentes, tamaños de fuente diferentes y títulos incoherentes. A primera vista, el informe parece desequilibrado.

Captura de pantalla de una página de informe con las incoherencias descritas en la sección anterior.

La manera más rápida de aplicar coherencia es usar un tema de informe. Un tema de informe aplica la configuración de formato a todo el informe, lo que garantiza un uso coherente de colores, fuentes, páginas y opciones de formato visual, incluidos los estilos del panel Filtros.

Considere la posibilidad de usar uno de los numerosos temas incluidos en la galería de temas. Puede usar uno como punto de partida y personalizarlo para que se adapte mejor a sus requisitos. También puede crear un tema desde cero, lo que supondrá bastante trabajo inicialmente, pero le proporcionará un control pormenorizado.

Nota

Tenga en cuenta que el tema se invalidará al configurar explícitamente una opción de formato. Por ejemplo, puede establecer un color explícitamente si especifica un valor hexadecimal en lugar de seleccionar un color de la paleta. Intente limitar a casos excepcionales la invalidación del tema del informe porque, si cambia de tema, las propiedades invalidadas no se actualizarán.

Asegúrese de exportar el tema del informe, que es un archivo JSON, y aplicarlo a otros informes para garantizar la coherencia en todos los informes.

Sugerencia

Puede usar un sitio externo como powerbi.tips para generar un tema. El sitio le guiará a través del proceso de creación de una paleta de colores y el establecimiento de valores de propiedad para todos los tipos de objetos visuales principales.

Para obtener más información, consulte Uso de los temas para los informes en Power BI Desktop.