O documento discute visualização de dados e como transformar informações em conhecimento. Apresenta Gilmar Gumier e seu trabalho com experiência do usuário e visualização de dados. Também discute a revolução digital, big data e como William Playfair foi pioneiro na criação de gráficos estatísticos.

1. Data Visualization
Transformando Informação em Conhecimento
18/05/2013

2. Quem sou
Gilmar Gumier
Founder / User Experience Director da Satis Sonho de
Criança: Ser Engenheiro AgrônomoColegial Técnico em
Administração Técnico em Processamento de Dados
Faculdade de Publicidade e Propaganda Pós-
Graduação em Administração

3. Contexto
Revolução Digital
•PCs
•Internet
•Facilidade na geração, registro, armazenamento,
recuperação, e consequentemente, na análise de
dados

4. Contexto
Big Data
Small Data
Open Data
Dispositivos móveis Computação ubíqua
Business Intelligence
Self-Quantified
Tecnologias Persuasivas
Open Gov Data Science

5. Contexto
William Playfair (1759 – 1823:
inventor da estatística gráfica)
Em 1786, inventou o gráfico de
linha e o gráfico de barras. Em
1801, inventou o gráfico de
pizza e o gráfico de círculo.

6. O que é
Design da informação
dataVis
infoVis sciVis infográficos

7. Exemplo: infoVis

8. Exemplo: infoVis

9. Exemplo: infoVis

10. Exemplo: infoVis

11. Exemplo: sciVis

12. Exemplo: infográfico

13. Como fazer
A parte mais importante da apresentação dos dados
é identificar as perguntas que você quer responder.
Quanto mais específicas as perguntas, mais específica
e claro será o resultado visual.

14. Como fazer
1. Conheça seus dados
2. Conheça sua audiência
3. Determine sua mensagem
4. Reduza os dados para o que é necessário para
comunicar a mensagem
(fonte: Seven Tenets of Quantitative Data Presentation -
http://www.perceptualedge.com/blog/?p=1668 )

15. Como fazer
5. Determine a melhor forma de expressão
6. Projete a apresentação para comunicar de forma
simples, clara e com acurácia
7. Sugira uma forma de responder
(fonte: Seven Tenets of Quantitative Data Presentation -
http://www.perceptualedge.com/blog/?p=1668 )

16. Para que
“The purpose of information visualization is to amplify
cognitive performance, not just to create interesting
pictures. Information visualizations should do for the
mind what automobiles do for the feet.” - Card

17. LATCH: Formas de Classificação
Local
Alfabeto
Tempo
Categoria
Hierarquia
- Richard Saul Wurman

18. Mantra
“Overview first, zoom and filter,
then details-on-demand. “
- Ben Shneiderman

19. Mantra
Overview first zoom and filter
then details-on-demand.zoom and filter
Fonte: http://www.b-eye-network.com/view/2674

20. Mantra
Overview first
zoom and filter
then details-on-demand.
Google Maps

21. 100 x Rogério Ceni: http://100xrogerioceni.cog-ignition.com/
Exemplos

22. Senna Forever: http://sennaforever.cog-ignition.com/
Exemplos

23. Cannes Lion 2011: http://canneslions2011.cog-ignition.com/
Exemplos

24. iG Futebol: https://itunes.apple.com/br/app/ig-futebol/id386243494?mt=8
Exemplos

25. Tipos de Visualização

26. Para saber mais
Sites:
http://infosthetics.com/
http://flowingdata.com/
http://www.visualcomplexity.com/vc/
http://datavisualization.ch/
http://www.perceptualedge.com/blog/
http://www.informationisbeautiful.net/
http://well-formed-data.net/
http://benfry.com/writing/
http://blog.blprnt.com/

27. Para saber mais
Livros:

28. Para saber mais
Livros:

29. ;)
Obrigado!
Gilmar Gumier gilmar@satis.me
@gilmargumier
11 98641-2122
www.satis.me