• Save
InterCon 2012 - Metricas - Data Visualization
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

InterCon 2012 - Metricas - Data Visualization

on

  • 1,158 views

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

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/

Statistics

Views

Total Views
1,158
Views on SlideShare
1,157
Embed Views
1

Actions

Likes
12
Downloads
0
Comments
0

1 Embed 1

https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

InterCon 2012 - Metricas - Data Visualization Presentation Transcript

  • 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. #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. #Intercon2012 #MetricasCONCEITOS EIMPORTÂNCIAUm apanhado sobre Dataviz
  • 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. #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. #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. #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. #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. #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. #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. #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. #Intercon2012 #MetricasDATAVIZ PARA QUEM?A importância de entendimento do público alvode Dataviz
  • 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. #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. #Intercon2012 #MetricasCRIANDOVISUALIZAÇOESComo criar a partir de limitações?
  • 16. #Intercon2012 #MetricasAlgumas referênciasA seguir, duas das visualizações selecionadaspara a fase final do campeonato de DataVisualization da comunidade Information isBeautiful.
  • 17. #Intercon2012 #MetricasMiramos al cielo – Carla Fernandez Arce
  • 18. #Intercon2012 #MetricasCover Mania – Michelle Mauri
  • 19. #Intercon2012 #MetricasVAMOS USAR ESTESCONCEITOS?Definição de métricas chave, começando a aplicar osconceitos de DataViz no cotidiano
  • 20. #Intercon2012 #MetricasQUE TAL PENSAR NUMDASHBOARD PARA MOSTRAR ASPRINCIPAIS INFORMAÇÕESAOS CLIENTES?
  • 21. #Intercon2012 #MetricasMAS, ANTES DE SAIR FAZENDODASHBOARDS E TENTANDOENCAIXAR O CONCEITO DEDATAVIZ VAMOS PENSAR UM POUCO ...
  • 22. #Intercon2012 #MetricasCONVIVEMOS COM DIVERSOS PAÍNEIS EINDICADORES QUE FACILITAM NOSSODIA-A-DIA PLACARES VELOCÍMETROS PAÍNEIS DE CONTROLE DE VÔO
  • 23. #Intercon2012 #MetricasMAS, COMO FAZER UM DASHBOARD COMDADOS RELEVANTES?
  • 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. #Intercon2012 #MetricasVAMOS USAR COMO EXEMPLO DEDATAVIZ UM VELOCÍMETRO
  • 26. #Intercon2012 #MetricasUM VELOCÍMETRO TEM TODAS ASINFORMAÇÕES NECESSÁRIAS PARA AJUDAR ADIRIGIR COM SEGURANÇA
  • 27. #Intercon2012 #MetricasESTAS SÃO ASMÉTRICAS PRINCIPAIS TEMPERATURA VELOCIDADE ROTAÇÃO POR MINUTO QUANTIDADE DE COMBUSTÍVEL
  • 28. #Intercon2012 #MetricasSOMENTE SE ALGO FORA DO PADRÃO APARECER,QUE CONSULTAREMOS AS MÉTRICAS DEOTIMIZAÇÃO LUZES DE ATENÇÃO
  • 29. #Intercon2012 #MetricasESTRUTURAÇÃO DOSDADOS
  • 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. #Intercon2012 #Metricas
  • 32. #Intercon2012 #Metricas+
  • 33. #Intercon2012 #MetricasOnde estamos?
  • 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. #Intercon2012 #Metricas2. Rabisque!Desenhe ou exercite diferentes formas de visualizar a informação quedeseja. Isso ajuda a criar a visualização final.!
  • 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. #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. #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. #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. #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. #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. #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. #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. #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. #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. #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. #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. #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. #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. #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. #Intercon2012 #MetricasLEGAL.MAS, COMO APLICO ISSO PARA O MEUCLIENTE?
  • 52. #Intercon2012 #MetricasENTREGANDO UM MATERIAL QUE AO PASSAR O OLHOSEJA POSSÍVEL ENTENDER
  • 53. #Intercon2012 #MetricasDATAVISUALIZATIONIndo além do Excel
  • 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