Transformação Visual de um Dashboard usando as 9 Recomendações de Storytelling do @LeoKarpa
Hey, tudo jóia com você?!
Decidi postar a solução que dei para um Dashboard feio escondido no fundo da gaveta utilizando as 9 recomendações do nosso mestre - o Leonardo Karpinski.
Vamos ver se deu certo?!
Antes:
Identificando os pontos de melhorias:
1. Grupos de elementos sem padrão de espaçamento entre eles. Espaçamento entre ícone e cartão distintos entre os grupos de elementos.
2. Seria melhor utilizar texto alinhado a esquerda. Toda leitura ocidental começa da esquerda para a direita.
3. Não precisa de divisória para separar os grupos de elementos. Eles são visualmente distintos e já estão segregados.
4. Falta de espaço "em branco" distanciando os visuais. Todo dashboard precisa de uma "área de respiro". Bordas desnecessárias.
5. Título descreve o visual e não mostra o que ele representa. Esse texto ficou redundante em relação ao que já está sendo mostrado.
6. Bordas desnecessária e com padrão redondo (diferente de todas as demais).
7. Raio da borda diferente dos demais. Sem padrão aqui, baby!
8. Visual desordenado - poderíamos ordenar da maior receita para a menor. Mesmo que fosse importante a ordem alfabética dos valores, o título não descreve a importância de visualizar dessa forma.
9. Poluição visual. Escolha apenas 1: rótulo ou eixo.
10. Cor igual ao gráfico ao lado que dá uma falsa impressão de mostrar as mesmas métricas e pode confundir o usuário.
11. Muitas cores. Gráficos empilhados devem ter no máximo 4 categorias. Veja que a legenda não cabe no visual, necessitando que usuário clique para ver o restante.
12. Gráficos de evolução no tempo geralmente usam o tempo no eixo x, além disso há um scroll na vertical porque não coube tudo. Esse gráfico da forma que está de nada ajuda a identificar padrões, sazonalidades, tendências.
13. Gráfico desalinhado em relação aos demais. Falta de padrão de espaçamentos e alinhamentos.
14. Não deixe seu usuário com torcicolo. Deixe os valores do texto do eixo da forma que você lê, na horizontal bem bonitinho! No Power BI o bisu é desativar a configuração "concatenar rótulos":
15. Rolagem do gráfico na horizontal: never! Evite ao máximo.
16. Observe a distância entre a fonte e as extremidades do retângulo que ela está. Está espremida ali né?! É essa sensação que seu usuário vai ter.
17. Padronize a escolha e tamanho das fontes de acordo com a hierarquia visual. Já viu aquelas blusas engraçadas tipo essa daqui? É essa magia que ocorre quando pensamos na hierarquia visual!
Solução final: buscando referências, adicionando umas coisas e aplicando as melhores práticas, eis o tchan tchan tchan tchan:
É fazendo errado que se aprende, né?!
A versão feia foi feita por mim há 2 anos. Todo mundo começa errando.
Cabe a nós termos a humildade de identificar os pontos de melhoria e corrermos atrás pra estarmos 1 passo melhor todos os dias!
Ah, não esquece de se inscrever no Workshop!
O Leo dará muuuitas dicas valiosas sobre DataViz que vai transformar seu modo de criar Dashboards!
Bjs,
Say.
-
7
5 Comentários
Comentários Recomendados
Crie uma conta ou entre para comentar
Você precisar ser um membro para fazer um comentário
Criar uma conta
Crie uma nova conta em nossa comunidade. É fácil!
Crie uma nova contaEntrar
Já tem uma conta? Faça o login.
Entrar Agora