SlideShare uma empresa Scribd logo
#Intercon2012 #Metricas




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

Thiago Costa            Ariane Maia                     Bruno Canato
Business Inteligence,   Gerente de Data Intelligence,   Conceptor,
dp6                     AgênciaClick Isobar             CUBOCC
@Twitter(s)             ariane.maia@isobar.com.br       @bcanato




                                               #Intercon2012 #Metricas
#Intercon2012 #Metricas




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!
#Intercon2012 #Metricas




CONCEITOS E
IMPORTÂNCIA
Um apanhado sobre Dataviz
#Intercon2012 #Metricas




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.!

vulgarmente conhecido como

ENTENDEU, OU QUER QUE EU DESENHE?!
#Intercon2012 #Metricas




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!
#Intercon2012 #Metricas




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çõ, 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 freqüente.”"
                                            - Chloe Gottlieb, Feature: Data Driven!
#Intercon2012 #Metricas




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 no contexto de
POSSO USAR ISSO PARA CONVENCER MEU CHEFE?
#Intercon2012 #Metricas




Parece uma boa ideia
Nosso cérebro é 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. J
#Intercon2012 #Metricas




Mas exige trabalho humano

                                         •    Senso comum!
                                         •    Experiência!
                                         •    Contexto!
   Contribuição humana




                                         •    Técnica!
                         CONHECIMENTO!
                                         •    Análise!
                                         •    Compreensão!

                                                   •    Classificação!
                          INFORMAÇÃO!
                                                   •    Ordenação!
                                                   •    Agrupamento!
                                                   •    Cálculos!
                            DADOS!                 •    Seleção!
#Intercon2012 #Metricas




Muito trabalho humano
É necessário entender como se organizam:
                                              Alguns
•  Categorias
                                            programas
•  Tempo                                      fazem.
•  Localização
•  Seqüência
•  Alfabeto


                                           Programas não
O que procurar:                                fazem.
•  Padrões                                   E aqui que
•  Relacionamentos
                                           mora a magia.
•  Dados questionáveis
#Intercon2012 #Metricas




E exige senso estético
Não precisa ser designer. Mas entender algumas coisas de estética geral.
•  Contraste
•  Legibilidade
•  Suporte




       Caso contrário:
#Intercon2012 #Metricas




DATAVIZ PARA QUEM?
A importância de entendimento do público alvo
de Dataviz
#Intercon2012 #Metricas




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.
#Intercon2012 #Metricas




Tempo
disponível
                                                                  Ou seja: acaba
                                                                   sendo inviável
                                                                  pensar em uma
             Analistas                                             entrega única,
                Pouco
             conhecimento
                            Middle                                 que converse
              Pouco poder   manage                                  com todos.
                             ment
                               Médio
                            conhecimento
                             Médio poder    C-level
                                                Alto
                                           conhecimento
                                             Alto poder




                                                           Nível hierárquico
#Intercon2012 #Metricas




CRIANDO
VISUALIZAÇOES
Como criar a partir de limitações?
#Intercon2012 #Metricas




Algumas referências

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




Miramos al cielo – Carla Fernandez Arce
#Intercon2012 #Metricas




Cover Mania – Michelle Mauri
#Intercon2012 #Metricas




VAMOS USAR ESTES
CONCEITOS?
Definição de métricas chave, começando a aplicar os
conceitos de DataViz no cotidiano
#Intercon2012 #Metricas




QUE TAL PENSAR NUM
DASHBOARD PARA MOSTRAR AS
PRINCIPAIS INFORMAÇÕES
AOS CLIENTES?
#Intercon2012 #Metricas




MAS, ANTES DE SAIR FAZENDO
DASHBOARDS E TENTANDO
ENCAIXAR O CONCEITO DE
DATAVIZ VAMOS PENSAR UM POUCO ...
#Intercon2012 #Metricas




CONVIVEMOS COM DIVERSOS PAÍNEIS E
INDICADORES QUE FACILITAM NOSSO
DIA-A-DIA
        PLACARES
                   VELOCÍMETROS

                                          PAÍNEIS DE
                                    CONTROLE DE VÔO
