Baixado 61 vezes
Storytelling com dados v3
- 1. Storytelling - Impactando reuniões atravésda comunicação com dados "Os números contam a história, mostram o presente e ajudam a prospectar o futuro.” Comunicar com números de maneira eficaz é uma habilidade que pode ser aprendida.
- 2. Os dados podemser esclarecedores e poderosos. A finalidade dos dados não é simplesmente criar tabelas e gráficos. A finalidade dos dados é responder a perguntas e despertar a curiosidade.
- 3. Storytelling ajuda a dar vidaaos dados. Acrescenta Contexto, Envolvimento e Emoção aos fatos.
- 4. Aqui estão trêsmotivos pelos quais você precisa de mais do que dados: você precisa de uma história.
- 5. Histórias são lembradas até22 vezes mais do que fatos isolados. Jennifer Aake General Atlantic Professor of Marketing, Stanford Graduate School of Business
- 6. Como você aprenderáa contar histórias com dados: 6 lições #1 A importância do contexto #2 A escolha de um visual eficaz #3 A saturação é sua inimiga! #4 Focalize a atenção de seu público #5 Pense como um designer #6 Conte uma história.
- 7. 1. Quem éo seu público? Quem é o tomador de decisão? Qual a sua relação com esse público? 2. O que precisa que ele saiba ou faça? *Estímulo a ação: aceitar, acreditar, apoiar, aprender, assegurar, autorizar, buscar, colaborar, começar, concordar, criar, defender, desejar.... 3. Quais dados estão disponíveis e que ajudarão a apresentar minha ideia? Como usar esses dados? 4. A grande ideia! Reduz o “então, o quê”(Deve articular o seu ponto de vista único, deve transmitir o que está em jogo e deve ser uma frase completa.) # 1 A importância do contexto Entenda ocontexto danecessidade desecomunicar.
- 8. # 2 Aescolha de um visual eficaz Escolha ográficoououtrotipodeexibição deinformações visuaisadequados.
- 9. # 2 Aescolha de um visual eficaz Escolha ográficoououtrotipodeexibição deinformações visuaisadequados.
- 10. # 2 Aescolha de um visual eficaz EX: TEXTO SIMPLES QUANDO USAR? Quando você tem apenas um número ou dois para compartilhar!
- 11. # 2 Aescolha de um visual eficaz EX: TABELAS # Fica a Dica: Raramente é uma boa ideia usar uma tabela em uma apresentação ao vivo. Enquanto seu público lê, você não consegue que ele ouça e perde sua atenção ao realçar um fato verbalmente. QUANDO USAR? • Quando você precisa comunicar várias unidades de medida diferentes. • Quando você precisa comunicar para um público misto, cujos membros procurarão, cada um, sua linha de interesse particular.
- 12. # 2 Aescolha de um visual eficaz EX: MAPA DE CALOR Figura 2.5 Duas visualizações dos mesmos dados QUANDO USAR? • Quando você precisa misturar detalhes em uma tabela usando pistas visuais. • Dessa forma além de usar números, você utiliza células coloridas que transmitem a magnitude relativa dos números.
- 13. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE DISPERSÃO QUANDO USAR? • Quando quisermos mostrar a relação entre duas coisas, pois eles permitem codificar dados simultaneamente em um eixo x (horizontal) e um eixo y (vertical) para ver se há relação e qual relação existe. • São mais raros de se encontrar no mundo dos negócios.
- 14. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE LINHA QUANDO USAR? • Quando quisermos registrar dados contínuos em alguma unidade de tempo: dias, meses, trimestres ou anos. • Existem dois tipos de uso mais frequente: ✔Gráfico de linha padrão (acabamos de ver); ✔Gráfico de inclinação (veremos mais a frente).
- 15. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE LINHA MOSTRANDO A MÉDIA
- 16. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE INCLINAÇÃO QUANDO USAR? • Quando temos dois períodos de tempo ou pontos de comparação e queremos mostrar rapidamente os aumentos ou diminuições relativas ou as diferenças de várias categorias entre os dois pontos de dados.
- 17. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE BARRAS QUANDO USAR? Quando precisamos comparar dois ou mais dados em determinado período de tempo. Às vezes são evitados por serem comuns. Isso é um erro. Por serem comuns, significa menos curva de aprendizado para o seu público.
- 18. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE BARRAS #Fica a Dica: Não há uma regra geral! Mas... Você não quer que as barras sejam tão largas a ponto do seu público querer comparar áreas, em vez de comprimentos.
- 19. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE BARRAS x
- 20. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE BARRAS EMPILHADAS QUANDO USAR? • O uso desse tipo de gráfico é mais limitado! • Eles são usados quando queremos comparar totais entre categorias e ainda visualizar as partes dos subcomponentes dentro de determinada categoria. Isso pode parecer confuso – principalmente quando usamos uma variedade de cores
- 21. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE CASCATA QUANDO USAR? Quando precisamos separar as partes de um gráfico de barras empilhadas a fim de se focalizar uma por vez ou para mostrar um ponto de partida, aumentos ou reduções e o ponto final resultante.
- 22. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE BARRAS HORIZONTAIS QUANDO USAR? • Quando quisermos apresentar dados categóricos • Quando tivermos nomes de categorias muito longos Esse gráfico é extremamente fácil de ler, pois o texto é escrito da esquerda para direita , conforme a maioria lê.
- 23. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE BARRAS HORIZONTAIS EMPILHADAS QUANDO USAR? Quando quisermos mostrar os totais em diferentes categorias, mas também dar uma ideia das partes subcomponentes. Eles podem ser estruturados de forma a mostrar valores absolutos ou a soma até 100%.
- 24. # 2 Aescolha de um visual eficaz EX: GRÁFICO DE ÁREA QUANDO USAR? Quando precisamos visualizar números de magnitudes amplamente diferentes. Contudo não é muito utilizado, pois os olhos humanos não conseguem atribuir bem o valor quantitativo no espaço bidimensional, o que pode dificultar a leitura.
- 26. # 2 Aescolha de um visual eficaz Se o gráfico tem nome de comida.... NÃO USE! PIZZA ROSCA SPAGHETTI
- 27. # 2 Aescolha de um visual eficaz PORQUE O GRÁFICO DE PIZZA DEVE SER EVITADO... Vocês conseguem dizer qual desses fornecedores possui maior participação? Vocês conseguiriam estimar o %? ✔ O olho humano não consegue fazer leitura bidimensional. Quando tem tamanhos parecidos fica ainda mais difícil. ✔ O 3D faz as partes superiores parecerem menores devido ao afastamento.
- 28. # 2 Aescolha de um visual eficaz E SUBSTITUÍDO POR GRÁFICO DE BARRAS HORIZONTAIS OU LINHA Quando as barras são alinhadas em uma linha de base comum, é fácil avaliar o tamanho relativo. Isso facilita ver qual segmento é maior, como também o quanto incrementalmente maior que os outros.
- 29. # 2 Aescolha de um visual eficaz O DE ROSCA TAMBÉM... SPAGHETI É MUITO CONFUSO...
- 30. # 2 Aescolha de um visual eficaz NUNCA USE 3D ⮚ O 3D distorce os números, tornando difícil ou impossível interpretá-los ou compará-los. ⮚ Distrai o público - possui elementos desnecessários a ele como painéis laterais e chão.
- 31. # 2 Aescolha de um visual eficaz EIXO Y SECUNDÁRIO: Geralmente não é uma boa ideia... E AGORAAA??? Como mostrarei o resultado do EBTDA em R$ e em % em um mesmo gráfico nas reuniões mensais???
- 32. # 2 Aescolha de um visual eficaz EIXO Y SECUNDÁRIO: Exceto se usarmos estrategicamente...
- 33. # 3 Asaturação é sua inimiga! Elementos visuais queocupam espaço, masnãoaumentam oentendimento. Ex: ⮚ Eles fazem com que nossos visuais pareçam mais complicados que o necessário. ⮚ Corremos o risco do nosso público decidir que não quer entender o que estamos mostrando.
- 34. # 3 Asaturação é sua inimiga! Elementosvisuaisqueocupamespaço,masnãoaumentamoentendimento. DESSATURANDO: PASSO A PASSO 1° Remova as bordas do gráfico 2° Remova as linhas de grade
- 35. # 3 Asaturação é sua inimiga! Elementos visuais queocupam espaço, masnãoaumentam oentendimento. 3° Remova os marcadores de dados 4° Limpe as legendas dos eixos
- 36. # 3 Asaturação é sua inimiga! Elementos visuais queocupam espaço, masnãoaumentam oentendimento. 5° Legende os dados diretamente 6° Use cores uniformes
- 37. # 3 Asaturação é sua inimiga! Elementos visuais queocupam espaço, masnãoaumentam oentendimento. ANTES DEPOIS Use alinhamento de elementos e mantenha espaço em branco para ajudar a tornar a interpretação de seus recursos visuais uma experiência mais agradável para seu público. Use contraste estrategicamente. A saturação é sua inimiga: elimine-a de seus visuais!
- 38. # 4 Focalizea atenção do seu público Ferramentas poderosas: os atributos pré-atentivos. São atributos pré-atentivos: Tamanho, cor e posição na página. Eles podem ser usados estrategicamente de duas maneiras: 1 – Ajudar a direcionar a atenção do público para onde você deseja que ele se concentre. 2 – Criar uma hierarquia visual de elementos, para conduzir seu público pelas informações que você deseja comunicar, do modo como quer que as processem. Os atributos pré-atentivos sinalizam o que é importante.
- 39. # 4 Focalizea atenção do seu público Atributos pré-atentivos avisam para onde olhar Quantos números 3 existem? Achou difícil? Com atributos pré-atentivos fica bem mais fácil...
- 40. # 4 Focalizea atenção do seu público Tipos de atributos pré-atentivos.
- 41. # 4 Focalizea atenção do seu público Atributos pré-atentivos em texto
- 42. # 4 Focalizea atenção do seu público Atributos pré-atentivos em texto
- 43. # 4 Focalizea atenção do seu público Atributos pré-atentivos em texto
- 44. # 4 Focalizea atenção do seu público Atributos pré-atentivos em texto
- 45. # 4 Focalizea atenção do seu público Atributos pré-atentivos podem ajudar a criar hierarquia visual de informações.
- 46. # 4 Focalizea atenção do seu público Atributos pré-atentivos em gráficos.
- 47. # 4 Focalizea atenção do seu público Atributos pré-atentivos em gráficos.
- 48. # 4 Focalizea atenção do seu público Vamos rever o exemplo dos tíquetes Atributos pré-atentivos em gráficos.
- 49. # 4 Focalizea atenção do seu público 1° coloque tudo em 2° plano Atributos pré-atentivos em gráficos.
- 50. # 4 Focalizea atenção do seu público 2° faça os dados se destacarem Atributos pré-atentivos em gráficos.
- 51. # 4 Focalizea atenção do seu público 3° legendas demais parecem saturadas Atributos pré-atentivos em gráficos.
- 52. # 4 Focalizea atenção do seu público Legendas usadas moderadamente chamam a atenção Atributos pré-atentivos em gráficos.
- 53. # 4 Focalizea atenção do seu público Use cores moderadamente Atributos pré-atentivos em gráficos.
- 54. # 4 Focalizea atenção do seu público Cores da marca, usar ou não usar? Vai depender das cores da logotipo. Atributos pré-atentivos em gráficos.
- 55. # 4 Focalizea atenção do seu público Atributos pré-atentivos posição na página.
- 56. # 5 Pensecomo um designer Affordances,acessibilidade eestética. Affordances visuais indicam ao público como usar e interagir com nossas visualizações. Para isso existem 3 lições específicas para esse fim: 1. Realçar o que é importante. Negrito, CAIXA, Cor, Inverter elementos e Tamanho 2. Eliminar as distrações. Deixar os dados mais limpos 3. Criar uma clara hierarquia de informações. Inverter elementos
- 57. # 5 Pensecomo um designer 1. Realçar o que é importante
- 58. # 5 Pensecomo um designer 2. Eliminar as distrações.
- 59. # 5 Pensecomo um designer 3. Criar uma clara hierarquia de informações.
- 60. # 5 Pensecomo um designer Affordances, acessibilidadeeestética. Acessibilidade - Uma visualização de dados bem projetada é fácil de interpretar e entender. 1. Não complique demais 2. Torne legível 3. Mantenha limpo 4. Use linguagem simples 5. Elimine a complexidade desnecessária
- 61. # 5 Pensecomo um designer O texto é seu amigo O uso cuidadoso de torna a visualização de dados acessível. O texto tem várias funções na comunicação com dados, utilize-o para: Legendar, Apresentar, Explicar, Reforçar, Destacar, Recomendar e Contar uma história.
- 62. # 5 Pensecomo um designer Use palavras para tornar o gráfico mais acessível Todo gráfico precisa de: • Um Título, • Eixo (exceções a essa regra serão extremamente raras). • Legendas explicitas Dessa forma quem lê usar o poder do cérebro para entender a informação, em vez de gastá-lo tentando descobrir como vai ler o visual.
- 63. Todo gráfico precisade um título e todo eixo também precisa (exceções a essa regra serão extremamente raras). Legende explicitamente a fim de que le possa usar o poder do cérebro para entender a informação, em vez de gastá-lo tentando descobrir como vai ler o visual. # 5 Pense como um designer Use palavras para tornar o gráfico mais acessível Título Legendas explícitas Note que nesse exemplo não utiliza-se os eixos.
- 64. # 5 Pensecomo um designer Use palavras para tornar o gráfico mais acessível Se você tem uma recomendação ou algo que seu público tenha que saber ou faça você pode colocar na parte superior do slide ou como uma observação no gráfico ou como nota de rodapé.
- 65. # 5 Pensecomo um designer Design estéticos – são percebidos como mais fáceis de usar e são mais prontamente aceitos e utilizados com o passar do tempo, promovem o pensamento criativo e a solução de problemas e estimulam relações positivas, tornando as pessoas mais tolerantes a problemas nos designs. Use: Cor, Alinhamento e Espaço em branco de forma inteligente. Affordances,acessibilidade e estética.
- 66. # 5 Pensecomo um designer DESIGN SEM ESTÉTICA DESIGN ESTÉTICO
- 67. # 5 Pensecomo um designer Vejamosoutrosexemplos:
- 68. # 5 Pensecomo um designer
- 69. # 5 Pensecomo um designer
- 70. # 5 Pensecomo um designer
- 71. # 5 Pensecomo um designer
- 72. # 6 Tudoreunido Vamos começar considerando o gráfico abaixo que mostra o preço de revenda médio no decorrer do tempo de 5 produtos (A, B, C, D e E)
- 73. # 6 Tudoreunido Entenda o contexto vice-presidente de produto, o principal tomador de decisão no estabelecimento do preço de nosso produto. entender como os preços dos concorrentes mudaram no decorrer do tempo e recomendar uma faixa de preço. mostrar o preço médio do varejo no decorrer do tempo dos produtos A, B, C, D e E. Com base na análise dos preços do mercado no decorrer do tempo, para sermos competitivos, recomendamos introduzir nosso produto a um preço de varejo na faixa de R$ABC a R$XYZ. Quem: O quê: Como: A grande ideia:
- 74. # 6 Tudoreunido Remova a variação da cor... Enfatize os dados de 2010 em diante... Escolha um visual apropriado
- 75. # 6 Tudoreunido Mude para um gráfico de linha... Mude para um gráfico de linha único para todos os produtos... Escolha um visual apropriado
- 76. # 6 Tudoreunido Elimine a saturação
- 77. # 6 Tudoreunido Chame a atenção para onde você quer que o público foque Mude o foco da atenção do público... Focalize a atenção do público...
- 78. # 6 Tudoreunido Mude novamente o foco da atenção do público... Chame a atenção para onde você quer que o público foque
- 79. # 6 Tudoreunido Adicione texto e alinhe os elementos... Pense como um design
- 80. # 6 Conteuma história Nos próximos 3 minutos... NOSSO OBJETIVO: Entender como os preços mudaram no decorrer do tempo no panorama competitivo Usar esse conhecimento para informar a fixação de preço de nosso produto Terminaremos com uma recomendação específica 2 1
- 81. # 6 Conteuma história Os produtos A e B foram lançados em 2008 com pontos de preço de mais de R$ 360.
- 82. # 6 Conteuma história Eles tiveram preços semelhantes no decorrer do tempo, com B sistematicamente mais baixo que A.
- 83. # 6 Conteuma história Em 2014, os produtos A e B tinham os preços R$260,00 e R$ 250,00, respectivamente.
- 84. # 6 Conteuma história Os produtos C, D e E foram introduzidos depois, com pontos de preços muito menores
- 85. # 6 Conteuma história ... Mas todos tiveram seu preços aumentados desde seus respectivos lançamentos.
- 86. # 6 Conteuma história Na verdade, com o lançamento de um novo produto nessa área de atuação, tendemos a ver um aumento no preço inicial, seguido de um decréscimo no decorrer do tempo.
- 87. # 6 Conteuma história Em 2014, os preços no varejo convergiram, com um preço médio de R$ 223,00 , variando de no mínimo de 180,00 (C) até o máximo de R$260,00 (A).
- 88. # 6 Conteuma história Para sermos competitivos, recomendamos a introdução do nosso produto abaixo do ponto de preço médio de R$ 223,00 na faixa de R$ 150,00 a R$ 200,00
- 89. Conclusão 1. Tivemos umsólido entendimento do contexto 1. Escolhemos um visual apropriado 1. Identificamos e eliminamos a saturação 1. Usamos atributos pré-atentivos para chamar atenção de nosso público para o que queremos focalizar 1. Colocamos nossos design, adicionando texto para tornar nosso visual acessível 1. Empregamos alinhamento para melhorar a estética 1. Elaboramos uma narrativa convincente e contamos a história.
- 90. Storytelling com dadosestá mudando a cara da visualização de dados. O público vê mais do que números. Eles recebem sabedoria, orientação e capacitação. Vá e conte suas histórias com dados!
- 91.