Técnicas de design de layout de painel

Hoje, estamos iniciando uma série sobre as etapas práticas que podemos seguir para melhorar o design do relatório, a transparência do relatório e a experiência do usuário final. Na primeira parte desta série sobre como desenvolver a transparência do relatório, focarei em técnicas básicas, mas eficazes, de design de layout de painel que podem ser facilmente implementadas em seus relatórios do LuckyTemplates.

Além disso, compartilharei alguns de meus pensamentos sobre o processo de desenvolvimento de relatórios . Passaremos pelo componente mais técnico do desenvolvimento de relatórios de BI, mas, ao mesmo tempo, também abordaremos a abordagem geral e as intenções por trás de cada aspecto do design do relatório.

Primeiro, deixe-me dar uma visão de alto nível do que será discutido durante esta série sobre transparência de relatórios.

Quando penso em design geral de relatórios e transparência de relatórios, tento separá-los em quatro pilares relevantes: design de layout , navegação , fórmulas DAX e outras funcionalidades .

O design do layout inclui aspectos como escolher um tamanho ou resolução de relatório adequado, aplicar planos de fundo ou modelos adicionais e moldar uma estrutura de relatório separando diferentes áreas, como a seção de KPI, os principais visuais e os painéis de filtro de navegação.

Criar uma navegação amigável requer etapas como escolher um local adequado para os botões, repensar a aplicação dos referidos botões e aplicar diferentes efeitos visuais para tornar a navegação mais interativa e vibrante.

Depois, temos as fórmulas DAX que ajudam os desenvolvedores de BI a criar relatórios transparentes e perspicazes. Existem muitas técnicas DAX que podem nos ajudar a economizar muito espaço, destacar elementos específicos de determinados visuais e introduzir informações dinâmicas.

Por último, mas não menos importante, também temos outras funcionalidades que podem levar o design do relatório para o próximo nível, como dicas de ferramentas personalizadas.

Quando todos esses fatores se somam, eles podem afetar substancialmente a legibilidade do relatório. Agora, vamos passar por cada um dos seguintes pilares, destacando alguns exemplos específicos. O primeiro que discutiremos é o design de layout , enquanto os outros tópicos serão discutidos em postagens futuras do blog.

Índice

• Design de layout do painel
• Personalizar a resolução da página do relatório
• Duas abordagens para projetar layouts pré-planejados
• Criar estrutura de relatório adicionando formas
• Como estruturar páginas de relatório em seu design de layout de painel
• Conclusão

Design de layout do painel

O primeiro elemento importante a considerar é o tamanho da página ou a resolução . A resolução de página padrão é definida em 1280 por 720, que é 16:9 em termos de largura e altura do relatório.

Essa resolução funciona perfeitamente bem em muitos cenários, mas pessoalmente acho útil aumentar a resolução para qualquer ponto, desde o tamanho padrão da resolução até algo em torno de 1900 x 1100, mantendo a proporção no mesmo nível de 16:9.

Do meu ponto de vista, esse valor final é ideal ao criar relatórios que devem ser lidos e analisados ​​em laptops ou telas de monitores de PC. O principal benefício da resolução mais alta é aumentar a quantidade de espaço para recursos visuais e elementos adicionais.

No entanto, aumentar a resolução para níveis excessivamente altos pode levar à diminuição da legibilidade do relatório. É por isso que recomendo esta resolução, tendo em mente que os relatórios mostrados nos tamanhos dos telefones devem ser ajustados em torno do mínimo de 11 a 12 pixels.

Outra consideração importante é manter a resolução da página consistente em cada página se o contexto do relatório não exigir variedade.

Personalizar a resolução da página do relatório

Agora vamos mergulhar no arquivo PBX. Mostrarei como você pode personalizar facilmente a resolução da página do relatório. Primeiro, crie uma nova página, vá para o painel de visualização, escolha Formatar página e, em seguida, Configurações de tela . Na lista suspensa, você pode escolher seu formato preferido de proporção 16:9 para personalizado.

