10 regras para projetar melhor o design do Dashboard

04 de Abril de 2022

O Dashboard precisa apresentar uma exposição rápida das informações mais importantes para o usuário no momento em que ele está visualizando e uma maneira fácil de navegar diretamente para várias áreas do aplicativo que exigem atenção.

Ele é uma tela única que conta uma história por meio de visualizações destacando os elementos principais (KPIs) que podem ser aprofundados.

É fundamental definir corretamente os objetivos do Dashboard para que o mesmo seja projetado para trazer as informações relevantes para as análises dos usuários.

Existem várias formas de categorizar os painéis de acordo com o propósito, mas vamos destacar duas principais:

Ex. Acompanhamento do desempenho de uma frota de caminhões: tempo de viagem, onde estão localizados, quanto tempo de viagem, etc...

Ex: Gestão de estoques: produtos mais, menos ou não visualizados, em estoque, acabando ou sem estoque, tempo de duração do estoque, média de dias para vender, média de dias para resposição, etc...

É fundamental dar uma olhada nos relatórios e documentos usuais da empresa para se inspirar na hora de escolher os tipos de gráfico para apresentação de modo a atender aos usuários de forma fácil.

Usar a visualização para comparar um ou vários conjuntos de valores é muito mais fácil do que observar os números na grade. Os gráficos de colunas e linhas são provavelmente os mais usados. Algumas recomendações:

- Quando uma de suas dimensões é um tempo, deve ser sempre um eixo X, pois o tempo nos gráficos flui da esquerda para a direita

- Ao usar um gráfico de barras horizontal ou vertical, tente classificar as colunas pelo maior valor em vez de não classificá-las aleatoriamente.

- Com o gráfico de linhas, os gráficos não devem mostrar mais de 5 valores e com os gráficos de barras, não é recomendável mostrar mais de 7 valores.

- Os gráficos de distribuição ajudam você a ilustrar valores discrepantes, a tendência normal e o intervalo de informações em seus valores.

Para ajudá-lo a escolher o tipo de representação correto para o gráfico, reflita sobre estas perguntas:

- Você exibirá valores ao longo de um período de tempo ou entre itens ou grupos?

Como o principal objetivo do painel é transmitir a mensagem rapidamente, tudo conta. O maior benefício de usar uma estrutura clara é a consistência dos dados. Se seus dados forem nomeados da mesma maneira em cada ferramenta, será mais fácil para você usar essas ferramentas.

As grades podem ajudá-lo a obter alinhamento e consistência eficazes com pouco esforço e criar uma estrutura básica ou um esqueleto para seu projeto. Eles consistem em linhas “invisíveis” sobre as quais seus elementos de design podem ser colocados. Fazer isso os une em um “sistema” geral e apoia sua composição racionalmente.

- O canto superior esquerdo da tela naturalmente receberá mais atenção, então tente posicionar as informações principais da esquerda para a direita. Isso se baseia na maneira como lemos as informações, portanto, pode variar dependendo da região dos usuários para os quais você está projetando.

Quando os leitores terminarem com a primeira linha, eles passarão para a próxima.

- Se houver dependências que afetarão a tomada de decisões em um grupo de informações com base nas informações de outro, crie um layout de forma que os usuários não precisem ir e voltar — crie um fluxo contínuo para facilitar a verificação no painel.

Depois de definir a grade, podemos começar a trabalhar com vários “widgets” que conterão as informações, gráficos e controles. Os cartões são fáceis de organizar. A coisa mais importante sobre as cartas é que elas são quase infinitamente manipuláveis. Eles são uma boa opção para design responsivo, pois os cartões agem como contêineres de conteúdo que aumentam ou diminuem facilmente.

O espaço em branco, também conhecido como espaço negativo, é a área entre os elementos em uma composição de design. Os leitores geralmente não estão cientes da importância do espaço negativo, mas os designers prestam muita atenção a ele. Se o espaço em branco não estiver balanceado, uma cópia será difícil de ler. É por isso que o espaço negativo importa tanto quanto qualquer outro elemento tipográfico.

Como um dos principais objetivos do painel é exibir informações rapidamente, evite confiar num Dashboard longo e com rolagem ou em muitas interações.

Muitos designers cometem estes erros pois tentam exibir mais informações de forma clara, posicionando-as umas sob as outras para não sobrecarregar o usuário. Como resultado, apenas as informações visíveis acima da dobra da tela provavelmente serão descobertas pelos usuários. Tudo abaixo recebe pouca atenção dos usuários. Então, qual é o ponto?

A solução é a priorização. Depois de fazer mais pesquisas e entrevistas, você deve ser capaz de identificar as informações principais. Você deve trabalhar apenas com espaço acima da dobra para exibi-la. Não conte a história completa – resuma em vez disso e mostre apenas informações importantes. Você pode usar interações adicionais como forma de encaixar mais conteúdo e não sobrecarregar o usuário com dados.

Os usuários esperam que o conteúdo que vêem seja relevante para suas necessidades individuais. Personalização e customização são técnicas que podem ajudá-lo a garantir que os usuários vejam o que é importante para eles.

A personalização é feita pelo próprio sistema. O sistema deve ser configurado para identificar usuários e entregar a eles o conteúdo, experiência ou funcionalidade que corresponda à sua função.

A customização é feita pelo usuário. Um sistema pode permitir que os usuários personalizem ou façam alterações na experiência para atender às suas necessidades específicas, configurando o layout, o conteúdo ou a funcionalidade do sistema.

Dar aos usuários mais poder para personalizar o painel é uma boa iniciativa, desde que a visualização já esteja personalizada. Projetar mais maneiras de personalizar geralmente é uma desculpa para evitar um processo tedioso de descobrir realmente o que cada função de usuário realmente precisa ver. No final, o usuário fica sozinho, para construir uma visão para si mesmo.

Uma tabela de dados é uma ótima solução quando você precisa mostrar muitas informações para um grande número de itens. Por exemplo, uma lista de clientes com seu ID, status, contatos, última atividade etc. seria melhor exibida como uma tabela de dados.

Há muitos outros benefícios — é um ótimo uso de espaço, oferece escalabilidade fácil, desenvolvimento mais fácil e os usuários normalmente se sentem à vontade para trabalhar com grades, pois muitas pessoas já se sentem à vontade para trabalhar com o Microsoft Excel. É uma maneira fácil de encontrar e mudar algo.

Como o painel é uma das visualizações mais interessantes, geralmente é uma das primeiras coisas a serem projetadas. A sugestão é fazer ao contrário.

Um painel é uma visão resumida de todo o resto e exibe informações importantes de várias partes do aplicativo. É apenas mais prático projetá-lo no final.

Caso contrário, você precisará voltar e atualizar constantemente os designs do painel enquanto trabalha em todas as outras páginas. Além disso, uma vez que a maioria das visualizações é projetada, você terá uma tonelada de componentes para trabalhar ao montar um painel.

Para saber mais sobre o Power BI e as diversas vantagens da ferramenta da Microsoft para o seu negócio, entre em contato conosc