Tutorial: como criar relatórios envolventes no Power BI

Diretrizes para criar relatórios envolventes

Estas diretrizes vão ajudar você a construir relatórios atraentes, úteis e valiosos. Cada orientação abaixo deve ser aplicada sem perder de vista os principais elementos de design de relatórios mencionados anteriormente.

Vamos abordar as seguintes diretrizes de design:

• Escolha do gráfico certo
• Posicionamento e espaçamento
• Contexto
• Formatação e decoração

Escolha do gráfico certo

O Power BI oferece cerca de 200+ opções de visualização, incluindo os visuais personalizados disponíveis no AppSource. Tantas opções tornam ainda mais desafiador escolher o gráfico mais adequado.

Normalmente, os tipos de dados orientam o processo de seleção e reduzem as melhores opções de visual para cada caso. Por isso, vale considerar o objetivo da informação que você quer incluir no relatório. Pergunte a si mesmo que ação ou decisão aquele visual deve apoiar. 

Há alguns visuais que uso com mais frequência nos meus relatórios. Quando estou em dúvida sobre qual visual escolher, volto ao básico: começo pelo gráfico mais simples capaz de transmitir a informação e ignoro as demais opções por enquanto.

Estes são os visuais que mais uso:

• Gráficos de barras para comparar categorias
• Gráficos de pizza ou rosca (apenas se houver menos de 5 categorias para comparar)
• Gráficos de linhas para mostrar tendências ao longo do tempo
• Cards e KPIs para exibir números únicos
• Tabelas e matrizes (apenas quando for preciso mais detalhe)

Veja esta referência para a lista completa de visualizações disponíveis no Power BI e as melhores formas de usá-las.

Posicionamento & espaçamento

Ao desenhar um relatório no Power BI, o espaço na tela é limitado. Por isso, é importante aproveitar ao máximo o que está disponível sem adicionar elementos desnecessários que só poluem o visual.

Somos treinados para ler da esquerda para a direita e de cima para baixo. Assim, quando alguém abre um relatório, o olhar naturalmente começa no canto superior esquerdo — a menos que algo chame a atenção em outro lugar. Essa tendência humana indica onde os visuais devem ser posicionados: começando no topo e seguindo um fluxo lógico, com mais detalhes à medida que se desce na página.

Pela regra dos 5 segundos, as informações de maior valor e impacto devem ser percebidas em até 5 segundos após abrir o relatório. Portanto, posicione-as na parte superior, onde o usuário vai vê-las primeiro. Evite colocar imagens, ícones ou textos nessa área se não trouxerem informação relevante para o usuário e para o relatório.

Projete o restante da página com um fluxo lógico em mente:

• Agrupe visuais com um objetivo em comum. Evite posicioná-los aleatoriamente onde couber, pois isso pode sugerir relações que não existem.
• Deixe espaço entre os visuais para melhorar a leitura e criar separação entre elementos com significados diferentes e não relacionados.
• Evite tamanhos e posicionamentos aleatórios dos visuais, pois isso dificulta saber onde olhar primeiro ou em que focar.
• Alinhe os visuais de forma consistente.
• Não sobrecarregue a página com visuais ou informação em excesso.

Contexto

É importante dar ao usuário algum contexto sobre a informação apresentada. Esse contexto pode ser comunicado facilmente com comparações no tempo ou entre categorias. 

Por exemplo, se um card mostra que a receita do ano é de US$ 1 milhão, é possível adicionar contexto comparando com a receita do ano anterior ou com o orçamento. Uma forma simples é usar cores para indicar se a receita está acima ou abaixo do orçamento.

Outra opção é usar uma única medida para destacar rapidamente a comparação entre dois números: por exemplo, a variação percentual da receita deste ano versus o ano passado. Assim, um único número responde a pelo menos duas perguntas: a receita está maior que a do ano passado e, se sim, quanto maior. Pense no tempo perdido se o usuário precisar calcular isso manualmente ou se a comparação nem estiver disponível.

Formatação & decoração

Há muitas formas de “embelezar” um relatório — de cores e imagens a fontes diferenciadas. No entanto, esses elementos de formatação e decoração só devem ser usados quando agregarem utilidade ou significado. Isso também vale para linhas de grade em gráficos ou bordas ao redor da área do gráfico.

Uma das opções de formatação mais poderosas é a cor. Você pode fazer comparações e aplicar formatação condicional para destacar informações importantes. Se for uma informação “ruim”, o usuário verá imediatamente possíveis problemas que exigem ação.

Mas escolha as cores com cuidado — mantenha a simplicidade e seja consistente! Siga estas regras no uso de cores no seu relatório:

