#Intercon2012 #MetricasDATA VISUALIZATION –TEORIA, TÉCNICAS E PRÁTICASThiago Costa            Ariane Maia                 ...
#Intercon2012 #MetricasAgenda!•  Conceitos e a importância!•  Dataviz para quem?!•  Definição de métricas chave!•  Estrutru...
#Intercon2012 #MetricasCONCEITOS EIMPORTÂNCIAUm apanhado sobre Dataviz
#Intercon2012 #MetricasUma definição, para começar.!Dataviz é informação abstraída de forma esquemática,incluindo atributos...
#Intercon2012 #MetricasUma esquematização exploratória“Uma das melhores maneiras de explorar e tentar entender um grandeco...
#Intercon2012 #MetricasE que permite facilidade de entendimento“Na sua forma pura, sites de dados parecem planilhas de Exc...
#Intercon2012 #MetricasOnde eu quero chegarDataviz é uma forma de organizar e distribuir dados deuma forma inteligente e c...
#Intercon2012 #MetricasParece uma boa ideiaNosso cérebro é visual e a codificação visual é auxiliadapela amígdala, relacio...
#Intercon2012 #MetricasMas exige trabalho humano                                         •    Senso comum!                ...
#Intercon2012 #MetricasMuito trabalho humanoÉ necessário entender como se organizam:                                      ...
#Intercon2012 #MetricasE exige senso estéticoNão precisa ser designer. Mas entender algumas coisas de estética geral.•  Co...
#Intercon2012 #MetricasDATAVIZ PARA QUEM?A importância de entendimento do público alvode Dataviz
#Intercon2012 #MetricasNinguém fará isso a troco de nadaDataviz, ainda mais no contexto dessa apresentação, éfocado em rel...
#Intercon2012 #MetricasTempodisponível                                                                  Ou seja: acaba    ...
#Intercon2012 #MetricasCRIANDOVISUALIZAÇOESComo criar a partir de limitações?
#Intercon2012 #MetricasAlgumas referênciasA seguir, duas das visualizações selecionadaspara a fase final do campeonato de ...
#Intercon2012 #MetricasMiramos al cielo – Carla Fernandez Arce
#Intercon2012 #MetricasCover Mania – Michelle Mauri
#Intercon2012 #MetricasVAMOS USAR ESTESCONCEITOS?Definição de métricas chave, começando a aplicar osconceitos de DataViz n...
#Intercon2012 #MetricasQUE TAL PENSAR NUMDASHBOARD PARA MOSTRAR ASPRINCIPAIS INFORMAÇÕESAOS CLIENTES?
#Intercon2012 #MetricasMAS, ANTES DE SAIR FAZENDODASHBOARDS E TENTANDOENCAIXAR O CONCEITO DEDATAVIZ VAMOS PENSAR UM POUCO ...
#Intercon2012 #MetricasCONVIVEMOS COM DIVERSOS PAÍNEIS EINDICADORES QUE FACILITAM NOSSODIA-A-DIA        PLACARES          ...
#Intercon2012 #MetricasMAS, COMO FAZER UM DASHBOARD COMDADOS RELEVANTES?
#Intercon2012 #Metricasv  ENTENDA O PÚBLICOv  SAIBA QUAIS SÃO OS KPI’Sv  APRESENTE AS MÉTRICAS      PRINCIPAISv  DEIXE...
#Intercon2012 #MetricasVAMOS USAR COMO EXEMPLO DEDATAVIZ UM VELOCÍMETRO
#Intercon2012 #MetricasUM VELOCÍMETRO TEM TODAS ASINFORMAÇÕES NECESSÁRIAS PARA AJUDAR ADIRIGIR COM SEGURANÇA
#Intercon2012 #MetricasESTAS SÃO ASMÉTRICAS PRINCIPAIS                         TEMPERATURA VELOCIDADE                     ...
#Intercon2012 #MetricasSOMENTE SE ALGO FORA DO PADRÃO APARECER,QUE CONSULTAREMOS AS MÉTRICAS DEOTIMIZAÇÃO                 ...
#Intercon2012 #MetricasESTRUTURAÇÃO DOSDADOS
#Intercon2012 #MetricasDe volta ao trabalho...Você já sabe:•  O que é e para que serve visualização de dados.•  Definir qu...
#Intercon2012 #Metricas
#Intercon2012 #Metricas+
#Intercon2012 #MetricasOnde estamos?
#Intercon2012 #Metricas1. Estruture seus dados.Crie uma base limpa, clara e que contenha apenas as informações quedeseja u...
#Intercon2012 #Metricas2. Rabisque!Desenhe ou exercite diferentes formas de visualizar a informação quedeseja. Isso ajuda ...
#Intercon2012 #Metricas3. Crie o Gráfico!No Excel, crie um gráfico padrão para os dados. O resultado será,provavelmente, hor...
#Intercon2012 #Metricas4. Remova ou esconda Linhas-guia.!O Excel tem o péssimo hábito de dispor linhas guia como se fossem...
#Intercon2012 #Metricas5. Remova as Bordas!!     Porque? Uma borda é um elemento que confunde e não faz sentido.     Pense...
#Intercon2012 #Metricas6. Remova os marcadores!!     Porque? São elementos que não agregam informação além da que já     e...
#Intercon2012 #Metricas6. Limpe o Eixo X!!Torne o eixo mais discreto, eliminando números desnecessários ereduzindo o desta...
#Intercon2012 #Metricas7. Evite Legendas para séries!!Torne o eixo mais discreto, eliminando números desnecessários ereduz...
#Intercon2012 #Metricas  7. Reduza o destaque do eixo Y!   !       !   !       Em alguns casos, é possível excluir o eixo ...
#Intercon2012 #Metricas  8. Destaque o que é importante!   !       !   !       Use recursos simples como cores, espessura ...
#Intercon2012 #Metricas  9. Use textos para contar sua história!   !   !   !   Quanto os governos gastam com a economia?! ...
#Intercon2012 #Metricas 10. Brinque com os seus dados!  Quanto os governos gastam com a economia?  Nos últimos 10 anos, os...
#Intercon2012 #MetricasLembram do original?!60.00	  50.00	                                                                ...
#Intercon2012 #MetricasUm caminho a não ser seguido.!                                             Gasto	  dos	  Governos	 ...
#Intercon2012 #Metricas   Vale para qualquer tipo de gráfico60.00	  50.00	  40.00	  30.00	  20.00	  10.00	   0.00	        ...
#Intercon2012 #MetricasVale para qualquer tipo de gráfico!!!Gastos com Economia em 2011!Itália e Alemanha foram os países ...
#Intercon2012 #MetricasO QUE GUARDAR DE TUDO ISSO1.  Planeje muito bem o que e porque você vai fazer.2.  Não use os padrõe...
#Intercon2012 #MetricasLEGAL.MAS, COMO APLICO ISSO PARA O MEUCLIENTE?
#Intercon2012 #MetricasENTREGANDO UM MATERIAL QUE AO PASSAR O OLHOSEJA POSSÍVEL ENTENDER
#Intercon2012 #MetricasDATAVISUALIZATIONIndo além do Excel
#Intercon2012 #MetricasPERGUNTAS?Thiago Costa            Ariane Maia                      Bruno CanatoBusiness Inteligence...
Upcoming SlideShare
Loading in...5
×

