data visualization: teoria, técnicas e práticas

#Intercon2012 #Metricas


DATA VISUALIZATION – TEORIA, TÉCNICAS E PRÁTICAS

Thiago Costa

Business Inteligence,

dp6

@thiagotcosta

Ariane Maia

Genrete de Data Intelligence,

AgênciaClick Isobar

[email protected]

Bruno Canato

Conceptor,

CUBOCC

@bcanato


Agenda

• Conceitos e a importância

• Dataviz para quem?

• Definição de métricas chave

• Estrutruração de dados

• Dataviz para além de Excel e PPT


CONCEITOS E

IMPORTÂNCIA Um apanhado sobre Dataviz


Uma definição, para começar

Dataviz é informação abstraída de forma esquemática, incluindo

atributos ou variáveis para unidades de informação.


Uma definição, para começar

Dataviz é informação abstraída de forma esquemática, incluindo

atributos ou variáveis para unidades de informação.

Frequência determina

tamanho e legibilidade

Listagem completa

de dados


VULGARMENTE CONHECIDO COMO

"ENTENDEU, OU QUER QUE EU DESENHE?”


Uma esquematização exploratória

“Uma das melhores maneiras de explorar e tentar entender um grande

conjunto de dados é pela visualização. Coloque os números em um espaço

visual e deixe o cérebro dos leitores encontrar os padrões. Somos bons nisso.

Você normalmente encontra histórias que você pode nunca ter encontrado

com apenas métodos estatísticos formais”.

- Nathan Yau, Visualize This


E que permite facilidade de entendimento

“Na sua forma pura, sites de dados parecem planilhas de Excel desenhados para estatísticos. Mas integrados com uma interface simples, os números ganham vida por meio de uma bela visualização e funcionalidade robusta. Até recentemente, uma das maiores limitações da visualização de dados tradicional era o foco de estética sobre utilidade. Seu principal propósito era facilmente e claramente comunicar o significado do dado. Essas novas ferramentas requerem um equilíbrio tanto de forma quanto de função. Para recrutar participação, designers são desafiados a organizar a informação de uma forma que seja fácil de absorver, filtrar, comparar, personalizar e compartilhar. A ferramenta com as interfaces mais intuitivas encorajam interação mais frequente.”

- Chloe Gottlieb, Feature: Data Driven

Versao online em http://www.rga.com/news/article/2010/data-driven


Onde eu quero chegar

Dataviz é uma forma de organizar e distribuir dados

de uma forma inteligente e criativa em sua concepção.

É uma maneira de estruturar e compilar informação

que visa criar uma estrutura comum de entendimento.


E PODE APARECER EM FRASES COMO

“POSSO USAR ISSO PARA CONVENCER

MEU CHEFE?”


Parece uma boa ideia

Nossa memória é visual e a codificação visual é auxiliada

pela amígdala, relacionada a reações emocionais.

Lida com coisas do nosso próprio desenvolvimento

cognitivo:

• Contraste

• Proporção

• Comparação

Além disso, é legal.


Mas exige trabalho humano

DADOS

INFORMAÇÃO

CONHECIMENTO

Contr

ibuiç

ão h

um

ana

• Classificação

• Ordenação

• Agrupamento

• Cálculos

• Seleção

• Senso comum

• Experiência

• Contexto

• Técnica

• Análise

• Compreensão

ROWLEY, Jenniver. The wisdom hierarchy: representations of the DIKW hierarchy. Sage, 2007.

Versao online em http://jis.sagepub.com/cgi/content/abstract/33/2/163


Muito trabalho humano

É necessário entender como se organizam:

• Categorias (esportes, reinos animais, etc)

• Tempo

• Localização

• Seqüência (maior para menor, mais votado para menos votado)

• Alfabeto

O que procurar:

• Padrões

• Relacionamentos

• Dados questionáveis


Muito trabalho humano

É necessário entender como se organizam:

• Categorias (esportes, reinos animais, etc)

• Tempo

• Localização

• Seqüência (maior para menor, mais votado para menos votado)

• Alfabeto

O que procurar:

• Padrões

• Relacionamentos

• Dados questionáveis

Programas fazem,

se você os configurar.

Programas não fazem.

É aqui que mora a magia.


E exige senso estético

Não precisa ser designer. Mas entender algumas coisas de estética geral.

• Contraste

• Legibilidade

• Suporte


E exige senso estético

Não precisa ser designer. Mas entender algumas coisas de estética geral.

• Contraste

• Legibilidade

• Suporte

Caso contrário:


DATAVIZ PARA QUEM? A importância de entendimento do público alvo

de Dataviz


