SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Visualização de
Informação
Ana Figueiras
Doutorada em Media Digitais no
âmbito do programa UT Austin |
Portugal Digital e faço investigação
em Visualização de Informação e
storytelling, mais especificamente
em formas visuais de storytelling.
O meu objectivo é identificar as
melhores estratégias para
incorporar elementos narrativos
nas visualizações e descobrir quais
os elementos que podem dar a
sensação de storytelling nas
visualizations.
http://rethinkingvis.com
@afigueiras
mail@anafigueiras.com
Ana Figueiras
O que é Visualização de Informação?
Não há consenso sobre os muitos nomes utilizados em
visualização. Information visualization, data visualization,
infographics e outros termos são frequentemente utilizados
indistintamente e a confusão é geralmente estendida para as suas
definições, que muitas vezes se sobrepõem.
Na maioria das vezes Information visualization é considerado
como sendo um termo genérico que abrange vários outros
subtipos de visualização.
Artisticvis
Hurricane Noel
Ambientvis
Mondrian bus schedule
Scivis
NASA’s El Nino impact visualization
Visual analytics
Statistical Analysis Software
Figueiras (2016) | The gamut of visualization
“The use of computer-
supported, interactive, visual
representations of abstract
data to amplify cognition.”
[Card, Mackinlay, and Shneiderman, 1999]
Alberto Cairo
Journalism
University of Miami
Mike Bostock
Computer Science
D3
David McCandless
English
Information is Beautiful
Nathan Yau
Statistics
FlowingData
Robert Kosara
Computer Science
Tableau Software
Fernanda Viégas
Design
Google
Manuel Lima
Design
Visual Complexity
Cole Nussbaumer
Mathematics
Storytelling with data
Andy Kirk
Operational Research
Visualising data
Edward Tufte
Statistics
Visualization guru
Quem é que faz visualização?
Elijah Meeks & Susie Lu | The 7 Kinds of Data Visualization People
A pré-história da
visualização
A visualização antes da sua era de ouro
Antes do século 17 1600-1699
1700-1799 1800-1840
A era de ouro
da visualização
John Snow | On the mode of communication of cholera
1854
Florence Nightingale | Diagram of the causes of mortality
1856
Minard | Map of the successive losses in men of the French Army in the Russian campaign 1812-1813
1869
Friendly | Time distribution of milestones in the history of data visualization
Hans Rosling | Trendalyzer
A visualização
na Web
“Visualizations aren’t truly visual unless they are seen.
Getting your work out there for others to see is critical, and
publishing on the Web is the quickest way to reach a global
audience. Working with web-standard technologies means
that your work can be seen and experienced by anyone using
a recent web browser, regardless of the operating system
(Windows, Mac, Linux) and device type (laptop, desktop,
smartphone, tablet).”
[Murray, 2012]
Ferramentas | Níveis de flexibilidade e de dificuldade
Abstrataseflexíveis
Blackboxelimitadas
Difíceis e lentas Canvas
API
Simples e rápidasSVG e
HTML
DOMs
Gramáticas Soluções
chave na
mão
Ferramentas | Desde as mais simples às mais complexas
Google Charts Plotly Variance Vega
Bokeh D3 Matplotlib R charts
Carto Charted Flourish Tableau
Como escolher?
> Pela familiaridade;
> Pela função;
> Pelo que ela nos permite fazer.
The State of
Information
Visualization, 2017
> Visualizing Uncertainty;
> Sketching and Personal Data;
> Smarter Visualization With Statistics;
> Storytelling;
> A New Wave of Theory;
> Pies.
Storytelling
Na minha investigação, eu parto da premissa levantada pela Carte figurative des
pertes successives en hommes de l'Armée Française dans la campagne de Russie
1812-1813 de Charles Minard, de que as visualizações são capazes de contar
histórias, e exploro que estratégias podem ser utilizadas para as introduzir nas
visualizações.
Essas estratégias vão desde a
adição de elementos narrativos
utilizando anotações ou
metáforas como o tempo para
introduzir a sensação de
storytelling ou sensação do
fluxo da narrativa, a estratégias
mais complexas gamification.
Best of Information
Visualization
Visualização com base na distância em termos de tempo | Timemaps
Visualização com base no som | Listen to Wikipedia
Visualização com base nas palavras | Beautiful in English
Animação como storytelling | Out of Sight, Out of Mind
Perguntas?
Ana Figueiras
http://rethinkingvis.com
@afigueiras
mail@anafigueiras.com