#Intercon2012 #Metricas




MAS, COMO FAZER UM DASHBOARD COM
DADOS RELEVANTES?
#Intercon2012 #Metricas




v  ENTENDA O PÚBLICO

v  SAIBA QUAIS SÃO OS KPI’S

v  APRESENTE AS MÉTRICAS      PRINCIPAIS
v  DEIXE AS MÉTRICAS   DE OTIMIZAÇÃO
    OCULTAS
#Intercon2012 #Metricas




VAMOS USAR COMO EXEMPLO DE
DATAVIZ UM VELOCÍMETRO
#Intercon2012 #Metricas


UM VELOCÍMETRO TEM TODAS AS
INFORMAÇÕES NECESSÁRIAS PARA AJUDAR A
DIRIGIR COM SEGURANÇA
#Intercon2012 #Metricas



ESTAS SÃO AS
MÉTRICAS PRINCIPAIS
                         TEMPERATURA

 VELOCIDADE




                                  ROTAÇÃO POR
                                    MINUTO




   QUANTIDADE DE
   COMBUSTÍVEL
#Intercon2012 #Metricas



SOMENTE SE ALGO FORA DO PADRÃO APARECER,
QUE CONSULTAREMOS AS MÉTRICAS DE
OTIMIZAÇÃO




                        LUZES DE ATENÇÃO
#Intercon2012 #Metricas




ESTRUTURAÇÃO DOS
DADOS
#Intercon2012 #Metricas




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.
#Intercon2012 #Metricas
#Intercon2012 #Metricas




+
#Intercon2012 #Metricas




Onde estamos?
#Intercon2012 #Metricas




1. Estruture seus dados.
Crie uma base limpa, clara e que contenha apenas as informações que
deseja usar em sua visualização.
#Intercon2012 #Metricas




2. Rabisque!
Desenhe ou exercite diferentes formas de visualizar a informação que
deseja. Isso ajuda a criar a visualização final.!
#Intercon2012 #Metricas




3. Crie o Gráfico!
No Excel, crie um gráfico padrão para os dados. O resultado será,
provavelmente, horrível.!


60.00	
  


50.00	
  


                                                                                                                                      Australia	
  
40.00	
  
                                                                                                                                      Canada	
  

30.00	
                                                                                                                               Italy	
  

                                                                                                                                      Korea	
  

20.00	
                                                                                                                               Sweden	
  

                                                                                                                                      United	
  Kingdom	
  

10.00	
  


 0.00	
  
            2001	
     2002	
     2003	
     2004	
     2005	
     2006	
     2007	
     2008	
     2009	
     2010	
      2011	
  
#Intercon2012 #Metricas




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.!


60.00


50.00


40.00                                                                                  Australia
                                                                                       Canada

30.00                                                                                  Italy
                                                                                       Korea

20.00                                                                                  Sweden
                                                                                       United Kingdom

10.00


 0.00
        2001   2002   2003   2004   2005   2006   2007   2008   2009   2010   2011
#Intercon2012 #Metricas




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?!

60.00	
  


50.00	
  


                                                                                                                                      Australia	
  
40.00	
  
                                                                                                                                      Canada	
  

30.00	
                                                                                                                               Italy	
  

                                                                                                                                      Korea	
  

20.00	
                                                                                                                               Sweden	
  

                                                                                                                                      United	
  Kingdom	
  

10.00	
  


 0.00	
  
            2001	
     2002	
     2003	
     2004	
     2005	
     2006	
     2007	
     2008	
     2009	
     2010	
      2011	
  
#Intercon2012 #Metricas




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.!

60.00	
  


50.00	
  


                                                                                                                                      Australia	
  
40.00	
  
                                                                                                                                      Canada	
  

30.00	
                                                                                                                               Italy	
  

                                                                                                                                      Korea	
  

20.00	
                                                                                                                               Sweden	
  

                                                                                                                                      United	
  Kingdom	
  

10.00	
  


 0.00	
  
            2001	
     2002	
     2003	
     2004	
     2005	
     2006	
     2007	
     2008	
     2009	
     2010	
      2011	
  