InterCon 2012 - Metricas - Data Visualization

1,052

Published on

Data Visualization - Teoria, técnicas e práticas - Thiago Costa (Business Inteligence, dp6), Ariane Maia (Gerente de Data Intelligence, AgênciaClick Isobar) e Bruno Canato (Conceptor, CUBOCC) - InterCon 2012 - http://intercon.imasters.com.br/2012/

Published in: Technology

InterCon 2012 - Metricas - Data Visualization

  1. 1. #Intercon2012 #MetricasDATA VISUALIZATION –TEORIA, TÉCNICAS E PRÁTICASThiago Costa Ariane Maia Bruno CanatoBusiness Inteligence, Gerente de Data Intelligence, Conceptor,dp6 AgênciaClick Isobar CUBOCC@Twitter(s) ariane.maia@isobar.com.br @bcanato #Intercon2012 #Metricas
  2. 2. #Intercon2012 #MetricasAgenda!•  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!
  3. 3. #Intercon2012 #MetricasCONCEITOS EIMPORTÂNCIAUm apanhado sobre Dataviz
  4. 4. #Intercon2012 #MetricasUma definição, para começar.!Dataviz é informação abstraída de forma esquemática,incluindo atributos ou variáveis para unidades deinformação.!vulgarmente conhecido como
