Dashboards dashboard

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

bulletgraph

Gráfico de Barras

Gráfico de Barras Empilhadas

Mostra parte-todo e ocupa pouco espaço

Barras e Linhas

Sparklines

inline-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