#Intercon2012 #Metricas




6. Limpe o Eixo X!
!
Torne o eixo mais discreto, eliminando números desnecessários e
reduzindo o destaque de sua cor e tamanho.!
!
!
60.00	
  


50.00	
  


                                                                                                                           Australia	
  
40.00	
  
                                                                                                                           Canada	
  

30.00	
                                                                                                                    Italy	
  

                                                                                                                           Korea	
  

20.00	
                                                                                                                    Sweden	
  

                                                                                                                           United	
  Kingdom	
  

10.00	
  


 0.00	
  
            '01	
     '02	
     '03	
     '04	
     '05	
     '06	
     '07	
     '08	
     '09	
     '10	
      '11	
  
#Intercon2012 #Metricas




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.!
!
!
 60.00	
  
                                                                                                                           Italy
 50.00	
                                                                                                                   Sweden
                                                                                                                           United Kingdom
 40.00	
                                                                                                                   Canada
                                                                                                                           Australia
 30.00	
  


 20.00	
                                                                                                                   Korea

 10.00	
  


  0.00	
  
             '01	
     '02	
     '03	
     '04	
     '05	
     '06	
     '07	
     '08	
     '09	
     '10	
     '11	
  
#Intercon2012 #Metricas




  7. Reduza o destaque do eixo Y!
   !
       !
   !
       Em alguns casos, é possível excluir o eixo Y. Em outros, o eixo deve ser
   !   mantido, mas seguindo padrão semelhante ao eixo X.!
   !   !
       !
           Italy  51.7                                                                     50.5
        Sweden    47.7                                                                     48.4
        Canada    41.5                                                                     45.3
United Kingdom                                                                             42.7
                  37.3
                                                                                           36.4
        Australia 34.8

                                                                                           21.6
          Korea 19.1




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




  8. Destaque o que é importante!
   !
       !
   !
       Use recursos simples como cores, espessura da linha e tamanho da
   !   fonte para destacar o que é mais importante nos dados.!
   !   !
       !
           Italy  51.7                                                                     50.5
        Sweden    47.7                                                                     48.4
        Canada
                                                                                           45.3
                  41.5
United Kingdom                                                                             42.7
                  37.3
                                                                                           36.4
        Australia 34.8

                                                                                           21.6
          Korea 19.1




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




  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)!


           Italy    51.7                                                                            50.5
        Sweden      47.7                                                                            48.4
        Canada
                                                                                                    45.3
                    41.5
United Kingdom                                                                                      42.7
                    37.3
                                                                                                    36.4
          Australia 34.8

                                                                                                    21.6
             Korea 19.1




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

       Fonte: International Monetary Fund, World Economic Outlook
       Database, Outubro 2012!
#Intercon2012 #Metricas




 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)

           Italy 51.7                                                                                   50.5
        Sweden   47.7                                                                                   48.4
                                                                                                        45.3
        Canada   41.5
                                                                                                        42.7
United Kingdom   37.3
                                                                                                        36.4
       Australia 34.8

                                                                                                        21.6
          Korea 19.1




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

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




Lembram do original?!

60.00	
  


50.00	
  


                                                                                                                                      Australia	
  
40.00	
  
                                                                                                                                      Canada	
  

30.00	
                                                                                                                               Italy	
  

                                                                                                                                      Korea	
  

20.00	
                                                                                                                               Sweden	
  

                                                                                                                                      United	
  Kingdom	
  

10.00	
  


 0.00	
  
            2001	
     2002	
     2003	
     2004	
     2005	
     2006	
     2007	
     2008	
     2009	
     2010	
      2011	
  
#Intercon2012 #Metricas




Um caminho a não ser seguido.!
                                             Gasto	
  dos	
  Governos	
  Com	
  Economia	
  
60.00	
  
                                                                                                                                      Australia	
  
50.00	
                                                                                                                               Canada	
  
                                                                                                                                      Italy	
  
40.00	
  
                                                                                                                                      Korea	
  
30.00	
                                                                                                                               Sweden	
  