Contenu connexe

Similaire à Visualização de Informação e Storytelling

Semana SEBRAE de Tecnologia e Inovação 2015 - Victor Gonçalves
Semana SEBRAE de Tecnologia e Inovação 2015 - Victor GonçalvesSemana SEBRAE de Tecnologia e Inovação 2015 - Victor Gonçalves
Semana SEBRAE de Tecnologia e Inovação 2015 - Victor GonçalvesVictor Gonçalves
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.Impacta Eventos
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interaçãoPaula Faria
 
Apostila comunicação visual para web
Apostila comunicação visual para webApostila comunicação visual para web
Apostila comunicação visual para webPedro de Siqueira
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Doisnovemeia Publicidade
 
Soyuz - Open Web Platform & Business Intelligence
Soyuz - Open Web Platform & Business IntelligenceSoyuz - Open Web Platform & Business Intelligence
Soyuz - Open Web Platform & Business IntelligenceSoyuz Sistemas Ltda
 
Cursos e Oficinas de Comunicação Digital
Cursos e Oficinas de Comunicação DigitalCursos e Oficinas de Comunicação Digital
Cursos e Oficinas de Comunicação DigitalPaperCliQ Comunicação
 
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...Thalita Oliveira
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de InterfacesAna Migowski
 
Infografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeInfografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeFran Maciel
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
Inteligência Coletiva
Inteligência ColetivaInteligência Coletiva
Inteligência ColetivaElvis Fusco
 
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de DocumentaçõesIntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de DocumentaçõesThiago Macedo
 
User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.Catarinas Design de Interação
 

Similaire à Visualização de Informação e Storytelling (20)

Semana SEBRAE de Tecnologia e Inovação 2015 - Victor Gonçalves
Semana SEBRAE de Tecnologia e Inovação 2015 - Victor GonçalvesSemana SEBRAE de Tecnologia e Inovação 2015 - Victor Gonçalves
Semana SEBRAE de Tecnologia e Inovação 2015 - Victor Gonçalves
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interação
 
Apostila comunicação visual para web
Apostila comunicação visual para webApostila comunicação visual para web
Apostila comunicação visual para web
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
 
Soyuz - Open Web Platform & Business Intelligence
Soyuz - Open Web Platform & Business IntelligenceSoyuz - Open Web Platform & Business Intelligence
Soyuz - Open Web Platform & Business Intelligence
 
Cursos e Oficinas de Comunicação Digital
Cursos e Oficinas de Comunicação DigitalCursos e Oficinas de Comunicação Digital
Cursos e Oficinas de Comunicação Digital
 
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
 
Fase apresentação
Fase apresentaçãoFase apresentação
Fase apresentação
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Apresentação m-learning
Apresentação m-learningApresentação m-learning
Apresentação m-learning
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Infografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeInfografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidade
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Inteligência Coletiva
Inteligência ColetivaInteligência Coletiva
Inteligência Coletiva
 
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de DocumentaçõesIntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
IntelligenceDoc - Desenvolvimento e Gerenciamento Colaborativo de Documentações
 
User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.
 

