Valeu De!

O primeiro LIDE aconteceu na Editora Abril neste sábado (23/05) e a abertura começou com um dos mestres da infografia no mundo: Alberto Cairo (Universidade Carolina do Norte), junto com Mario Kanno (Folha de São Paulo) falando sobre a Infografia no Brasil hoje.
Em seguida Rodrigo Ratier (Editora Abril) falou “como ensinar jornalistas a pensar visualmente”, o terceiro palestrante foi Leonardo Aragão (G1) e falou sobre “como aumentar a interatividade nos gráficos online”. Marcelo Pliger e Eduardo Asta (Folha de São Paulo) falaram de cases e processos feitos nos infos do caso Isabela na Folha e por último quem palestrou foi Fábio Sales (Estado de São Paulo), contou um pouco o que viu no Malofiej 17.

Os palestrantes falaram de assuntos diversificados e específicos de cada área e isso deixou o rítmo muito dinâmico, atingindo um alto nível de qualidade. Tive a sensação do tempo não ser suficiente para os palestrantes, por isso acho que o próximo poderia tomar o dia todo! =)
Parabéns Renata Steffen e Ale Kalko pela organização. Quero mais!

Segue abaixo algumas fotos que cliquei no encontro:

LIDE - Abertura com Alberto Cairo

LIDE - Alberto Cairo palestrando

LIDE - Alberto Cairo respondendo as perguntas

LIDE - Rodrigo Ratier palestrando

LIDE - Fabio Sales palestrando

LIDE - Fabio Sales palestrando

Aproveito a ocasião para compartilhar alguns links bons para quem quer mergulhar no mundo da infografia:

Cool Infographics
Information Aesthetics
Infografistas.com
Infograthinking

Ou então:
Filtrar pela Tag Infografia deste Blog.

Trabalhei neste conjunto de infográficos por um período em que o Infografista Espanhol Alberto Cairo estava dando consultoria na empresa.
Foi uma experiência única entrar de cabeça no mundo da infografia e saber de fato qual é a função de um infográfico, como informar de maneira eficiente e qual é o objetivo de cada peça.

Minha participação foi na navegação e produção dos infos com a consutoria do Alberto Cairo.

Na imagem acima listei os 5 infográficos que fizemos, que são eles:

1) Cidade Política (fora do ar)
2) O que diferencia os humanos dos animais
3) Os maiores lagos do mundo
4) Arco e flecha
5) Esgrima

Infográficos são caracterizados pela informação textual e imagens que complementam e ajudam a tornar a informação inteligível. Um info pode se estático ou animado, impresso ou digital, linear ou interativo…
Diversos portais, jornais e revistas no mundo usam a infografia para explicar como coisas funcionam, como aconteceu tal notícia, para mostrar de forma agradável e criativa as estatísticas de uma campanha política por exemplo, ao invéz de disponibilizar gráficos de pizza ou tabelas enfadonhas.

Se quiser saber e ver mais (muito mais!) sobre infografia, acesse meu delicious.

O infográfico “Os piores discos de todos os tempos” saiu primeiramente da revista Mundo Estranho edição 74 e foi adaptado para internet, como diversos outros infos que são feitos na redação.

Na dupla da revista, legumes de diversos ângulos atingem os artistas. Me baseando nesta idéia, na versão online o usuário pode atirar tomates, ovos e etc para ver curiosidades e ouvir trechos dos piores discos da história.

Abaixo as imagens do legumes em movimento que foram animadas no info.

Logo na abertura do info você poderá ver uma instrução básica e rápida de como navegar.

Fiz o layout e conceito de navegação, mas deixei a programação com o parceirasso Elton Prado, programador do site da Superinteressante que sempre colabora com muito empenho em várias de minhas pirações “flashmaníacas”. Valeu Elton!

Veja o info

Comparando as estátuas

Este infográfico surgiu a partir da versão impressa que saiu na revista Mundo Estranho edição 71

O conceito de criação foi simples: Ser intuitivo e possibilitar uma experiência ao usuário. Experiência pode ter um sentido de experimentação descuidada e irresponsável, por isso, ao invés de ficar testando o usuário e correr o risco dele não ter paciência e sair, adicionei um botão de acesso às “dicas de navegação” que você pode ver no canto superior direito, aí você não deixará de passar por nenhum lugar no info.

Muitos infográficos que vemos são em geral super lineares. Sim, é fácil de entender e óbvio de navegar, mas é sem sal, não te fornece essa tal experiência que falo, não surpreende. Claro, cada caso é um caso. Existem infos que não tem como não ser linear, porém, como estamos acostumados com o impresso (livros e revistas) onde lemos uma página após a outra, é realmente difícil de pensarmos o “não linear”.

Nesse infográfico o usuário faz as escolhas, não é obrigado a passar por cada fase da informação. Aqui ele escolhe a cor de fundo, se quer linhas ou não, se quer ver informações das estátuas ou simplesmente compará-las visualmente. Neste caso um info linear poderia ser feito porém o usuário talvez não teria opções de troca de fundos e imagens por exemplo.

Outra coisa importante a se falar é sobre legendas e afins, que diferente do impresso, não precisa ficar tudo exposto. Na web a gente pode usar mouse over e clicar, lembra?
É evidente que você lembra, mas as vezes nós esquecemos dos princípios básicos da internet.
No info eu usei um “alt” para legendar os ícones que representam altura, localização, ano e material. Depois de visto a primeira vez talvez o usuário aprenda e passe a visualizar automaticamente as informações das demais estátuas.

Ah! foram feitos rafes antes da concepção gráfica, claro:

Veja o Info

Essa é uma versão digital da matéria que saiu na revista mundo estranho.

Veja o info

Fiz um making of diferenciado da Capa da Mundo Estranho de julho. A escolha da imagem original e a concepção da Capa foi feita pela Alessandra Kalko e a manipulação de imagem foi do ferassa infografista Luiz Iria.
Com base na imagem original e da imagem manipulada, tive a idéia de poder comparar e acompanhar o processo de envelhecimento através de uma animação ativada pelo botão “play” ou do controle manual na barra de progresso.

Texto do Fabio Volpe e programação do Bruno Xavier

Veja o info

Não, não embarcamos na onda do oportunismo da crise aérea para criarmos este hotsite de infográficos especial de aeroportos, porém com toda essa confusão nos aeroportos faz despertar ainda mais a curiosidade de como tudo funciona, né?

Tudo começou na Edição 64 da Revista da Mundo Estranho, onde tem a primeira dupla com um infográfico explicando como funciona o controle de tráfego aéreo. Depois vieram as edições 65 e 66 com mais 2 infos bacanérrimos. A partir daí o nosso chefe Fábio Volpe teve a idéia de transformar isso em infográficos-online, onde o usuário pudesse obter todas as informações sobre os três infos em um só lugar.

Fiz a navegação, design e programação do hotsite e a Ilustração é do Gabriel Silveira, colaborador da revista.

O conceito de navegação da peça foi criado para que o usuário possa “controlar” o que ele vê, ativando e desativando as legendas, passando o mouse sobre onde ele quiser ler as informações ou simplesmente sobrevoar o info para curtir a ilustração.

Então vai lá, dê uma pilotada no hotsite e viaje nas informações dos infos!! {fora do ar}