20.00	
                                                                                                                               United	
  Kingdom	
  


10.00	
  

 0.00	
  
                                                                               2007	
  


                                                                                          2008	
  


                                                                                                     2009	
  


                                                                                                                2010	
  
            2001	
  


                       2002	
  


                                  2003	
  


                                              2004	
  


                                                         2005	
  


                                                                    2006	
  




                                                                                                                           2011	
  
#Intercon2012 #Metricas




   Vale para qualquer tipo de gráfico

60.00	
  



50.00	
  



40.00	
  



30.00	
  



20.00	
  



10.00	
  



 0.00	
  
            Australia	
     Canada	
     Germany	
     Italy	
            Korea	
  
#Intercon2012 #Metricas




Vale para qualquer tipo de gráfico
!
!
!
Gastos com Economia em 2011!
Itália e Alemanha foram os países que mais gastaram. (em US$ bi)!

             0.00                            30.00                    60.00


Australia                                     34.80



    Canada                                            41.51



Germany                                                       47.82



        Italy                                                 47.71



      Korea                  19.06



    Fonte: International Monetary Fund, World Economic Outlook
    Database, Outubro 2012!
#Intercon2012 #Metricas




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.
#Intercon2012 #Metricas




LEGAL.
MAS, COMO APLICO ISSO PARA O MEU
CLIENTE?
#Intercon2012 #Metricas


ENTREGANDO UM MATERIAL QUE AO PASSAR O OLHO
SEJA POSSÍVEL ENTENDER
#Intercon2012 #Metricas




DATA
VISUALIZATION
Indo além do Excel
#Intercon2012 #Metricas




PERGUNTAS?
Thiago Costa            Ariane Maia                      Bruno Canato
Business Inteligence,   Líder de Data Intelligence,      Conceptor,
dp6                     AgênciaClick                     CUBOCC
@Twitter(s)             @Twitter(s)                      @bcanato




                                                #Intercon2012 #Metricas

Mais conteúdo relacionado

PDF
Data Visualization: Teoria, Técnicas e Práticas
 
PDF
InterCon 2012 - Metricas - Data Driven Marketing - Programmatic Buying
PDF
Estratégias de alta performance - métricas guiando o seu negócio
PPTX
Ciclo jundiai jun_11_ferramentas bi totvs
PPTX
Seminário Social Good Brasil 2015 | Américo Mattar
PDF
Daniela Kutschat Hanns - Por que visualizar dados?/ Why do we need dataviz?
PDF
DataViz NYC #4
PPTX
Scaling Business Intelligence: from infrastruture to visualization (pt-br)
Data Visualization: Teoria, Técnicas e Práticas
 
InterCon 2012 - Metricas - Data Driven Marketing - Programmatic Buying
Estratégias de alta performance - métricas guiando o seu negócio
Ciclo jundiai jun_11_ferramentas bi totvs
Seminário Social Good Brasil 2015 | Américo Mattar
Daniela Kutschat Hanns - Por que visualizar dados?/ Why do we need dataviz?
DataViz NYC #4
Scaling Business Intelligence: from infrastruture to visualization (pt-br)

Semelhante a InterCon 2012 - Metricas - Data Visualization (20)