Ninguém fará isso a troco de nada

Dataviz, ainda mais no contexto dessa apresentação,

é focado em relatórios para clientes – por isso mesmo,

é um instrumento de explicação e convencimento

cujo uso precisa ser ponderado à luz de algumas variáveis.


Te

mp

o d

isp

on

íve

l

Nível hierárquico

Analistas Pouco

conhecimento

Pouco poder Middle

management Médio

conhecimento

Médio poder

C-level Alto

conhecimento

Alto poder


Ou seja: acaba sendo

inviável pensar em

uma entrega única,

que converse

com todos.

Te

mp

o d

isp

on

íve

l

Nível hierárquico

Analistas Pouco

conhecimento

Pouco poder Middle

management Médio

conhecimento

Médio poder

C-level Alto

conhecimento

Alto poder


CRIANDO

VISUALIZAÇÕES Como criar a partir de limitações?


Algumas referências

A seguir, duas das visualizações selecionadas para a fase final do campeonato de Data Visualization da comunidade Information is Beautiful.


Miramos al cielo – Carla Fernandez Arce


Cover Mania – Michelle Mauri


VAMOS USAR

ESTES CONCEITOS? Definição de métricas chave, começando a aplicar

os conceitos de DataViz no cotidiano


QUE TAL PENSAR NUM

DASHBOARD PARA MOSTRAR AS

PRINCIPAIS INFORMAÇÕES AOS CLIENTES?


MAS, ANTES DE SAIR FAZENDO

DASHBOARDS E TENTANDO ENCAIXAR O

CONCEITO DE DATAVIZ,

VAMOS PENSAR UM POUCO...


CONVIVEMOS COM DIVERSOS

PAINÉIS E INDICADORES QUE FACILITAM NOSSO DIA-A-DIA

PLACARES

VELOCÍMETROS

PAÍNEIS DE

CONTROLE DE VÔO


MAS, COMO FAZER UM DASHBOARD COM

DADOS RELEVANTES?


1. ENTENDA O PÚBLICO

2. SAIBA QUAIS SÃO OS KPI’S

3. APRESENTE AS MÉTRICAS PRINCIPAIS

4. DEIXE AS MÉTRICAS DE OTIMIZAÇÃO

OCULTAS


VAMOS USAR COMO EXEMPLO DE

DATAVIZ UM VELOCÍMETRO


UM VELOCÍMETRO TEM

TODAS AS INFORMAÇÕES

NECESSÁRIAS PARA AJUDAR A DIRIGIR COM

SEGURANÇA


VELOCIDADE

TEMPERATURA

ESTAS SÃO AS

MÉTRICAS PRINCIPAIS

QUANTIDADE DE

COMBUSTÍVEL

ROTAÇÃO POR

MINUTO


LUZES DE ATENÇÃO

SOMENTE SE ALGO FORA DO PADRÃO APARECER,

QUE CONSULTAREMOS AS

MÉTRICAS DE OTIMIZAÇÃO


LEGAL.

MAS, COMO APLICO ISSO PARA

O MEU CLIENTE?


ENTREGANDO UM MATERIAL QUE AO PASSAR O OLHO

SEJA POSSÍVEL ENTENDER


ESTRUTURAÇÃO

DOS DADOS


De volta ao trabalho...

Você já sabe:

• O que é e para que serve visualização de dados.

• Definir quem será o interlocutor da sua mensagem.

• Determinar quais métricas são mais relevantes.

AGORA BASTA CRIAR UMA BELA VISUALIZAÇÃO.


+


Onde estamos?


1. Estruture seus dados.

Crie uma base limpa, clara e que contenha apenas as informações

que deseja usar em sua visualização.


2. Rabisque

Desenhe ou exercite diferentes formas de visualizar a informação

que deseja. Isso ajuda a criar a visualização final.


3. Crie o Gráfico

No Excel, crie um gráfico padrão para os dados. O resultado será,

provavelmente, horrível.

0.00

10.00

20.00

30.00

40.00

50.00

60.00

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011

Australia

Canada

Italy

Korea

Sweden

United Kingdom


4. Remova ou esconda Linhas-guia

O Excel tem o péssimo hábito de dispor linhas guia como se fossem

o ponto mais importante de um gráfico: eles nunca são.

0.00

10.00

20.00

30.00

40.00

50.00

60.00

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011

Australia

Canada

Italy

Korea

Sweden

United Kingdom


5. Remova as Bordas

Porque? Uma borda é um elemento que confunde e não faz sentido.

Pensemos em todos os possíveis usos de um gráfico: qual a função

da borda neste sentido?

0.00

10.00