Depois de definir a resolução da página, podemos criar e projetar planos de fundo ou modelos para nosso relatório do LuckyTemplates.

Aqui estão exemplos de layouts feitos por você. Os dois layouts superiores parecem ter maior quantidade de espaço sólido na seção principal, enquanto os dois inferiores apresentam uma estrutura mais fixa com maior quantidade de formas e seções.

A forma como projetamos e construímos nossos layouts depende de algumas coisas, mas a principal delas é o aplicativo de relatório. Por exemplo, se for usado como portfólio ou demonstração, ou se for usado por usuários finais e clientes.

Podemos criar relatórios mais sofisticados e complexos para uso pessoal ou comercial, como portfólios e demonstrações. Para relatórios profissionais, operacionais ou financeiros com cenários da vida real, podemos adotar uma abordagem mais simplista.

Duas abordagens para projetar layouts pré-planejados

Ao projetar layouts pré-planejados, tenho duas abordagens usando o Microsoft PowerPoint. A primeira abordagem é construir um layout com estrutura fixa e todos os objetos e formas incluídos imediatamente.

A segunda abordagem, que é a minha preferida, é construir camadas estruturais e, ao mesmo tempo, manter as paredes do espaço sólidas.

Nesse cenário, a estrutura é criada diretamente no LuckyTemplates adicionando formas como retângulos. Desta forma, podemos facilmente modificar e ajustar nossa estrutura aos visuais que iremos implementar em nosso relatório.

O tamanho dos visuais varia muito e dependerá de muitas coisas, como o número de categorias que queremos exibir em um determinado visual.

É melhor ter uma abordagem flexível em vez de criar muitos layouts semelhantes, indo e voltando do arquivo PBX para o programa gráfico e ajustando cada página de layout.

Aqui está outro exemplo de como você pode projetar facilmente apenas adicionando formas e cores diferentes. Neste caso particular, vários retângulos foram adicionados na parte superior do layout pré-planejado para criar uma estrutura de grade simples para os diferentes visuais.

Criar estrutura de relatório adicionando formas

Vamos mergulhar no arquivo PBX e adicionar formas adicionais ao nosso layout de relatório, que posteriormente preencheremos com visualizações. Podemos ir para Insert Shapes , criar alguns retângulos com cores mais escuras do que o layout da página real e desativar as bordas. Então vamos copiar e colar e colocá-los em lugares diferentes.

Agora estamos prontos para implementar algumas visualizações. Para este exemplo, temos um layout mais claro em uma página diferente. Adicionaremos retângulos com preenchimento branco e bordas cinza. Dessa forma, podemos modificar facilmente a estrutura adicionando formas largas adicionais, como retângulos.

Como estruturar páginas de relatório em seu design de layout de painel

A estruturação de uma página de relatório depende do tipo de relatório e dos usuários finais.

Minha regra geral é colocar as seções de KPI na seção central superior ou na seção superior esquerda. Os visuais, que geram os insights mais impactantes, são colocados no canto superior esquerdo, enquanto o lado direito é usado para o logotipo da empresa, títulos, navegações e segmentações.

Depois de adicionar alguns planos de fundo impressionantes e criar a estrutura inicial do relatório, você pode continuar a projetar seu painel de navegação.

Conclusão

Nesta postagem, discutimos como otimizar o design do layout do painel de seu relatório do LuckyTemplates . Quando se trata do aspecto do design, ter um layout claro e conciso com uma mistura equilibrada de recursos visuais é o caminho a seguir.

Se você gostou deste tutorial, fique atento a este espaço para a continuação desta série sobre transparência de relatórios. Iremos nos aprofundar na navegação , fórmulas DAX e outras funcionalidades em postagens futuras do blog.

Tudo de bom,
Gustaw Dudek