Dashboards
Erros Frequentes
Excerder os limites da tela
Fragmentar os dados em múltiplas telas
Definição e Características
Rolar a tela não é o ideal
Ter que clicar nas múltiplas abas não é um painel.
Não fornecer ou fornecer o conteto de forma inadequada
O dados são números soltos ou estão que as informações
colocar uma faixa viável, um número desejado
Exibir detalhes ou precisão excessivos
Mostrar apenas o que é relevante
limpar a tela
Escolher metas ruins.
Representações visuais ruins irão gerar representações ruins. (mesmas regras para as visualizações anteriores)
Uso de representações visuais pobres
Posicionamento pobre dos componentes
Representações Visuais
Não realçar os dados importantes de forma efetiva.
Usuário não presta atenção em tudo que vê.
Colocar um alerta, uma cor chamativa.
Uso de objetos visuais puramente decorativos.
Eliminar o que não é dado (borda, grid, cor de fundo)
Uso incorreto das cores.
⚠ Atenção ao daltonismo.
Pode ficar pesado, cansativo
Desing não atraente
Fundamentos
Limitação da memória
O desenho deve ter toda a informação necessária para ser facilmente comparável.
Codificação de dados baseada nos princípios pré-atentivos
Princípios Gestalt
Lei do Fechamento
Lei da Similaridade
Lei da Proximidade
Princípio da razão data-ink
Maximizar a razão entre os pixels úteis que representam dados e os que não representam dados
Elimine os pixels desnecessários (que não representam dados).
Realce os pixels que representam dados.
Gráficos
Bullet Charts
Gráfico de Barras
Gráfico de Barras Empilhadas
Mostra parte-todo e ocupa pouco espaço
Barras e Linhas
Sparklines
Mostra uma tendência
Aumentar
Permanecer estável
Gráfico de linhas sem os eixos
Tem a razão de aspecto mais achatada.
Não é preciso.
É compacta.
Boxplot
Excelente para mostrar distribuição.
Ocupa pouco espaço.
Traz várias informações.
Gráfico de Dispersão
Não é muito comum, pois ocupa muito espaço, mas a melhor opção para dispersão.
Treemap
Ocupa muito espaço, mas é a melhor opção para representar parte-todo hierárquico
Ícones ❎ ❌ ⚠
Objetos visuais pré-atentivos
Alerta
Altos e baixos
Ligado e desligado
Texto e Organizadores
Pode-se utilizar:
Mapas
Pequenos múltiplos
Ocupa pouco espaço
Boa representação de contexto
Sempre útil
Pode colocar valor acumulado, valor de referência
Mostra várias estatísticas.
Passa uma mensagem relevante de forma simples e direta
Organizar os grupos de acordo com as funções dos componentes ou seus tipos de uso.
Componentes pertencentes ao mesmo grupo devem estar próximos.
Tabelas
Casos de Uso
Região do canto esquerdo superior geralmente é a região mais nobre do painel
Modo de leitura de cima para baixo, esquerda para direita
Vendas
Componentes que devem ser comparadas devem estar próximos.
Sparkline e bullet chart no mesmo componente mostrando as métricas chaves
Pontos fortes
Cores discretas
Posicionamenteo adequado
Densidade de informações
Para público operacional, o público sabe como obter as informações
Exibição gráfica e textual
Espaço em branco usado para separar componentes
CIO
Informação mais importante é sobre a disponibilidade do sistema
Tem alertas
Mais textual
Telemarketing
Métrica mais importantes como tempo de espera, duração da chamada, chamadas abandonadas são mostradas sempre em comparação com o alvo. (informação de contexto)
Box-plot representando a performacen de cada operador
Marketing
Aulas
Visão geral da turma
Desafio Fundamental
Função específica: focada em gestão, acompanhamento e operação
Representação visual das informações mais importantes necessárias para atingir um ou mais objetivos.
Cabe inteiramente em uma tela de computador
Limitações de memória
Não deve ser necessário rolar a tela
Não deve ser necessário mudar de abas
Monitoramento simultâneo das visualizações
ter toda a informação mais importante prontamente disponível
Componentes
Visualizações e texto
Pequenos
Consisos
Claros
Intuitivo
Papel
Estratégico
Analítico
Operacional
principais indicadores para tomada de decisão
contexto da informação com comparações, histórico de dados
pode ser mais interativo
natureza dinâmica e de tempo real
Tipos de Dados
Quantitativos
Qualitativo
Em geral, relacionado com um intervalo de tempo
Sempre contextualizar para permitir comparações.
Destacar dados fora do esperado, problemáticos
Exemplos:
n melhores clientes
tarefas a serem completadas
datas de entrega
pessoas responsáveis por tarefas
Exemplos:
número de venda
tempo de produção
satisfação dos empregados
lucro
projetos atrasados
Apresentar uma grande quantidade de informações em um pequeno espaço resultando em uma visualização facilmente compreensível
Não pode montar o dashboard aleatoriamente, só para caber na tela
Cor
Intensidade
Posição
Forma
Movimento
O objetivo é ter à mão todas as informações relevantes.
Qual o problema a ser resolvido?
Gráfico de barras com um "bullet" que marca um valor de referência, alvo
Cair
Gráficos mostrando uma comparando da variância do número de visitas hoje, 14 dias e 12 meses
Informações chaves sempre comparadas com o alvo
Destaca o que está na faixa inferior