ENTENDEU, OU QUER QUE EU DESENHE?!
  5. 5. #Intercon2012 #MetricasUma esquematização exploratória“Uma das melhores maneiras de explorar e tentar entender um grandeconjunto de dados é pela visualização. Coloque os números em um espaçovisual e deixe o cérebro dos leitores encontrar os padrões. Somos bons nisso.Você normalmente encontra histórias que você pode nunca ter encontradocom apenas métodos estatísticos formais”." - Nathan Yau, Visualize This!
  6. 6. #Intercon2012 #MetricasE que permite facilidade de entendimento“Na sua forma pura, sites de dados parecem planilhas de Excel desenhadospara estatísticos. Mas integrados com uma interface simples, os númerosganham vida por meio de uma bela visualização e funcionalidade robusta. Atérecentemente, uma das maiores limitações da visualização de dadostradicional era o foco de estética sobre utilidade. Seu principal propósito erafacilmente e claramente comunicar o significado do dado. Essas novasferramentas requerem um equilíbrio tanto de forma quanto de função. Pararecrutar participaçõ, designers são desafiados a organizar a informação deuma forma que seja fácil de absorver, filtrar, comparar, personalizar ecompartilhar. A ferramenta com as interfaces mais intuitivas encorajaminteração mais freqüente.”" - Chloe Gottlieb, Feature: Data Driven!
  7. 7. #Intercon2012 #MetricasOnde eu quero chegarDataviz é uma forma de organizar e distribuir dados deuma forma inteligente e criativa em sua concepção.É uma maneira de estruturar e compilar informação quevisa criar uma estrutura comum de entendimento.e pode aparecer no contexto dePOSSO USAR ISSO PARA CONVENCER MEU CHEFE?
  8. 8. #Intercon2012 #MetricasParece uma boa ideiaNosso cérebro é visual e a codificação visual é auxiliadapela amígdala, relacionada a reações emocionais.Lida com coisas do nosso próprio desenvolvimentocognitivo:•  CONTRASTE•  PROPORÇÃO•  COMPARAÇÃOAlém disso, é legal. J
  9. 9. #Intercon2012 #MetricasMas 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. 10. #Intercon2012 #MetricasMuito trabalho humanoÉ necessário entender como se organizam: Alguns•  Categorias programas•  Tempo fazem.•  Localização•  Seqüência•  Alfabeto Programas nãoO que procurar: fazem.•  Padrões E aqui que•  Relacionamentos mora a magia.•  Dados questionáveis
  11. 11. #Intercon2012 #MetricasE exige senso estéticoNão precisa ser designer. Mas entender algumas coisas de estética geral.•  Contraste•  Legibilidade•  Suporte Caso contrário:
  12. 12. #Intercon2012 #MetricasDATAVIZ PARA QUEM?A importância de entendimento do público alvode Dataviz
  13. 13. #Intercon2012 #MetricasNinguém fará isso a troco de nadaDataviz, ainda mais no contexto dessa apresentação, éfocado em relatórios para clientes – por isso mesmo, é uminstrumento de explicação e convencimento cujo usoprecisa ser ponderado à luz de algumas variáveis.
  14. 14. #Intercon2012 #MetricasTempodisponí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
  15. 15. #Intercon2012 #MetricasCRIANDOVISUALIZAÇOESComo criar a partir de limitações?
  16. 16. #Intercon2012 #MetricasAlgumas referênciasA seguir, duas das visualizações selecionadaspara a fase final do campeonato de DataVisualization da comunidade Information isBeautiful.
  17. 17. #Intercon2012 #MetricasMiramos al cielo – Carla Fernandez Arce
  18. 18. #Intercon2012 #MetricasCover Mania – Michelle Mauri
  19. 19. #Intercon2012 #MetricasVAMOS USAR ESTESCONCEITOS?Definição de métricas chave, começando a aplicar osconceitos de DataViz no cotidiano
  20. 20. #Intercon2012 #MetricasQUE TAL PENSAR NUMDASHBOARD PARA MOSTRAR ASPRINCIPAIS INFORMAÇÕESAOS CLIENTES?
  21. 21. #Intercon2012 #MetricasMAS, ANTES DE SAIR FAZENDODASHBOARDS E TENTANDOENCAIXAR O CONCEITO DEDATAVIZ VAMOS PENSAR UM POUCO ...
  22. 22. #Intercon2012 #MetricasCONVIVEMOS COM DIVERSOS PAÍNEIS EINDICADORES QUE FACILITAM NOSSODIA-A-DIA PLACARES VELOCÍMETROS PAÍNEIS DE CONTROLE DE VÔO
  23. 23. #Intercon2012 #MetricasMAS, COMO FAZER UM DASHBOARD COMDADOS RELEVANTES?
  24. 24. #Intercon2012 #Metricasv  ENTENDA O PÚBLICOv  SAIBA QUAIS SÃO OS KPI’Sv  APRESENTE AS MÉTRICAS PRINCIPAISv  DEIXE AS MÉTRICAS DE OTIMIZAÇÃO OCULTAS
  25. 25. #Intercon2012 #MetricasVAMOS USAR COMO EXEMPLO DEDATAVIZ UM VELOCÍMETRO
  26. 26. #Intercon2012 #MetricasUM VELOCÍMETRO TEM TODAS ASINFORMAÇÕES NECESSÁRIAS PARA AJUDAR ADIRIGIR COM SEGURANÇA
  27. 27. #Intercon2012 #MetricasESTAS SÃO ASMÉTRICAS PRINCIPAIS TEMPERATURA VELOCIDADE ROTAÇÃO POR MINUTO QUANTIDADE DE COMBUSTÍVEL
  28. 28. #Intercon2012 #MetricasSOMENTE SE ALGO FORA DO PADRÃO APARECER,QUE CONSULTAREMOS AS MÉTRICAS DEOTIMIZAÇÃO LUZES DE ATENÇÃO
  29. 29. #Intercon2012 #MetricasESTRUTURAÇÃO DOSDADOS
  30. 30. #Intercon2012 #MetricasDe 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.
  31. 31. #Intercon2012 #Metricas
  32. 32. #Intercon2012 #Metricas+
  33. 33. #Intercon2012 #MetricasOnde estamos?
  34. 34. #Intercon2012 #Metricas1. Estruture seus dados.Crie uma base limpa, clara e que contenha apenas as informações quedeseja usar em sua visualização.
  35. 35. #Intercon2012 #Metricas2. Rabisque!Desenhe ou exercite diferentes formas de visualizar a informação quedeseja. Isso ajuda a criar a visualização final.!
  36. 36. #Intercon2012 #Metricas3. 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. 37. #Intercon2012 #Metricas4. Remova ou esconda Linhas-guia.!O Excel tem o péssimo hábito de dispor linhas guia como se fossem oponto mais importante de um gráfico: eles nunca são.!60.0050.0040.00 Australia Canada30.00 Italy Korea20.00 Sweden United Kingdom10.00 0.00 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011
  38. 38. #Intercon2012 #Metricas5. 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. 39. #Intercon2012 #Metricas6. 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. 40. #Intercon2012 #Metricas6. Limpe o Eixo X!!Torne o eixo mais discreto, eliminando números desnecessários ereduzindo 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. 41. #Intercon2012 #Metricas7. Evite Legendas para séries!!Torne o eixo mais discreto, eliminando números desnecessários ereduzindo 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. 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.3United 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. 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.5United 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. 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.5United 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. 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.7United 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. 46. #Intercon2012 #MetricasLembram 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. 47. #Intercon2012 #MetricasUm 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. 48. #Intercon2012 #Metricas Vale para qualquer tipo de gráfico60.00  50.00  40.00  30.00  20.00  10.00   0.00   Australia   Canada   Germany   Italy   Korea  
  49. 49. #Intercon2012 #MetricasVale 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.00Australia 34.80 Canada 41.51Germany 47.82 Italy 47.71 Korea 19.06 Fonte: International Monetary Fund, World Economic Outlook Database, Outubro 2012!
  50. 50. #Intercon2012 #MetricasO QUE GUARDAR DE TUDO ISSO1.  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 quetem uma função.4.  Use cores, mudanças de tamanho e outros recursosapenas para destacar e deixar claro o que é importante.
  51. 51. #Intercon2012 #MetricasLEGAL.MAS, COMO APLICO ISSO PARA O MEUCLIENTE?
  52. 52. #Intercon2012 #MetricasENTREGANDO UM MATERIAL QUE AO PASSAR O OLHOSEJA POSSÍVEL ENTENDER
  53. 53. #Intercon2012 #MetricasDATAVISUALIZATIONIndo além do Excel
  54. 54. #Intercon2012 #MetricasPERGUNTAS?Thiago Costa Ariane Maia Bruno CanatoBusiness Inteligence, Líder de Data Intelligence, Conceptor,dp6 AgênciaClick CUBOCC@Twitter(s) @Twitter(s) @bcanato #Intercon2012 #Metricas

×