Design de informação: aula 8
A. Visualização de informação
O desafio era mostrar a dinâmica real do desenvolvimento OpenSource da estruturação de uma linguagem de programação chamada Python através do tempo, as pessoas que participaram do desenvolvimento e quando e com qual intensidade participavam.
A solução foi dada por Michael Ogawa, usando um software chamado code-swarm, que cria apresentação intuitivas de processos coletivos no tempo.
Você verá os nomes dos desenvolvedores flutuando sobre a tela e os arquivos nos quais trabalham, representados por pontos. Pontos vermelhos são arquivos do core do projeto, azuis são arquivos de documentação e amarelos são módulos. Quando um arquivo passa a fazer parte do projeto, ele acende e flutua em direção ao seu autor. No canto inferior direito aparece a data dos eventos. Na barra inferior aparecem o tamanho e a data dos arquivos. Quanto mais um programador participa do projeto, mais central é sua posição na tela.
code_swarm - Python from Michael Ogawa on Vimeo.
O vídeo é bacana e bem cuidado. Você reparou a densidade de informações contida nele? Desse vídeo um estudioso do desenvolvimento OpenSource poderia retirar uma série de informações. Por exemplo:
- Qual o momento em que o desenvolvimento deixa de ser somente do core da linguagem e os módulos começam a tomar maior importância?
- Quais desenvolvedores cuidaram mais da documentação em cada período do desenvolvimento?
- Quem era o programador mais atuante em cada momento?
- Em que momento a linguagem passou a ser aceita por outros desenvolvedores e decolou?
B. Infografia
Na verdade, Michael usou um programa para fazer a animação, pois a quantidade de dados que queria mostrar era muito grande. Mas a essência da questão continua a mesma: condensar informação em pouco espaço. A infografia nasceu em mídia impressa, como as que vemos nos jornais ou em revistas do tipo SuperInteressante e Mundo Estranho, mas expandiu-se para outras mídias, como vídeo e a hipermídia. Neste último caso, o infográfico é interativo e responde à interação do usuário.
Abaixo, o exemplo de infografia que consta da página da wikipedia sobre o assunto.
Infográfico para jornal feito por usuário wiki reconstituindo a queda do dirigível Hindenburg
Aqui você encontra vários tipos de visualização de informação, organizados em uma metáfora da tabela periódica de elementos químicos...
Mas quando um infográfico é necessário?
Bem, principalmente quando existe muita informação para ser transmitida num espaço ou período de tempo escasso.
Como você faria para mostrar o faturamento dos filmes deste ano nos EUA? Um infográfico pode apresentar o conteúdo desta forma. Ao passar o mouse sobre a área de um filme, você pode consultar o faturamento no canto esquerdo superior da tela.
Os infográficos, na web, podem ser animados. Veja este exemplo, explicando como ocorrem as turbulências em viagens de avião.
Veja abaixo alguns exemplos de infográficos (alguns estáticos outros interativos)
- Como fazer um infográfico?
- Agência Brasil
- Turbulência
- Saúde Abril
- Usabilidoido
- Glauco Lara
- Medalhistas das Olimpíadas (interativo)
- Grã-Bretanha vista de cima
- Lista de infográficos do portal G1
- Especial do IG sobre acidentes aéreos no Brasil
- El Pais, sobre o acidente da TAM.
- Que se pode fazer com 25 metros quadrados?
- É melhor alugar ou comprar?
- O jogo do candidato
- Sistema de transporte
- Eleições nos EUA - as primárias
- Alugar onde?
- Visita a um museu
- Faces of Dead in Iraq
- El Pais: as partes de um violino
- Estrangeiros nos EUA
C. Exercício
Elabore o esboço de um infográfico a ser implementado em seu trabalho interdisciplinar.