20.00

30.00

40.00

50.00

60.00

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011

Australia

Canada

Italy

Korea

Sweden

United Kingdom


6. Remova os marcadores

Porque? São elementos que não agregam informação além da que já

está sendo exibida. Além disso, criam uma referência confusa, com

base

em formas geométricas de tamanho reduzido.

0.00

10.00

20.00

30.00

40.00

50.00

60.00

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011

Australia

Canada

Italy

Korea

Sweden

United Kingdom


6. Limpe o Eixo X

Torne o eixo mais discreto, eliminando números desnecessários

e reduzindo o destaque de sua cor e tamanho.

0.00

10.00

20.00

30.00

40.00

50.00

60.00

'01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11

Australia

Canada

Italy

Korea

Sweden

United Kingdom


7. Evite Legendas para séries

Torne o eixo mais discreto, eliminando números desnecessários

e reduzindo o destaque de sua cor e tamanho.

0.00

10.00

20.00

30.00

40.00

50.00

60.00

'01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11

Italy

Sweden

United Kingdom

Korea

Australia

Canada


7. Reduza o destaque do eixo Y

'01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11

Sweden

United Kingdom

Korea

Australia

Canada

Em alguns casos, é possível excluir o eixo Y. Em outros, o eixo deve ser

mantido, mas seguindo padrão semelhante ao eixo X.

51.7

47.7

41.5 37.3

34.8

Italy

19.1

50.5

48.4

45.3 42.7

36.4

21.6


8. Destaque o que é importante

'01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11

Sweden

United Kingdom

Korea

Australia

Canada

Use recursos simples como cores, espessura da linha e tamanho da

fonte para destacar o que é mais importante nos dados.

51.7

47.7

41.5 37.3

34.8

Italy

19.1

50.5

48.4 45.3 42.7

36.4

21.6


9. Use textos para contar sua história

Quanto os governos gastam com a economia? Nos últimos 10 anos, os gastos dos governos mudaram consideravelmente. (em US$ bi)

'01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11

Sweden

United Kingdom

Korea

Australia

Canada

51.7

47.7

41.5 37.3

34.8

Italy

19.1

50.5

48.4 45.3 42.7

36.4

21.6

Fonte: International Monetary Fund, World Economic Outlook Database, Outubro 2012


10. Brinque com os seus dados

Quanto os governos gastam com a economia? Nos últimos 10 anos, os gastos dos governos mudaram consideravelmente. (em US$ bi)

'01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11

Sweden

Korea

Australia

Canada

51.7

47.7

41.5 37.3

34.8

Italy

19.1

50.5

48.4

45.3 42.7

36.4

21.6


United Kingdom


Lembram do original?

0.00

10.00

20.00

30.00

40.00

50.00

60.00

2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011

Australia

Canada

Italy

Korea

Sweden

United Kingdom


Um caminho a NÃO ser seguido.

0.00

10.00

20.00

30.00

40.00

50.00

60.00

20

01

20

02

20

03

20

04

20

05

20

06

20

07

20

08

20

09

20

10

20

11

Gasto dos Governos Com Economia

Australia

Canada

Italy

Korea

Sweden

United Kingdom


Vale para qualquer tipo de gráfico

0.00

10.00

20.00

30.00

40.00

50.00

60.00

Australia Canada Germany Italy Korea


Vale para qualquer tipo de gráfico

34.80

41.51

47.82

47.71

19.06

0.00 30.00 60.00

Australia

Canada

Germany

Italy

Korea

Gastos com Economia em 2011 Itália e Alemanha foram os países que mais gastaram. (em US$ bi)



O QUE GUARDAR DE TUDO ISSO

1. Planeje muito bem o que e porque você vai fazer.

2. Não use os padrões do Excel, fuja deles.

3. Torne tudo mais simples: só mantenha no gráfico o

que tem uma função.

4. Use cores, mudanças de tamanho e outros recursos

apenas para destacar e deixar claro o que é importante.


DATA

VISUALIZATION Indo além do Excel


Ferramentas

1. Tableau

2. Gekcoboard

3. Tracker

4. Chartio

5. Dashthis


Para ir um pouco além:

http://dp6.bi/graficos-intercon2012






PERGUNTAS?

Thiago Costa

Business Inteligence,

dp6

@thiagotcosta

Ariane Maia

Genrete de Data Intelligence,

AgênciaClick Isobar

[email protected]

Bruno Canato

Conceptor,

CUBOCC

@bcanato

data visualization: teoria, técnicas e práticas

Business

international

tempo localizao

maior para

intercon2012

eixo mais

intercon2012

intercon2012

intercon2012