PDF
InterCon 2012 - Metricas - WAHacks
PPTX
Data-Driven Marketing - Intercon 2012 Métricas
PPTX
Web Analytics Hacks - Intercon2012
PPTX
Testes A/B - Experimentando conteúdo e otimizando conversões - Intercon 2012 -
PDF
InterCon 2012 - Metricas - Testes A/B
PDF
Visualização de Dados
PPTX
[Call2Social] Qual é o futuro das ferramentas de monitoramento de mídias soci...
PPTX
Call2Social
PDF
Mensuração e Visualização de Dados
PDF
Visual Sensemaking | Ana Barroso
PDF
InterCon 2012 - Metricas - Multicanais e Modelos de Atribuição
PDF
e-Book Web Analytics Uma Visão Brasileira - 2a. edição
PDF
e-Book Web Analytics - 2º edição
PDF
Web Analytics - Uma visão Brasileira - Volume 2
PDF
Wa Uma VisãO Brasileira Ii
PPSX
BI para o Transportador Rodoviário de Cargas
PPTX
BIG data
PDF
Web Analytics - Uma Visão Brasileira II
PDF
e-Book Web Analytics - Uma Visão Brasileira II
PDF
Web analytics-uma-visao-brasileira-2
InterCon 2012 - Metricas - WAHacks
Data-Driven Marketing - Intercon 2012 Métricas
Web Analytics Hacks - Intercon2012
Testes A/B - Experimentando conteúdo e otimizando conversões - Intercon 2012 -
InterCon 2012 - Metricas - Testes A/B
Visualização de Dados
[Call2Social] Qual é o futuro das ferramentas de monitoramento de mídias soci...
Call2Social
Mensuração e Visualização de Dados
Visual Sensemaking | Ana Barroso
InterCon 2012 - Metricas - Multicanais e Modelos de Atribuição
e-Book Web Analytics Uma Visão Brasileira - 2a. edição
e-Book Web Analytics - 2º edição
Web Analytics - Uma visão Brasileira - Volume 2
Wa Uma VisãO Brasileira Ii
BI para o Transportador Rodoviário de Cargas
BIG data
Web Analytics - Uma Visão Brasileira II
e-Book Web Analytics - Uma Visão Brasileira II
Web analytics-uma-visao-brasileira-2
Anúncio

Mais de iMasters (20)

PPTX
O que você precisa saber para modelar bancos de dados NoSQL - Dani Monteiro
PDF
Postgres: wanted, beloved or dreaded? - Fabio Telles
PPTX
Por que minha query esta lenta? - Suellen Moraes
PPTX
Relato das trincheiras: o dia a dia de uma consultoria de banco de dados - Ig...
PDF
ORMs heróis ou vilões dentro da arquitetura de dados? - Otávio gonçalves
PPTX
SQL e NoSQL trabalhando juntos: uma comparação para obter o melhor de ambos -...
PDF
Arquitetando seus dados na prática para a LGPD - Alessandra Martins
PDF
O papel do DBA no mundo de ciência de dados e machine learning - Mauro Pichil...
PDF
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
PDF
Use MDD e faça as máquinas trabalharem para você - Andreza Leite
PDF
Entendendo os porquês do seu servidor - Talita Bernardes
PDF
Backend performático além do "coloca mais máquina lá" - Diana Arnos
PPTX
Dicas para uma maior performance em APIs REST - Renato Groffe
PPTX
7 dicas de desempenho que equivalem por 21 - Danielle Monteiro
PDF
Quem se importa com acessibilidade Web? - Mauricio Maujor
PDF
Service Mesh com Istio e Kubernetes - Wellington Figueira da Silva
PDF
Erros: Como eles vivem, se alimentam e se reproduzem? - Augusto Pascutti
PDF
Elasticidade e engenharia de banco de dados para alta performance - Rubens G...
PDF
Construindo aplicações mais confiantes - Carolina Karklis
PDF
Monitoramento de Aplicações - Felipe Regalgo
O que você precisa saber para modelar bancos de dados NoSQL - Dani Monteiro
Postgres: wanted, beloved or dreaded? - Fabio Telles
Por que minha query esta lenta? - Suellen Moraes
Relato das trincheiras: o dia a dia de uma consultoria de banco de dados - Ig...
ORMs heróis ou vilões dentro da arquitetura de dados? - Otávio gonçalves
SQL e NoSQL trabalhando juntos: uma comparação para obter o melhor de ambos -...
Arquitetando seus dados na prática para a LGPD - Alessandra Martins
O papel do DBA no mundo de ciência de dados e machine learning - Mauro Pichil...
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud
Use MDD e faça as máquinas trabalharem para você - Andreza Leite
Entendendo os porquês do seu servidor - Talita Bernardes
Backend performático além do "coloca mais máquina lá" - Diana Arnos
Dicas para uma maior performance em APIs REST - Renato Groffe
7 dicas de desempenho que equivalem por 21 - Danielle Monteiro
Quem se importa com acessibilidade Web? - Mauricio Maujor
Service Mesh com Istio e Kubernetes - Wellington Figueira da Silva
Erros: Como eles vivem, se alimentam e se reproduzem? - Augusto Pascutti
Elasticidade e engenharia de banco de dados para alta performance - Rubens G...
Construindo aplicações mais confiantes - Carolina Karklis
Monitoramento de Aplicações - Felipe Regalgo
Anúncio