• Use paletas amigáveis para daltonismo — vermelho e verde são duas das cores mais problemáticas (principalmente quando usadas juntas). Escolha combinações que não gerem confusão desnecessária. 
• A cor deve ser usada de forma consistente entre campos ou categorias para que ela própria carregue significado (crie uma legenda para consulta — a sobreposição de informações que veremos mais adiante é um ótimo uso para isso).
• Evite o uso excessivo de cores — muitas cores em todos os elementos podem confundir e tirar o foco do usuário.
• Evite cores de fundo muito fortes ou vibrantes, pois dificultam a leitura e não são práticas caso o usuário queira imprimir o relatório em PDF.

O último ponto de formatação diz respeito a fontes e formatos numéricos:

• Evite usar muitos estilos de fonte ou exagerar — mantenha uma única fonte em todos os relatórios.
• Evite formatações de texto desnecessárias (negrito, sublinhado, tamanhos muito grandes etc.), pois aumentam o ruído e o tempo para extrair insights.
• Para números, use separador de milhar (como 10.000) ou uma forma compacta (como 1M para 1 milhão ou 100k para 100 mil) para melhorar a leitura.

Recursos-chave de design no Power BI

A flexibilidade do Power BI permite criar um relatório bonito e, ao mesmo tempo, muito valioso. Usando alguns recursos simples, você corta o ruído e mantém a tela livre para mostrar só o que realmente importa.

Muitos dos recursos abaixo podem ser implementados com os bookmarks do Power BI. Dá para fazer muita coisa com bookmarks e eu recomendo fortemente aprender mais sobre eles.

Navegação personalizada entre páginas

Tradicionalmente, a navegação é feita pelas abas na parte inferior do relatório. Mas, ao criar seu próprio navegador de páginas, você pode alinhá-lo ao tema e à identidade visual do relatório. Há várias formas de criar um painel de navegação personalizado, e dá para ser bem criativo.

A forma mais simples de adicionar um navegador é selecionar a opção “Page navigator” no menu “Buttons” na faixa de opções. Esse recurso permite que o painel de navegação atualize automaticamente sempre que uma nova página for adicionada ao relatório.

No print abaixo, você vê um painel de navegação simples que expande ao clicar no ícone de menu. Este relatório tem apenas duas páginas.

Navegação contextual com botões

Outra forma de navegar é criar botões contextuais em pontos específicos da página. No exemplo abaixo, criamos um botão que leva à página de Análise por segmento; ele fica no canto superior direito do gráfico de margem de lucro por segmento. Com isso, o usuário consegue ir diretamente do gráfico para uma página que aprofunda aquela informação.

Esse método é ótimo para adicionar páginas detalhadas que poderiam passar despercebidas e ajuda a evitar que o painel de navegação fique lotado de abas.

Criando um painel de filtros (slicer) personalizado

Assim como o painel de navegação, é possível criar um painel de filtros que aparece ao clicar no botão de filtro. Gosto especialmente desse painel porque os slicers ocupam muito espaço na tela e, sozinhos, não entregam valor.

Criando uma sobreposição de informações

Uma sobreposição de informações é uma forma excelente de ajudar o usuário a entender os elementos do seu relatório dentro do próprio Power BI. Antes de conhecer esse truque, eu criava uma apresentação em PowerPoint com prints do relatório, bem parecido com essa sobreposição. 

Com esse hack, você economiza tempo seu e do usuário para aprender sobre um relatório novo ou relembrar um antigo.

Assim como os dois painéis anteriores, essa sobreposição aparece quando o usuário clica no ícone de informação no canto inferior esquerdo do relatório.

Criando títulos dinâmicos baseados em filtros

Títulos dinâmicos permitem mostrar, no título do gráfico, informações sobre o filtro aplicado. 

Um título dinâmico é criado com uma medida. A medida do título na imagem a seguir é assim:

Segment Title = “Sales and Profit Margin for: “ & SELECTEDVALUE(‘Segments’[Segment], “All Segments”)

A função-chave nessa fórmula é SELECTEDVALUE, que retorna o valor selecionado (em um slicer ou filtro) ou “All Segments” quando nada é selecionado.

Na imagem abaixo, filtramos o relatório para mostrar apenas o segmento Channel Partners; esse filtro alterou dinamicamente o título do gráfico de linhas para refletir a seleção.

Usando tooltips para adicionar detalhes contextuais

Todo gráfico tem tooltips que exibem o valor exato ao passar o mouse sobre um elemento. Mas você também pode usar uma página de relatório como tooltip! Na imagem abaixo, ao passar o mouse sobre o produto VTT, surge um tooltip que, na verdade, é uma página do relatório com alguns visuais relacionados a esse produto.

Conclusão

Depois de aplicar os recursos vistos neste tutorial, você estará no caminho para se tornar um usuário de Power BI muito mais confiante. No próximo tutorial, vamos mostrar como evoluir essas habilidades com recursos avançados para turbinar sua caixa de ferramentas de visualização de dados. Além disso, confira os cursos de Power BI da DataCamp; e, se quiser começar hoje sua jornada rumo à maestria no Power BI, inscreva-se na Power BI Fundamentals Skill Track.