VISUALIZAÇÃO DE DADOS: 10 DICAS SOBRE O QUE FAZER E O QUE NÃO FAZER

Alexandre Duarte - http://alexandre.ci.ufpb.br/ensino/iad

Slides baseados na apresentação da Angela Zoss: Top Ten Dos and Don’ts for Charts and Graphs

VOCÊ JÁ TEM TODOS OS INGREDIENTES SEPARADOS, LAVADOS E CORTADOS

HORA DE COZINHAR!

GRÁFICOS? PARA QUE ELES SERVEM?

• Manter a complexidade dos dados que a sumarização estatística pode esconder

• Facilitar/agilizar o processamento de características visuais

• Aprimorar a memorização da informação

QUARTETO DE ANSCOMBE Propriedade Valor

Média de X 9

Variança amostral de X 11

Média de Y 7.50

Variança amostral de Y 4.122 ou 4.127

Correlação entre x e y 0.816

Regressão linear y = 3.00 + 0.500x

QUARTETO DE ANSCOMBE

O QUE FAZER• use todo o eixo numérico

• simplifique informações menos importantes

• seja criativo com legendas e labels

• passe no teste do apertar de olhos

• peça a opinião de outras pessoas

O QUE NÃO FAZER• usar efeitos 3D ou de explosão

• usar mais do que seis cores

• mudar o estilo no meio do caminho

• obrigar os usuários a fazerem “matemática visual"

• …. ou sobrecarregar os gráficos

O QUE FAZER: USO TODO O EIXO NUMÉRICO

• Evite distorções!

35#

39.4#

34#

35#

36#

37#

38#

39#

40#

João# José#

35#

39.4#

0#

5#

10#

15#

20#

25#

30#

35#

40#

João# José#

O QUE FAZER: USO TODO O EIXO NUMÉRICO

• E se algumas barras forem muito altas ?

O QUE FAZER: USO TODO O EIXO NUMÉRICO

• Primeira sugestão: Use escala logarítmica

• Funciona bem para dados e audiências científicas!

O QUE FAZER: USO TODO O EIXO NUMÉRICO

• Sugestão sugestão: Eixo quebrado

• Não faça isso nem para salvar sua vida!

O QUE FAZER: USO TODO O EIXO NUMÉRICO

• Segunda sugestão: Eixo quebrado

• Não faça isso nem para salvar sua vida!

O QUE FAZER: USO TODO O EIXO NUMÉRICO

• Terceira sugestão: Gráfico de Painel

KISS

O QUE FAZER: SIMPLIFIQUE INFORMAÇÕES MENOS IMPORTANTES

Elementos como linhas de grade, nomes de eixos, cores, etc pode ser simplificados para dar mais ênfase ao que é mais importante/relevante/interessante

USE SUAS PALAVRAS

O QUE FAZER: SEJA CRIATIVO COM LEGENDAS E LABELS

• Nomeie as linhas individualmente

• Gire as barras se os nomes de categorias são muito longos

• Coloque os valores dentro das barras para preservar linhas mais limpas

DÊ UM PASSO PARA TRÁS

O QUE FAZER: PASSE NO TESTE DO APERTAR DE OLHOS

“Quando você aperta seus olhos ao ponto de não conseguir ler você ainda consegue entender algo dos gráficos?”

O QUE FAZER: PASSE NO TESTE DO APERTAR DE OLHOS

• Quais elementos chamam mais atenção? Quais cores se destacam?

• Os elementos estão em equilíbrio? Há uma organização clara?

• O contraste, alinhamento e agrupamento estão adequados ao propósito dos gráficos?

ENCONTRE OUTROS OLHOS

O QUE FAZER: PEÇA A OPINIÃO DE OUTRAS PESSOAS• Mesmo que você não deseje fazer um teste de

usabilidade completo com seus gráficos, peça a outra pessoa para ver seus gráficos e lhe dar feedback

• Você pode se surpreender com o que pode ser confusa ou esclarecedor para outras pessoas

KISS NOVAMENTE

O QUE NÃO FAZER: USAR EFEITOS 3D OU DE EXPLOSÃO

Estudos mostram que efeitos 3D reduzem a compreensão.

Efeitos e explosão também dificultam a comparação de elementos e o julgamento de áreas.

COLORIR COM CARINHO

O QUE NÃO FAZER: USAR MAIS DO QUE SEIS CORES

• Usar categorias de cores que são relativamente universais facilitam a observação de diferenças entre as cores

• Quanto mais cores vocês precisar (por conta do maior número de categorias) mais difícil é observar tais diferenças

O QUE NÃO FAZER: USAR MAIS DO QUE SEIS CORES

• E lembre-se de que algumas pessoas são daltônicas

O QUE NÃO FAZER: USAR MAIS DO QUE SEIS CORES

• Também é importante testar o resultado em escala de cinza

MESMO BAT CANALMESMO BAT HORÁRIO

O QUE NÃO SE DEVE FAZER: MUDAR O ESTILO NO MEIO DO CAMINHO

• Uma das formas mais simples de extrair informação de um gráfico é através de comparações

• Nosso sistema visual é muito bom em detectar anomalias em padrões • Devemos tentar manter os gráficos consistentes em uma série para que tais

diferenças apareçam mais facilmente

CEGANDO A AUDIÊNCIA

O QUE NÃO SE DEVE FAZER: OBRIGAR OS USUÁRIOS A FAZEREM

“MATEMÁTICA VISUAL" • Se o gráfico dificulta o entendimento de uma relação importante

entre variáveis é necessário refazer os cálculos e a visualização

TODAS AS MAÇÃS NA MESMA CESTA

O QUE NÃO SE DEVE FAZER: SOBRECARREGAR OS GRÁFICOS• Adicionar informação demais a um único gráfico elimina as

vantagens do processamento visual obrigado a leitura de item a item individualmente