Regras de Design para Power BI: Wireframes, Temas e Ícones para Dashboards de Negócio Limpos

“O poder corrompe. O PowerPoint corrompe absolutamente.” – Edward Tufte

Nas nossas formações introdutórias de Power BI para utilizadores de negócio, os participantes que contactam com a plataforma pela primeira vez procuram uma visão geral: o que é possível fazer e como construir um relatório Power BI a partir de um conjunto de dados simples.

Trata-se de uma necessidade comum e, a este nível, damos ênfase ao data storytelling, às boas práticas na escolha e no design dos visuais, aos erros mais frequentes a evitar e à forma de comunicar com eficácia através do Power BI.

Por isso, percorremos a finalidade de cada visual disponível no Power BI e garantimos que todos percebem claramente que mensagem esse visual se destina a transmitir. É sempre surpreendente constatar quantos utilizadores de negócio não compreendem verdadeiramente o significado de um gráfico — mesmo quando ele aparece em inúmeros relatórios de gestão.

Não se trata de produzir relatórios, mas de entregar informação relevante que apoie a tomada de decisão. Na formação de Business Analytics fomos um pouco mais longe e definimos um conjunto de regras de design que continuam largamente inexploradas no Power BI. Desenvolvemos um Design Kit interno, que disponibilizamos durante as formações, e que permite definir e aplicar instantaneamente um conjunto coerente de regras visuais.

Wireframing – regras de layout para os visuais do Power BI

Alguns programadores de Power BI usam uma técnica que consiste em desenhar o layout dos relatórios no PowerPoint — definindo caixas para os visuais, exportando o diapositivo como imagem e usando-o depois como fundo de layout no relatório.

Embora este método funcione, tem desvantagens evidentes: é rígido e difícil de manter. Se o autor do relatório mudar de ideias quanto ao layout, todo o processo tem de ser refeito.

Foi por isso que optámos por um wireframe que divide a página na vertical em 12 colunas com a mesma largura e o mesmo espaçamento. Na horizontal, usamos 3 blocos para definir o espaço entre os visuais.

Criámos um layout base com as dimensões da página e regras claras para posicionar os visuais e definir os espaçamentos:

Posicionar os visuais é simples: basta alinhá-los pelas guias das colunas, como se vê neste exemplo:

Esta técnica é fácil de manter e dá flexibilidade caso seja preciso alterar o layout. Ao mesmo tempo, garante um alinhamento perfeito e um relatório mais amigável e legível.

Esquemas de cores e temas do Power BI

Usamos um esquema de cores complementares baseado no azul e no laranja, que oferece um forte contraste visual, uma diferenciação clara dos dados e uma estética profissional. Estas cores situam-se em extremos opostos do círculo cromático, o que torna as diferenças entre categorias mais fáceis de ver.

Para além do esquema de cores, definimos um tema do Power BI que pode ser reutilizado em vários relatórios com um estilo coerente. Além das cores, o tema inclui sombras, efeitos, tipos de letra e tamanhos de texto — permitindo formatar os relatórios na perfeição em apenas alguns cliques.

Iconografia

Para facilitar a navegação dos utilizadores num relatório, criámos uma biblioteca de ícones para uso consistente. Um dos erros mais comuns é misturar ícones ou imagens de conjuntos diferentes, o que dá ao relatório um aspeto caótico.

Consoante o tipo de visual utilizado, os ícones podem ser importados para o Power BI como imagens ou acedidos através de um URL. Por exemplo, no novo Tile Slicer, as bandeiras dos países estão guardadas numa biblioteca de imagens acessível pela web e ligadas diretamente no modelo de dados:

Algo semelhante acontece com o novo visual Card. Tanto os dados como os ícones são carregados a partir do modelo de dados:

No entanto, no navegador de páginas do relatório, os ícones são carregados como ficheiros de imagem .png — não fazem parte do modelo de dados:

Pode explorar o resultado final abaixo:

Partilhe o seu amor
Nuno Nogueira
Artigos: 44