Último (12)

PDF
Jira Software projetos completos com scrum
PPTX
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
PPTX
Tipos de servidor em redes de computador.pptx
PPTX
Analise Estatica de Compiladores para criar uma nova LP
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PPTX
Utilizando code blockes por andre backes
PDF
Processos no SAP Extended Warehouse Management, EWM100 Col26
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPT
Conceitos básicos de Redes Neurais Artificiais
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
Jira Software projetos completos com scrum
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
Tipos de servidor em redes de computador.pptx
Analise Estatica de Compiladores para criar uma nova LP
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Manejo integrado de pragas na cultura do algodão
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Utilizando code blockes por andre backes
Processos no SAP Extended Warehouse Management, EWM100 Col26
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Conceitos básicos de Redes Neurais Artificiais
Viasol Energia Solar -Soluções para geração e economia de energia

InterCon 2012 - Metricas - Data Visualization

  • 1. #Intercon2012 #Metricas DATA VISUALIZATION – TEORIA, TÉCNICAS E PRÁTICAS Thiago Costa Ariane Maia Bruno Canato Business Inteligence, Gerente de Data Intelligence, Conceptor, dp6 AgênciaClick Isobar CUBOCC @Twitter(s) ariane.maia@isobar.com.br @bcanato #Intercon2012 #Metricas
  • 2. #Intercon2012 #Metricas 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!
  • 4. #Intercon2012 #Metricas 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.! vulgarmente conhecido como
 ENTENDEU, OU QUER QUE EU DESENHE?!
  • 5. #Intercon2012 #Metricas 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!
  • 6. #Intercon2012 #Metricas 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çõ, 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 freqüente.”" - Chloe Gottlieb, Feature: Data Driven!
  • 7. #Intercon2012 #Metricas 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 no contexto de POSSO USAR ISSO PARA CONVENCER MEU CHEFE?
  • 8. #Intercon2012 #Metricas Parece uma boa ideia Nosso cérebro é 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. J
  • 9. #Intercon2012 #Metricas Mas exige trabalho humano •  Senso comum! •  Experiência! •  Contexto! Contribuição humana •  Técnica! CONHECIMENTO! •  Análise! •  Compreensão! •  Classificação! INFORMAÇÃO! •  Ordenação! •  Agrupamento! •  Cálculos! DADOS! •  Seleção!
  • 10. #Intercon2012 #Metricas Muito trabalho humano É necessário entender como se organizam: Alguns •  Categorias programas •  Tempo fazem. •  Localização •  Seqüência •  Alfabeto Programas não O que procurar: fazem. •  Padrões E aqui que •  Relacionamentos mora a magia. •  Dados questionáveis
  • 11. #Intercon2012 #Metricas E exige senso estético Não precisa ser designer. Mas entender algumas coisas de estética geral. •  Contraste •  Legibilidade •  Suporte Caso contrário:
  • 12. #Intercon2012 #Metricas DATAVIZ PARA QUEM? A importância de entendimento do público alvo de Dataviz
  • 13. #Intercon2012 #Metricas 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.
  • 14. #Intercon2012 #Metricas Tempo disponível Ou seja: acaba sendo inviável pensar em uma Analistas entrega única, Pouco conhecimento Middle que converse Pouco poder manage com todos. ment Médio conhecimento Médio poder C-level Alto conhecimento Alto poder Nível hierárquico
  • 16. #Intercon2012 #Metricas Algumas referências A seguir, duas das visualizações selecionadas para a fase final do campeonato de Data Visualization da comunidade Information is Beautiful.
  • 17. #Intercon2012 #Metricas Miramos al cielo – Carla Fernandez Arce
  • 19. #Intercon2012 #Metricas VAMOS USAR ESTES CONCEITOS? Definição de métricas chave, começando a aplicar os conceitos de DataViz no cotidiano
  • 20. #Intercon2012 #Metricas QUE TAL PENSAR NUM DASHBOARD PARA MOSTRAR AS PRINCIPAIS INFORMAÇÕES AOS CLIENTES?
  • 21. #Intercon2012 #Metricas MAS, ANTES DE SAIR FAZENDO DASHBOARDS E TENTANDO ENCAIXAR O CONCEITO DE DATAVIZ VAMOS PENSAR UM POUCO ...
  • 22. #Intercon2012 #Metricas CONVIVEMOS COM DIVERSOS PAÍNEIS E INDICADORES QUE FACILITAM NOSSO DIA-A-DIA PLACARES VELOCÍMETROS PAÍNEIS DE CONTROLE DE VÔO
  • 23. #Intercon2012 #Metricas MAS, COMO FAZER UM DASHBOARD COM DADOS RELEVANTES?
  • 24. #Intercon2012 #Metricas v  ENTENDA O PÚBLICO v  SAIBA QUAIS SÃO OS KPI’S v  APRESENTE AS MÉTRICAS PRINCIPAIS v  DEIXE AS MÉTRICAS DE OTIMIZAÇÃO OCULTAS
  • 25. #Intercon2012 #Metricas VAMOS USAR COMO EXEMPLO DE DATAVIZ UM VELOCÍMETRO
  • 26. #Intercon2012 #Metricas UM VELOCÍMETRO TEM TODAS AS INFORMAÇÕES NECESSÁRIAS PARA AJUDAR A DIRIGIR COM SEGURANÇA
  • 27. #Intercon2012 #Metricas ESTAS SÃO AS MÉTRICAS PRINCIPAIS TEMPERATURA VELOCIDADE ROTAÇÃO POR MINUTO QUANTIDADE DE COMBUSTÍVEL
  • 28. #Intercon2012 #Metricas SOMENTE SE ALGO FORA DO PADRÃO APARECER, QUE CONSULTAREMOS AS MÉTRICAS DE OTIMIZAÇÃO LUZES DE ATENÇÃO
  • 30. #Intercon2012 #Metricas 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.
  • 34. #Intercon2012 #Metricas 1. Estruture seus dados. Crie uma base limpa, clara e que contenha apenas as informações que deseja usar em sua visualização.
  • 35. #Intercon2012 #Metricas 2. Rabisque! Desenhe ou exercite diferentes formas de visualizar a informação que deseja. Isso ajuda a criar a visualização final.!
  • 36. #Intercon2012 #Metricas 3. Crie o Gráfico! No Excel, crie um gráfico padrão para os dados. O resultado será, provavelmente, horrível.! 60.00   50.00   Australia   40.00   Canada   30.00   Italy   Korea   20.00   Sweden   United  Kingdom   10.00   0.00   2001   2002   2003   2004   2005   2006   2007   2008   2009   2010   2011  
  • 37. #Intercon2012 #Metricas 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.! 60.00 50.00 40.00 Australia Canada 30.00 Italy Korea 20.00 Sweden United Kingdom 10.00 0.00 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011
  • 38. #Intercon2012 #Metricas 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?! 60.00   50.00   Australia   40.00   Canada   30.00   Italy   Korea   20.00   Sweden   United  Kingdom   10.00   0.00   2001   2002   2003   2004   2005   2006   2007   2008   2009   2010   2011  
  • 39. #Intercon2012 #Metricas 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.! 60.00   50.00   Australia   40.00   Canada   30.00   Italy   Korea   20.00   Sweden   United  Kingdom   10.00   0.00   2001   2002   2003   2004   2005   2006   2007   2008   2009   2010   2011  
  • 40. #Intercon2012 #Metricas 6. Limpe o Eixo X! ! Torne o eixo mais discreto, eliminando números desnecessários e reduzindo o destaque de sua cor e tamanho.! ! ! 60.00   50.00   Australia   40.00   Canada   30.00   Italy   Korea   20.00   Sweden   United  Kingdom   10.00   0.00   '01   '02   '03   '04   '05   '06   '07   '08   '09   '10   '11  
  • 41. #Intercon2012 #Metricas 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.! ! ! 60.00   Italy 50.00   Sweden United Kingdom 40.00   Canada Australia 30.00   20.00   Korea 10.00   0.00   '01   '02   '03   '04   '05   '06   '07   '08   '09   '10   '11  
  • 42. #Intercon2012 #Metricas 7. Reduza o destaque do eixo Y! ! ! ! Em alguns casos, é possível excluir o eixo Y. Em outros, o eixo deve ser ! mantido, mas seguindo padrão semelhante ao eixo X.! ! ! ! Italy 51.7 50.5 Sweden 47.7 48.4 Canada 41.5 45.3 United Kingdom 42.7 37.3 36.4 Australia 34.8 21.6 Korea 19.1 '01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11
  • 43. #Intercon2012 #Metricas 8. Destaque o que é importante! ! ! ! Use recursos simples como cores, espessura da linha e tamanho da ! fonte para destacar o que é mais importante nos dados.! ! ! ! Italy 51.7 50.5 Sweden 47.7 48.4 Canada 45.3 41.5 United Kingdom 42.7 37.3 36.4 Australia 34.8 21.6 Korea 19.1 '01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11
  • 44. #Intercon2012 #Metricas 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)! Italy 51.7 50.5 Sweden 47.7 48.4 Canada 45.3 41.5 United Kingdom 42.7 37.3 36.4 Australia 34.8 21.6 Korea 19.1 '01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11 Fonte: International Monetary Fund, World Economic Outlook Database, Outubro 2012!
  • 45. #Intercon2012 #Metricas 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) Italy 51.7 50.5 Sweden 47.7 48.4 45.3 Canada 41.5 42.7 United Kingdom 37.3 36.4 Australia 34.8 21.6 Korea 19.1 '01 '02 '03 '04 '05 '06 '07 '08 '09 '10 '11 Fonte: International Monetary Fund, World Economic Outlook Database, Outubro 2012
  • 46. #Intercon2012 #Metricas Lembram do original?! 60.00   50.00   Australia   40.00   Canada   30.00   Italy   Korea   20.00   Sweden   United  Kingdom   10.00   0.00   2001   2002   2003   2004   2005   2006   2007   2008   2009   2010   2011  
  • 47. #Intercon2012 #Metricas Um caminho a não ser seguido.! Gasto  dos  Governos  Com  Economia   60.00   Australia   50.00   Canada   Italy   40.00   Korea   30.00   Sweden   20.00   United  Kingdom   10.00   0.00   2007   2008   2009   2010   2001   2002   2003   2004   2005   2006   2011  
  • 48. #Intercon2012 #Metricas Vale para qualquer tipo de gráfico 60.00   50.00   40.00   30.00   20.00   10.00   0.00   Australia   Canada   Germany   Italy   Korea  
  • 49. #Intercon2012 #Metricas Vale para qualquer tipo de gráfico ! ! ! Gastos com Economia em 2011! Itália e Alemanha foram os países que mais gastaram. (em US$ bi)! 0.00 30.00 60.00 Australia 34.80 Canada 41.51 Germany 47.82 Italy 47.71 Korea 19.06 Fonte: International Monetary Fund, World Economic Outlook Database, Outubro 2012!
  • 50. #Intercon2012 #Metricas 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.
  • 51. #Intercon2012 #Metricas LEGAL. MAS, COMO APLICO ISSO PARA O MEU CLIENTE?
  • 52. #Intercon2012 #Metricas ENTREGANDO UM MATERIAL QUE AO PASSAR O OLHO SEJA POSSÍVEL ENTENDER
  • 54. #Intercon2012 #Metricas PERGUNTAS? Thiago Costa Ariane Maia Bruno Canato Business Inteligence, Líder de Data Intelligence, Conceptor, dp6 AgênciaClick CUBOCC @Twitter(s) @Twitter(s) @bcanato #Intercon2012 #Metricas