Visualização de Informação e Storytelling

  • 2. Doutorada em Media Digitais no âmbito do programa UT Austin | Portugal Digital e faço investigação em Visualização de Informação e storytelling, mais especificamente em formas visuais de storytelling. O meu objectivo é identificar as melhores estratégias para incorporar elementos narrativos nas visualizações e descobrir quais os elementos que podem dar a sensação de storytelling nas visualizations. http://rethinkingvis.com @afigueiras mail@anafigueiras.com Ana Figueiras
  • 3. O que é Visualização de Informação? Não há consenso sobre os muitos nomes utilizados em visualização. Information visualization, data visualization, infographics e outros termos são frequentemente utilizados indistintamente e a confusão é geralmente estendida para as suas definições, que muitas vezes se sobrepõem. Na maioria das vezes Information visualization é considerado como sendo um termo genérico que abrange vários outros subtipos de visualização. Artisticvis Hurricane Noel Ambientvis Mondrian bus schedule Scivis NASA’s El Nino impact visualization Visual analytics Statistical Analysis Software
  • 4. Figueiras (2016) | The gamut of visualization
  • 5. “The use of computer- supported, interactive, visual representations of abstract data to amplify cognition.” [Card, Mackinlay, and Shneiderman, 1999]
  • 6. Alberto Cairo Journalism University of Miami Mike Bostock Computer Science D3 David McCandless English Information is Beautiful Nathan Yau Statistics FlowingData Robert Kosara Computer Science Tableau Software Fernanda Viégas Design Google Manuel Lima Design Visual Complexity Cole Nussbaumer Mathematics Storytelling with data Andy Kirk Operational Research Visualising data Edward Tufte Statistics Visualization guru Quem é que faz visualização?
  • 7. Elijah Meeks & Susie Lu | The 7 Kinds of Data Visualization People
  • 9. A visualização antes da sua era de ouro Antes do século 17 1600-1699 1700-1799 1800-1840
  • 10. A era de ouro da visualização
  • 11. John Snow | On the mode of communication of cholera 1854
  • 12. Florence Nightingale | Diagram of the causes of mortality 1856
  • 13. Minard | Map of the successive losses in men of the French Army in the Russian campaign 1812-1813 1869
  • 14. Friendly | Time distribution of milestones in the history of data visualization
  • 15. Hans Rosling | Trendalyzer
  • 17. “Visualizations aren’t truly visual unless they are seen. Getting your work out there for others to see is critical, and publishing on the Web is the quickest way to reach a global audience. Working with web-standard technologies means that your work can be seen and experienced by anyone using a recent web browser, regardless of the operating system (Windows, Mac, Linux) and device type (laptop, desktop, smartphone, tablet).” [Murray, 2012]
  • 18. Ferramentas | Níveis de flexibilidade e de dificuldade Abstrataseflexíveis Blackboxelimitadas Difíceis e lentas Canvas API Simples e rápidasSVG e HTML DOMs Gramáticas Soluções chave na mão
  • 19. Ferramentas | Desde as mais simples às mais complexas Google Charts Plotly Variance Vega Bokeh D3 Matplotlib R charts Carto Charted Flourish Tableau
  • 20. Como escolher? > Pela familiaridade; > Pela função; > Pelo que ela nos permite fazer.
  • 22. > Visualizing Uncertainty; > Sketching and Personal Data; > Smarter Visualization With Statistics; > Storytelling; > A New Wave of Theory; > Pies.
  • 23. Storytelling Na minha investigação, eu parto da premissa levantada pela Carte figurative des pertes successives en hommes de l'Armée Française dans la campagne de Russie 1812-1813 de Charles Minard, de que as visualizações são capazes de contar histórias, e exploro que estratégias podem ser utilizadas para as introduzir nas visualizações. Essas estratégias vão desde a adição de elementos narrativos utilizando anotações ou metáforas como o tempo para introduzir a sensação de storytelling ou sensação do fluxo da narrativa, a estratégias mais complexas gamification.
  • 25. Visualização com base na distância em termos de tempo | Timemaps
  • 26. Visualização com base no som | Listen to Wikipedia
  • 27. Visualização com base nas palavras | Beautiful in English
  • 28. Animação como storytelling | Out of Sight, Out of Mind