Infografe Mario Kanno Pag Simples

Infografe
Como e porque usar infogrficos para criar visualizaes e comunicar de forma imediata e eficiente MRIO KANNO
1
CO EX M EM DIC PL AS O E S
MRIO KANNO
Infografe
Como e porque usar infogrficos para criar visualizaes e comunicar de forma imediata e eficiente
Edio eletrnica So Paulo INFOLIDE.COM 2013
Sobre o autor, Mrio Kanno Bacharel em Comunicao Social (Publicidade e Propaganda) pela Escola de Comunicaes e Artes da Universidade de So Paulo (ECA-USP) Profissional da Editoria de Arte da Folha de S.Paulo desde 1989 onde exerce atualmente a funo de Editor Adjunto, mais focado em especiais, web e TV Prmios: Folha, Abril, SND, Malofiej Professor do curso de Jornalismo Multimdia (ps-FAAP). Deu aulas no IED So Paulo (Istituto Europeo di Design), ECA/USP, Faccamp e Csper Lbero Organizador da Mostra Nacional de Infografia Membro do INFOLIDE, grupo de designers e jornalistas que promove encontros, cursos e palestras voltados ao aprimoramento do jornalismo visual e infografia Agradecimentos Agradeo a Folha e ao Otavio pela cesso das imagens utilizadas neste livro e pela oportunidade de trabalhar e aprender com alguns dos melhores jornalistas do pas. A todos com o qual tive o prazer de trabalhar, em especial aqui meu chefe/parceiro Fbio Marra. Ao Lucas Toffoli que ajudou na montagem e reviso. E, a minha famlia: Rose, Gustavo, Branquinho, Seu Jorge, Dona Elza, Si e Ju.
APRESENTAO
Trecho do PNLD 2014 (PROGRAMA NACIONAL DO LIVRO DIDTICO)
Este livro no apenas para jornalistas apesar de ter sido pensado originalmente durante um semestre no qual tive o prazer de voltar a ECA-USP (onde me graduei) como professor convidado para dar aulas de Jornalismo Visual e Infografia. Distante de ser um trabalho acadmico, o contedo rene minha experincia em mais de 20 anos trabalhando com infogrficos nas mais diversas funes e tipos de publicao ( jornal, revista, video, web e at Power Point). Trabalhei com uma enorme variedade de profissionais e as mais diferente pautas que se possa imaginar. Acho interessante como cada novo assunto representa um novo desafio visual, como um amontado de textos e dados aparentemente sem conexo vo ganhando significado conforme o infogrfico vai ficando pronto. Acompanho tambm a dificuldade que as pessoas tem em adotar uma retrica visual. Como no conseguem sair de um mundo feito s de texto para criar e usar imagens, grficos, mapas e diagramas. Espero que este livro ajude.
5
SUMRIO
INTRODUO......................................................................................... 7 INFOGRAFIA E JORNALISMO VISUAL........................................10 ORIGENS DA INFOGRAFIA............................................................. 36 COMO PRODUZIR INFOGRFICOS............................................. 55 Artes-texto..............................................................................................74 Grficos................................................................................................... 87 Mapas...................................................................................................... 99 Diagramas ilustrados......................................................................... 104 FAA SEU INFOGRFICO BRILHAR........................................... 118 PENSE A PGINA COMO UM TODO........................................... 144 ANEXO 1: DICAS PRTICAS DE INFOGRAFIA........................ 146
INTRODUO
Eu vejo o jornalismo, principalmente o jornalismo investigativo dos grandes jornais, como uma orquestra sinfnica. No pelo lado de ser uma conjuno de especialistas trabalhando em sintonia, pois alguns grandes jornais parecem mais tocar o samba do crioulo doido. Mas por de ser uma grande e cara estrutura, cheia de regras e melindres, que chegou a ter seu apogeu quando enchia os sales e todas as grandes metrpoles eram obrigadas a ter sua prpria sinfnica, disputando maestros e virtuoses. E vejo tambm como a sofisticao e a pompa da msica clssica praticada pelas orquestras foi evoluindo de tal forma que os msicos j no compunham para os ouvintes, disputavam entre si quem faria a melodia mais inovadora ou difcil de ser reproduzida. Dane-se o pblico. Deu no que deu. Grandes orquestras desapareceram, outras sobrevivem com dificuldade ou tentam se encaixar s mudanas at hoje. O pblico continua a ouvir msica. Danem-se as orquestras. Foi do prprio Otavio Frias Filho, diretor de redao da Folha de S.Paulo, o maior e mais influente jornal do Brasil, que ouvi o co7
mentrio de que alguns jornalistas no esto escrevendo para os leitores, escrevem para si mesmo e para os outros jornalistas. Para qu? Para ter sua assinatura grafada no incio da reportagem. Se o leitor entendeu a reportagem? Dane-se o leitor. Mas o leitor no se preocupa com isso. Para substituir sua sede de informao (estamos na Era da Informao) ele tem a TV, que tambm conta com uma estrutura grande, mas lembra mais um megashow de rock e continua atingindo massivamente uma audincia passiva. E tem a internet, que alm de reproduzir o contedo dos grandes jornais, conta com os blogs. Na analogia da msica, estes so como cantores de rap, disparando informao s vezes sem preciso, compromisso ou responsabilidade. Mas isso tambm no preocupa o leitor. Ele inteligente e, como recebe informao de vrias fontes, tem capacidade para cruzar dados e investigar mais se achar necessrio. Pode at, vejam s, comprar um jornal ou uma revista s para confirmar o que ouviu dizer na TV, no rdio ou na internet. Ou seja, o leitor vive sem jornal (impresso ou digital). Mas e o jornal? Ser que os jornalistas acreditam mesmo que vo viver sem leitores? Que os leitores continuaro pagando por uma informao que eles no conseguem entender? sobre como melhorar a transmisso da informao -digital ou impressa- e que este livro vai tratar. A infografia e o jornalismo visual vieram para ficar. O jornal Orquestra Sinfnica com textos rebuscados e obscuros tem que dar lugar a um novo jornalismo onde a iconografia (fotos, infogrficos e ilustraes) atue para que as informaes contidas nas reportagens sejam entendidas e satisfaam
8
nossos queridos e essenciais leitores. Enquanto os jornalistas continuarem esquecendo que comunicar no oferecer ao leitor um bloco hermtico de texto e que a comunicao s acontece quando o receptor (leitor) entende a mensagem transmitida, a discusso sobre o futuro do jornal no vai dar em nada.
InfoGrafia e Jornalismo Visual
Denomina-se jornalismo visual a pratica de combinar estrategicamente texto e imagens para melhorar a eficincia da comunicao jornalstica. Os textos (informao verbal) podem ser escritos ou falados, j as imagens (informao grfica) podem ser transmitidas utilizando fotografias, infogrficos, ilustraes, cores, fios, formas, branco, tipografia, filmes, animaes. Nesse contexto, o infogrfico (termo originado de information graphics) uma ferramenta com o mesmo objetivo, comunicar combinando imagens e palavras, e que faz uso dos mesmos recursos. o jornalismo visual dentro do jornalismo visual. O que vai diferenci-lo a ausncia do texto/narrativa convencional (colunas de texto) que substitudo por cotas, legendas e blocos de texto em tpicos e o uso intensivo de diagramas representao grfica de fatos, fenmenos ou relaes por meio de figuras geomtricas (pontos, linhas, reas etc.). Por contar com todos os recursos disponveis na comunicao grfica e, normalmente, ter regras mais flexveis quanto diagramao, o uso de cores, fios e formas, e o tamanho/uso da tipografia, o info10
grfico tem uma enorme vantagem no sentido de se diferenciar do texto convencional, valorizando as pautas e oferecendo ao leitor uma forma alternativa de leitura. comum encontrar definies afirmando que o infogrfico ilustra e d mais clareza a assuntos difceis, ou que os leitores podem entender coisas complexas como estruturas, relaes geogrficas, processos ou aes de causa e efeito. isso, mas no bem isso. O que acontece na verdade que h assuntos que o texto sozinho no capaz de explicar com clareza, e, por isso, o assunto acaba parecendo complexo e difcil. Ou seja, h muitos casos nos quais o texto no a forma adequada para transmitir a informao. Tomemos o mapa, a figura mais antiga da infografia, como exemplo: algum tentaria fazer os mapas em forma de texto corrido? No! Pois todos sabem que o mapa (infografia) cumpre melhor a funo de representar esse tipo de informao. O infogrfico no tem o poder milagroso de fazer coisas complexas ficarem simples, ele apenas a melhor maneira de representar certo tipo de informao. Da mesma forma que o texto o meio mais eficaz de descrever outros tipos de informao e a foto mais eficiente em outros casos. essa a principal vantagem a de poder representar visualmente informaes que a foto e texto no representam com eficincia que os jornalistas devem ter em mente quando comeam a pensar em como vo contar sua histria. Outro aspecto vantajoso da infografia na comunicao, em especial no didatismo, o uso de uma linguaguem verbal mais direta, dividida em tpicos, que permite uma leitura mais rpida e compreenso mais imediatada por parte dos leitores.
11
O leitor pode ainda navegar pelo infogrfico com maior facilidade, indo e voltando a cada um dos tpicos de informao numa leitura no-linear, diferente da que encontra no texto organizado em mdulos e colunas. acrescentando informao visual e criando uma alternativa narrativa convencional, em especial nas mdias impressas, que a infografia est avanando, colaborando para um jornalismo mais visual para atender aos consumidores de informao. Por que fazer um jornalismo mais visual No apenas por influncia da TV, das revistas ou da internet que os consumidores (leitores) esto mais visuais. O ser humano um ser visual. de sua natureza assimilar primeiro as imagens. Primeiro, ns aprendemos visualmente, depois comeamos a falar e muito depois conseguimos entender e escrever as palavras. Num exemplo acadmico recorrente: se eu disser cadeira no sero as letras e slabas que formam a palavra que iro aparecer na sua mente, mas a imagem de um objeto que nosso crebro associa com uma cadeira. Embora a maior parte do conhecimento humano esteja registrada de maneira verbal, grande parte de nossa memria e da maneira como compreendemos o mundo so visuais. Foi da representao de imagens feitas em pedra (petrglifos) que surgiram alguns dos primeiros registros conhecidos feitos pelo homem. Essa forma de representao evoluiu at chegar a uma linguaguem composta de pictogramas, como os cuneiformes da Sumria e os hierglifos egpcios. Eles abriram caminho para a escrita atual em um processo que durou milhares de anos. Mesmo depois de inventada
12
a escrita ela era acompanhada de outras formas de representao, como nas ilustraes das antigas bblias, que, alis, precisavam ser ricas em imagens pois grande parte da populao era analfabeta. Da poca do Renascimento, os registros tcnicos do italiano Leonardo Da Vinci so exemplo de integrao da imagem com o texto, verdadeiras obras de arte da visualizao de dados. A imprensa ajudou a separar a imagem do texto A introduo da imprensa e seu processo industrial de tipos mveis, inicialmente limitado, fizeram com que a comunicao verbal (escrita), se separasse da no-verbal (imagem). As mquinas eram feitas privilegiando a reproduo do texto e quase toda iconografia foi sendo suprimida. Foi com maquinrio ainda rudimentar que surgiram os primeiros jornais; da vem o uso intensivo e quase exclusivo da escrita como registro da informao, enchendo as pginas de texto. Associa-se ainda a idia de que quanto mais texto, mais informao. A introduo dos computadores pessoais nas redaes, que aconteceu nos anos 80, e os avanos nas tcnicas e mquinas de edio, diagramao e impresso abriram espao para que a linguaguem iconogrfica voltasse a ser reconhecida como forma legtima e eficaz de registrar a informao. Ao mesmo tempo, o acesso do consumidor s informaes imediatas disponveis no rdio, na TV e na internet faz com que os jornais no tenham que se preocupar tanto com a quantidade de informao, e sim com a qualidade do que publicado.
13
A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA
Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite
100%
Texto
Dirio inicia com uso da tipografia manual
1921
14
A empresa adota a linotipia
1949
15
O jornal pioneiro em impresso off-set
1967
16
Jornal adota o istema eletrnico de fotocomposio
1971
17
Cor e computadores para infografia
1989
18
implantado o sistema de paginao eletrnica
1990
19
Uso intensivo e at exagerado da cor
1994
20
Inaugura novo centro grfico
1995
21
Projeto grfico j visava leitura mais rpida
2006
22
Infografia
65%
Texto
15% 20%
Foto
Aposta no infogrfico como diferencial de qualidade
2012
23
QUASE 100 ANOS DEPOIS
Passado 100% texto
Presente 60% texto
0% imagem
40% imagem
Mas os jornalistas continuam os mesmos
24
A iconograa e os leitores O impacto da reintroduo da iconografia est descrito nas pginas a seguir. So resultados de pesquisas para medir o que os leitores veem quando olham uma pgina de jornal. O primeiro grfico (Poynter Institute) mostra que apenas 25% dos leitores v o texto, enquanto 80% veem os infogrficos. Podemos entender que, se o poder de atrao da infografia for usado corretamente teremos uma comunicao mais eficiente. O quadro a seguir refora o poder da iconografia. tambm resultado de uma pesquisa do tipo eye-tracking com jornais escandinavos feita a pedido do SND/S (Society for News Design Scandinavia). As linhas vermelhas e pretas indicam por onde passou o olhar do leitor enquanto olhava as matria, os crculos representam onde seu olhar fixou, repare que, quando texto e imagem esto separados, o olhar do leitor pula o texto e vai direto para as imagens. O mais interessante e revelador para o jornalismo visual o segundo exemplo, quando as imagens e o texto atuam em conjunto. Note como o olhar do leitor passeia pela informao indo e voltando, fixando o olhar ora no texto, ora nas imagens. Por ltimo, em 2008 o Poynter Institute conduziu nova pesquisa com leitores. Foram produzidos trs modelos de pgina para testar a eficiencia de narrativas alternativas. No modelo 3, o que obteve melhor resultado, no h uma linha de texto tradicional no apenas nos formatos, mas tambm na maneira como esto escritos. Para substitui-lo usaram infogrficos e textos em tpicos nas formas de perguntas e respostas, linha do tempo, ficha, passo a passo e box de nmeros.
25
O QUE O LEITOR V
Elementos nos quais o leitor foca o olhar, segundo a pesquisa americana
Infogrficos e fotografias lideram; apenas um em cada quatro leitores foca o olhar no texto tradicional
80%
Infogrficos
75% 56%
Ttulos Fotos
25%
Texto
29%
Legendas
31%
Notas
52%
Anncios
Fonte: Eyes on the News, Garcia, M.R. and Stark, P. (1991). St. Petersburg, Florida: The Poynter Institute.
26
COMO O LEITOR L
Exemplos de caminho do olhar do leitor em pesquisa eye-tracking*
TEXTO E IMAGENS SEPARADOS As linhas vermelhas e pretas representam o caminho do olhar na pgina. O tamanho dos crculos proporcional ao tempo que o olhar se fixou na imagem
TRECHO DAS CONCLUSES Pelos nossos dados, textos acompanhados por imagens so observados por um tempo significantemente maior. Textos com infogrficos, contudo, so observados por um tempo ainda maior do que os textos com outros tipos de imagens. Infogrficos aumentam o tempo de leitura mais do que qualquer outro tipo de imagem
RESULTADO Texto tradicional ignorado. Ttulo e infografia monopolizam o olhar
TEXTO E IMAGENS INTEGRADOS
RESULTADO Infografia integrada ao texto aumenta a leitura
Fonte: Tracing Integration of Text and Pictures in Newspaper Reading, Jana Holsanova, Nils Holmberg & Kenneth Holmqvist, Lund University Cognitive Science.
27
QUAL PGINA COMUNICA MELHOR?
Pesquisa qualitativa realizada pelo Poynter Institute (Flrida, EUA) testou trs modelos de pgina com o mesmo contedo
Modelo 1 Texto tradicional forma em um nico bloco de quatro colunas
Modelo 2 Texto tradicional ocupa uma coluna. Restante foi dividido tpicos
28
QUAL PGINA COMUNICA MELHOR?
Pesquisa qualitativa realizada pelo Poynter Institute (Flrida, EUA) testou trs modelos de pgina com o mesmo contedo
Resultado
Os textos em tpicos formando perguntas e respostas, linha do tempo, ficha, passo a passo e box de nmeros ajudaram os leitores a memorizar e compreender os fatos. Leitores do modelo 3 a mais visual, sem a narrativa tradicional responderam maior parte das questes corretamente.
Modelo 3 Sem texto tradicional, apenas texto em tpicos
Fonte: Eyetracking The News: A Study Of Print And Online Reading, Poynter Institute. (http://www.poynter.org/extra/Eyetrack/keys_03.html)
29
Ou seja, no se trata de eliminar a informao em forma de texto, mas de buscar tratamentos grficos variados, combinando informao visual, para que os leitores tenham mais entradas de leitura e formas alternativas de representao para que a mensagem seja transmitida. importante que o jornalista compreenda que a reportagem no se restringe ao seu valioso texto assinado. A reportagem inclui a foto, o infogrfico, a diagramao e outras formas no-verbais, e ele prprio, reprter ou redator responsvel pela reportagem, a pessoa mais indicada para escolher qual a melhor alternativa para transmitir sua mensagem. A ideia no acabar com o todo o texto e transformar tudo em grficos e fotos. O foco entender que em certas situaes da edio preciso fazer uma opo e substituir os tradicionais bloco de texto por outras formas de registro da informao. O novo jornalista A indstria da informao est sendo cruel com os jornalistas. Ao mesmo tempo que so empurrados para se tornarem especialistas em determinados assuntos, eles tambm precisam fazer com que suas cabeas trabalhem como uma minieditoria. Pensar e produzir a matria como um todo. A investigao e apurao passaram a ser apenas parte de suas tarefas. Hoje, quando recebe uma pauta, ele precisa pensar tambm no desenho da pgina, na foto e no infogrfico, ou ilustrao. Em situaes limite, ele prprio quem tira foto e edita os infogrficos. H ainda as verses para internet, celular e blogs muita coisa para qualquer pessoa, mas o jornalista no precisa, nem deve, resolver tudo sozinho.
30
O FUTURO DO JORNAL E O JORNALISTA DO FUTURO

Cobertura de 2009 j revelava uma tendncia cada vez mais presente: o jornalista-faz-tudo
Enviado especial a Washington em 2009, o reprter Fernando Canzian produziu o texto principal, coletou nmeros para o infogrfico e ainda fez as fotos que ilustravam sua matria Hoje, alm destas tarefas, tem que pensar e produzir vdeos para a TV e alimentar um blog na internet
31
Os jornais e os leitores vo ganhar muito se os profissionais do texto aprenderem a trabalhar em conjunto com os infografistas, diagramadores e fotgrafos. So raros os reprteres que conseguem imaginar sozinhos qual a tipo de tratamento visual sua reportagem deve ter e mesmo estes tm o seu trabalho mais bem finalizado se podem contar com a ajuda de outras pessoas para encontrar a melhor maneira de contar visualmente suas histrias. A sinergia resultante da soma de esforos ajuda a sair dos lugares comuns e encontrar solues adequadas e originais. Em vez de trabalhar sozinho, o jornalista deve envolver infografistas, diagramadores, fotgrafos e at o banco de dados na apurao da histria. Isso se faz, dentro das redaes, com uma comunicao mais detalhada da pauta. Em uma pauta sobre hidroeltricas, por exemplo, existem inmeras abordagens possveis. Se os profissionais responsveis pelo contedo visual no souberem com clareza qual o objetivo da pauta, provvel que na hora de fechar a matria haja um texto contando uma histria, um grfico ou mapa contando outra e ainda uma foto com uma terceira histria. A falta de tempo no a culpada para falhas na comunicao interna das redaes. Trs horas em uma revista no so nada, nos jornais tempo suficiente para uma cobertura de grande porte, na internet uma eternidade. A culpa mesmo da falta de cultura visual dos responsveis pela informao, que s conseguem pens-la na forma de texto. Eles devem ter em mente que, no jornalismo que fazemos hoje, as imagens (fotos, infogrficos e ilustraes) devem ser pensadas como informao e mesmo o texto deve buscar novas solues na diagramao, formatos que ajudem o leitor a encontrar o que procura e que usem uma linguaguem mais direta e diferenciada de
32
acordo com seu contedo. Diviso de culpa Responsabilizar apenas os profissionais de texto pela falta de cultura visual ignorar boa parte do problema. Diagramadores, infografistas e fotgrafos tambm tm sua parcela de culpa. Na contramo dos jornalistas, muitas vezes eles preferem privilegiar uma imagem sem informao relevante apenas por seu valor esttico. Esses profissionais tambm precisam comear a aprender jornalismo e valorizar mais a informao que a esttica. S assim deixaro de ser decoradores de pgina e tero respeito profissional dentro das redaes. Na imprensa brasileira, comum que a infografia e a diagramao sejam chamados de Editoria de Arte, ou Departamento de Arte, mas eles no devem se deixar seduzir pela denominao. No arte o que fazem. Eles so os maiores responsveis para que o jornalismo visual seja bem executado. Cabe a eles decidir junto com os reprteres quais as melhores alternativas grficas e iconogrficas para cada histria a ser contada. E orient-los. Culpar os profissionais de texto por no pensarem visualmente fcil. Assumir uma postura ativa, estar por dentro do noticirio, desenhar com responsabilidade jornalstica, utilizar imagens claras e bem articuladas com o texto, interferir no contedo colaborando na apurao, ir ao local da notcia, escrever o texto, se necessrio, e ter a capacidade de antecipar as coberturas o novo desafio das Editorias de Arte. Assumir, enfim, que no so artistas, so jornalistas visuais.
33
COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 1

JORNALISMO TRADICIONAL Prioriza o texto, acredita que s ele contm e transmite informao. Funciona como uma linha de montagem Aciona apenas o reprter ou o redator
PAUTA
JORNALISTA QUEM ESCREVE
Reprteres e redatores Iniciam a apurao que vai sendo traduzida em forma exclusiva de textos sem pensar nas imagens
Fotografia Recebe na ltima hora o pedido para produzir uma foto no local x, horrio y. Desconhece o enfoque jornalstico
Infografia e diagramao Tm de inventar alguma soluo grfica para acomodar nmeros, textos e imagens desconexos. De preferncia com um desenhinho
EDIO Reprteres e redatores No se interessam pelo jeito que a notcia vai estar apresentada desde que esteja com a assinatura. Sua parte est feita, agora o problema do leitor
No pensa na imagem e define a pgina sozinha Infografia e diagramao Das duas uma: ou joga a culpa no projeto grfico ou partem para enfeitar a pgina e o infogrfico com cores e tipografia de efeito apenas decorativo
Fotografia Seleciona a foto mais pelo tamanho do que pelo contedo. Nao raro acaba tendo que optar por uma foto do banco de imagens
RESULTADO Pgina fraca onde texto, foto e infogrfico no se integram e contam histrias diferentes. Fechou, amanh vamos fazer igual!
34

JORNALISMO VISUAL Prioriza o trabalho em equipe. Entende as funes de foto, texto e infografia Aciona toda a equipe. Tenta dimensionar a notcia e aponta solues
PAUTA
TODOS SO Reprteres e redatores Iniciam a apurao sempre pensando em qual a melhor maneira de contar a histria: texto, foto, infografia ou ilustrao
JORNALISTAS Infografia e diagramao Ajudam na apurao e interpretao dos dados. Buscam solues mais adequadas. Pensam na pgina Fotografia Ciente do enfoque, tem condies de contribuir na narrativa, buscando imagens que acrescentem histria
EDIO Infografia e diagramao So os principais responsveis pelo discurso visual da pgina. Testam alternativas at chegar a uma que melhor valorize a informao, seja ela imagem ou texto Reprteres e redatores Tomam cuidado especial com os textos que fazem parte da narrativa visual (ttulos, infogrficos e legendas) orientando a leitura
Define a pgina junto com a equipe Fotografia Sintoniza as fotos selecionadas com a cobertura, buscando fotos que dialoguem com os ttulos e propondo cortes que valorizem a imagem fotogrfica
RESULTADO Texto, foto e infogrfico formam um conjunto nico que se completa. Fechou, amanh vamos fazer melhor!
35
ORIGENS DA INFOGRAFIA
A infografia em jornais e revistas s comeou a ganhar flego e certa independncia com a disseminao da cor na mdia impressa, em meados dos anos 80 do sculo passado. No entanto, os estudos dos professores Michael Friendly e Daniel J. Denis, da Universidade de York, Canad, nos fazem lembrar que a visualizao de dados j existia fora das grandes mdias de consumo e remonta a tempos muito mais distantes, sendo anterior escrita como forma de registro e comunicao. O sensacional trabalho de Friendly e Denis est acessvel via internet e deve ser consulta obrigatria para profissionais de design e jornalistas visuais: http://math.yorku.ca/SCS/Gallery/milestone/ leva pgina, em ingls, que descreve os principais momentos na histria da visualizao de dados (Milestones in the History of Thematic Cartography, Statistical Graphics, and Data Visualization, an illustrated chronology of innovations by Michael Friendly and Daniel J. Denis). H inclusive uma verso resumida em pdf escrita em portugus.
36
PRIMRDIOS DA VISUALIZAO DE DADOS
Pinturas em cavernas
c. 30.000 a.C.
O primeiro mapa gravado em pedra representa moradias e, ao fundo, um vulco
c. 6.200 a.C.
O mundo segundo Anaximandro de Mileto (c.610 a.C.- 546 d.C.)
c. 550 a.C.
37
fato que a comunicao visual precede a escrita e pode ter influncia direta na maneira como reagimos a sinais visuais como gestos, cores e smbolos. O verde das matas e o vermelho do fogo estariam impregnados em nosso incosciente, sinalizando o bom e o ruim para o homem primitivo. H 30 mil anos o homem j fazia registros em cavernas. Se pretendiam contar uma histria no se sabe, mas algumas pinturas sobreviveram. Os petrglifos, smbolos esculpidos em rocha, so reconhecidos como evidncia de uma forma de linguaguem grfica em sociedades primitivas. Uma dessas gravuras em rocha, encontrada perto de Kirkuk no Iraque, aceita como a representao de um mapa de uma cidade da antiga Babilnia. um dos primeiros registros conhecidos no qual o homem no apenas grafa um smbolo, mas transforma dados geogrficos em informao visual, sinalizando casas e ruas. A seguir, traamos uma breve cronologia da visualizao de dados a partir da diviso histrica feita por Friendly e Denis. At o sc. 16: Primeiros Mapas e diagramas A origem da visualizao reside nos mapas e no difcil imaginar o quanto era importante para os povos primitivos saber a localizao geogrfica de rios, montanhas, plantaes e aldeias (amigas e inimigas). A posse de conhecimento desse tipo de informao era essencial para a sobrevivncia dos povos, tanto para o comrcio como para conquistas.
38
APERFEIOAMENTO DOS MAPAS E PRIMEIROS GRFICOS
Ptlomeu (c.85-c.165) fez a primeira projeo esfrica da Terra usando latitudes e longitudes
c.150
O bispo francs Nicole dOresme (1323-1382) prope o uso de grficos de barras para demonstrar visualmente uma grandeza numrica
c. 1350
Rumold Mercator (1545-1599), filho de Gerardus continua seu trabalho e publica este mapamndi em 1595, um ano aps a morte do pai
1595
39
Outros tipos de representao grfica podem ter sido abandonados ou substitudos aps o advento da escrita, mas a cartografia se manteve acompanhando todos os desenvolvimentos tecnolgicos da humanidade. 8200 anos depois do primeiro mapa conhecido, ainda ficamos maravilhados com GPS nos carros ou olhando nossas casas no Google Earth. As sociedades antigas sabiam que a cartografia no era apenas um smbolo de conhecimento, mas tambm de poder. Permitia garantir fronteiras e propriedades, delimitar inimigos e encontrar os melhores caminhos para os atacar ou para se proteger. Assim, a humanidade sempre registrou o mundo conhecido em mapas. O primeiro mapa-mndi teria sido feito pelo grego Anaximandro de Mileto (c. 610 a.C.-546 a.C.) e representava a Terra no formato de uma pizza, com oceanos em suas bordas, mas mostrando apenas as partes ento conhecidas da Europa, frica e sia. difcil imaginar que esta imagem tenha exercido uma influncia negativa ao mpeto de desbravadores rumo aos limites das terras conhecidas. Com o passar do tempo, a preciso cartogrfica foi sendo apurada e as trocas comerciais revelaram novas terras, ampliando o mundo conhecido at chegar aos mapas que usamos atualmente. Foi Gerardus Mercator (1512-1594), matemtico e gegrafo quem revolucionou a cartografia ao desenvolver o mapa-mndi em projeo cilndrica. Esse sistema permite que os dados da esfera terrestre possam ser representados em um mapa plano. Embora criando distores visuais (a Groenlndia parece maior do que a Amrica do Sul, por exemplo) seu trabalho um marco na representao geo40
grfica da Terra. Rumold Mercator (1545-1599), filho de Gerardus, continuou o trabalho e publicou o mapa-mndi em 1595, um ano aps a morte do pai. nesse perodo que aparecem tambm as primeiras abstraes grficas envolvendo variveis. Associados astronomia, grficos de linhas descreviam as trajetrias dos planetas e estrelas. Os grficos de barras foram criaes do bispo e matemtico francs Nicole dOresme (c. 1323-1382) para demonstrar diferenas de valores. O personagem mais eminente na visualizao de dados moderna foi sem dvida o italiano Leonardo da Vinci (1452-1519). Todo seu trabalho era transposto em ilustraes detalhadas que retratavam a anatomia, as mquinas e os movimentos, criando uma linguaguem que associava texto e imagem no muito diferente da encontrada atualmente em infografia de jornais e revistas. 1600 a 1699: Medies e teorias mais simples entender os avanos da visualizao de dados captando os momentos histricos da sociedade. A expanso martima, a acelerao das viagens e do comrcio levaram a representao visual para os campos da medio fsica (tempo/distncia), da astronomia, da navegao e da expanso territorial. O crescimento das cidades e das riquezas favorece o aparecimento de estimativa e estatstica. A cartografia ganha novas projees para substituir os desvios visuais criados por Mercator e os grficos se tornam mais disseminados e precisos.
41
NOVAS FORMAS DE REPRESENTAO
O italiano Leonardo da Vinci (1452-1519) transpe seu conhecimento em ilustraes detalhadas para retratar a anatomia, mquinas e movimentos
c. 1500
Grfico de funo mostra como encontrar os anos de vida restantes de acordo com a idade atual, de Christiaan Huygens (1629-1695)
1669
O primeiro mapa topogrfico. Marcellin du Carla-Boniface, Frana
1782
42
INTRODUO DOS GRFICOS MODERNOS

1786
Grfico de barras e de linhas com dados econmicos. William Playfair (1759-1823), Inglaterra
Grfico de pizza circular, de William Playfair (1759-1823), Inglaterra
1801
Publicaes cientficas comeam a contar com grficos e diagramas. Desenho de Michael Faraday (1791-1867), Inglaterra
1820
Cartograma, mapa com a distribuio do analfabetismo na Frana.Talvez o primeiro mapa estatstico. Baron Pierre Charles Dupin (1784-1873), Frana
1819
43
1700 a 1799: Novas frmulas grcas Nesse sculo, os mapas deixaram de ser segredo de poucos e comeam a receber outras camadas de informao alm das geogrficas. Economia, demografia, geologia e sade passam a se utilizar de mapas para transmitir informaes. Cresce o volume de dados e novas formas de visualizao vo sendo introduzidas. Novidades tecnolgicas impulsionam a imprensa e a litografia. O nome mais importante para a infografia atual neste perodo foi William Playfair (1759-1823). Escocs, o engenheiro e economista defendia a ideia que grficos comunicavam melhor do que as tabelas de dados, utilizadas para apresentar os nmeros da economia. Publicou The Commercial and Political Atlas (Londres, 1786) que continha 43 grficos de linha e um de barras. Seus trabalhos se notabilizaram pela clareza visual e elegncia na disposio dos dados. de sua autoria o primeiro grfico de pizza (Playfairs Statistical Breviary, Londres, 1801). 1800-1849: O incio da infograa moderna Um enxurrada de dados propicia um campo frtil para o desenvolvimento das formas de visualizao. Grficos e mapas evoluem para as formas que usamos at hoje. Formas ousadas e alternativas de grficos de linhas, barra e pizza so testadas criando novas figuras abstratas de representao. Escalas cromticas so associadas a regies geogrficas resultando em complexos mapas estatsticos de disperso e concentrao, semelhantes aos publicados nos dias de hoje. Alm de consolidar definitivamente as bases da moderna infografia, no incio do sculo 19 um grande nmero de publicaes cientficas comeou a utilizar grficos e diagramas para descrever fenmenos
44
naturais. Em seus estudos sobre o eletromagnetismo, por exemplo, o ingls Michael Faraday (1791-1867) usa um diagrama simples composto de linhas e setas para descrever a trajetria de campos magnticos, um modelo de simplicidade e eficincia na concepo de informao visual. 1850 a 1900: Era de Ouro das Estatsticas Informaes numricas ganham importncia no controle e planejamento social, poltico e econmico. A visualizao de dados avana usando os recursos conquistados nos perodos anteriores, permitindo a compreenso e anlise de um volume estatstico crescente. As contribuies do matemtico e cientista alemo Carl Friedrich Gauss (1777-1855) e do tambm matemtico e astrnomo francs Pierre-Simon Laplace (1749-1827) deram sentido a esse grande nmero de dados. Para a infograa moderna h pelo menos trs casos particulares que merecem ateno especial. 1855 - A cidade de Londres est abatida por epidemia de clera e, segundo a teoria aceita na poca, a transmisso acontecia atravs do ar-sujo (miasma). Discordando dessa teoria, o dr. John Snow (1813-1858) conseguiu compilar o local de residncia das vtimas do clera e, localizando os casos em um mapa, concluiu que havia uma concentrao de casos em uma rea ao redor de um nico local de abastecimento pblico de gua. Com a prova visual em mos ele conseguiu que a bomba dgua fosse fechada, eliminando a epidemia.
45
A INFOGRAFIA COMO ARMA DE CONVENCIMENTO
Mapeando os casos da epidemia de clera em Londres, dr. John Snow concluiu que eles se concentravam prximos a um nico local de abastecimento pblico de gua, que foi fechado
1855
Este grfico foi usado em campanha para melhoria das condies sanitrias no exrcito. Florence Nightingale (18201910), Inglaterra
1857
46
DIAGRAMA GEOGRFICO E DIAGRAMA VISUAL
O engenheiro francs, Charles Minard (1781-1870), ilustrou graficamente a desastrosa campanha de Napoleo contra a Rssia. A largura do trajeto proporcional ao nmero de sobreviventes. Em cinza a ida e, em preto, a volta
1869
Inveno do diagrama que utiliza setas para demonstrar como os tens se relacionam. Sewall Wright (1889-1988), EUA
1920
47
1857 - A inglesa Florence Nightingale (1820-1910) era, alm de enfermeira, uma apaixonada pela matemtica e estatstica. Responsvel por um hospital que recebia militares aps a Guerra da Crimia, ela notou que os mortos por doena eram muito mais numerosos que os mortos por ferimento em combate. Florence criou um grfico que tornava visvel essa informao e iniciou uma campanha de melhoria das condies sanitrias no Exrcito. 1869 - O francs Charles Minard (1781-1870) foi um dos pioneiros no uso de grficos aplicados engenharia e estatstica. Seu trabalho mais notvel ilustra a desastrosa campanha de Napoleo contra a Rssia em 1812. Esta representao aceita por Edward Tufte como o melhor grfico estatstico j feito. So ao menos seis variveis que formam uma nica e imagem. Primeiro, a largura do trajeto proporcional ao nmero de soldados sobreviventes na campanha de guerra. Segundo e terceiro, a linha mostra a latitude e longitude. Quarto, a direo de ida e volta sinalizada por cores. Quinto, a localizao do Exrcito em datas especficas. Sexto, a temperatura no trajeto. 1900 a 1949: Poucos inovaes, muitas novidades O incio do sculo 20 presencia uma popularizao da linguaguem visual na imprensa, no governo, no comrcio e nas cincias, com o comeo da comunicao e consumo de massas. A visualizao grfica a escolhida para explicar novas descobertas e teorias em astronomia, fsica, biologia etc. Apesar da produo enorme, foram poucas as inovaes grficas, mas duas personalidades desse perodo so fundamentais pela contribuio que deram infografia e ao design. 1924 - O sociolgo e economista austraco Otto Neurath (18821945) foi um visionrio da linguaguem grfica. Organizou o Museu
48
Social de Grficos Estatsticos em Viena e, com sua esposa Marie e o ilustrador Gerd Arntz, introduziu o Isotype (International System of Typographic Picture Education), uma forma de comunicao baseada em cones de fcil interpretao, usada para sinalizao e representao de quantidades. O impacto visual de seus isotipos e a eficincia com a qual eles conseguem transmitir informao deu origem a descendentes reconhecveis na sinalizao urbana: os pictogramas usados atualmente em aeroportos, hospitais etc. 1933 - Por volta dos anos 30, a expanso do metr de Londres em direo aos bairros mais distantes tornava difcil a tarefa de produzir um mapa que orientasse os usurios. A razo era que, dispostas de acordo com sua posio geogrfica, as estaes mais prximas se confundiam no espao reduzido do mapa. Harry Beck criou um mapa esquemtico, semelhante a um circuito eltrico, que, ignorando as distncias geogrficas permitia mostrar em um diagrama como uma estao se ligava a outra para levar os usurios aos destinos desejados. Composto de linhas coloridas, smbolos e tipografia de fcil leitura o mapa proposto por Beck se tornou um smbolo reconhecido mundialmente por sua simplicidade e clareza. Beck conseguiu entender que, para o usurio do metr, a informao mais relevante era como as linhas se conectavam e no a distncia geogrfica entre as estaes. 1950 a 1974: Esboo de renascimento da visualizao O ps-guerra traz uma nova gama de dados. Os dados e os anos 60 trazem uma nova maneira de ver o mundo e as informaes. A anlise grfica e sua teoria voltam a receber importncia e novos caminhos comeam a ser traados. Estudos de semiologia e percepo do bases tcnicas para conhecimentos intuitivos. No fim do perodo surge o computador pessoal.
49
SNTESE E SIMPLICIDADE
Otto Neurath (1882-1945) organiza o Museu Social de Grficos Estatsticos em Viena, ustria e introduz o Isotype (International System of Typographic Picture Education)
1924
Mapa do metr de Londres se tornou um smbolo reconhecido mundialmente por sua simplicidade e clareza. Harry Beck baseou o mapa em um diagrama de circuitos que ele usava no dia-a-dia
1933
50
A INFOGRAFIA INVADE A IMPRENSA
1982 Pgina da previso do tempo do jornal norte-americano USA Today, desenvolvido por George Rorick. O dirio inaugura uma era de impresso colorida nos jornais que se espalha pelo mundo. Logo, os infogrficos se tornam parte do dia a dia da imprensa.
51
De 1975 at hoje: O computador como nova fronteira A chegada do computador pessoal e dos sistemas de informtica no apenas agilizou a produo como criou novas experincias de visualizao de dados, a comear pela prpria interface dos programas. Softwares e sistemas de computao especficos para design, estatstica, manipulao 3D e animao quebraram definitivamente as fronteiras da tradiconal comunicao grfica em duas dimenses. As bases de dados ganham propores colossais com o avano da internet. Os consumidores de informao so levados a aprender novos cdigos visuais intuitivos e dinmicos no apenas na mdia, mas em videogames, DVDs, computadores e celulares. A infografia, enquanto imagem+texto combinados para informar, est presente em todas esses meios de comunicao. Algumas personalidades merecem ser citadas: Richard Saul Wurman e Edward Tufte - ambos estudaram e inovaram as teorias da visualizao de dados. O primeiro cunhou o termo arquitetura da informao em 1976 para descrever o que considera um crescimento desordenado e catico da comunicao. O segundo, mais ligado estatstica do que esttica, foi o criador do termo chartjunk (infolixo), se referindo s informaes inteis, excessivas ou mal-arrumadas que acabam no estabelecendo comunicao. Nigel Holmes - o ingls trabalhou em jornais e revistas britnicas at assumir em 1977 um posto na revista Time, em Nova York, produzindo o que ele designava explanation graphics. De estilo grfico simples e elegante, seu trabalho visual numa das mais importantes revistas dos EUA ajudou a ensinar que os grficos so um aliado na transmisso da informao.
52
A CHEGADA DA WEB
1999 Alguns dos melhores infografistas dos EUA so reunidos por Richard Saul Wurman no livro Understanding USA, um compndio visual de dados scio-econmicos do pas em verso pdf distribudo via web. Acima, pginas de Nigel Holmes
1999 Exploso da internet e novas tecnologias permitem que a visualizao seja interativa e/ou animada. Os jornal espanhis El Pas e El Mundo se tornam referncias internacionais no segmento
53
George Rorick - o designer norte-americano acredita em bom jornalismo visual, no apenas imagens decorativas. Em sua carreira, sempre buscou grficos que contassem histrias, explicassem coisas. Quando o jonal USA Today foi lanado em 1982, um dos seus diferenciais era o uso intenso da cor. Rorick bancou a aposta de produzir um mapa da previso do tempo que usava faixas de cor e cones para comunicar as previses (ainda sem computador, era tudo feito mo). O jornal trazia ainda um pequena novidade que impulsionou a infografia. Os USA Today Snapshots. Eram pequenos infogrficos coloridos apresentados nas capas de cada caderno (No Brasil, a Folha de S.Paulo adotou essa idia sob o nome de Indifolha). O sucesso do USA Today e de suas pginas coloridas fez com que todos os outros jornais do mundo fossem aos poucos adotando o uso de cor e tambm de grficos. Na poca, era tecnologicamente mais difcil, caro e demorado ter fotos coloridas. J os grficos (mesmo antes do computador) eram um meio barato, rpido e eficiente de mostrar informao e levar cor para seduzir leitores e anunciantes. Alberto Cairo - jornalista espanhol abandona o texto e migra para a infografia, primeiro em La Voz de Galicia e depois no El Mundo (ambos na Espanha). Levando em sua bagagem os conceitos do rigor jornalstico e a importncia da qualidade da informao sobre a esttica gratuta. Um dos maiores ganhadores dos prmios Malofiej, Alberto inicia uma campanha quase missionria propagando os conceitos do jornalismo visual e da infografia pelo mundo (incluindo o Brasil onde ministra importantes palestras nos anos 2000).
54
COMO PRODUZIR INFOGRFICOS
Que tipo de infogrfico devemos usar? Qual vai comunicar melhor o que estamos querendo mostrar? Essa a pergunta que atormenta todos os que participam da criao de um infogrfico. Se no atormenta, deveria atormentar. A escolha correta da forma e do contedo definem o sucesso do infogfico em seu objetivo de comunicar visualmente. Em grandes revistas mais comum, pelo menos nas pautas mais importantes, que o pessoal do design e do texto planejem com antecedncia o infogrfico, seu contedo, o estilo, o espao que vai ocupar, quem vai produzir o que etc. Em jornais o processo um pouco mais acelerado, mas o planejamento no deve ser diferente. Todo o planejamento, que pode levar semanas em uma revista, precisa ser feito em poucas horas num jornal. No se engane: isso no elimina o planejamento, s o torna mais compacto. A comunicao entre os profissionais de texto e imagem tem de ser mais intensa e imediata, e o planejamento continua imprescindvel.
55
O PAPEL DE UM: INTEGRAO COM A EQUIPE DE CONTEDO

Edio de texto Verifica quais matrias usaro infogrficos. Define com a Edio de Arte como o trabalho poder ser feito. Orienta o redator e reprter da matria. Define o prazo, o espao e a importncia da reportagem
A DIRETRIZ
and tell
* Keep It Simple and Short
KISS*,
Reprter Reflete desde o incio da apurao sobre como o assunto pode ser mostrado visualmente. Levanta os dados e referncias para isso. Comunica os resultados procurando envolver toda a equipe
Redator Define junto com o reprter e os editores de texto e arte qual vai ser o lide do infogrfico. Fornece informaes, textos e referncias ao infografista. Colabora nas solues visuais
Infografista Cria ou ajuda a criar imagens claras e objetivas para representar visualmente o assunto. Participa ativamente da apurao e questiona os dados
Traduo livre: Mantenha simples e curto, e conte. Obs.: existe uma outra verso para KISS: Keep it Short Stupid e tambm Keep it Short, Stupid, dispensam traduo
56
O PAPEL DE UM: INTEGRAO COM A EQUIPE DE DESIGN

A DIRETRIZ
Edio de Arte Discute e rascunha com os pauteiros/ editores de texto como o trabalho poder ser realizado. D diretrizes ao(s) infografista(s) sobre como trabalhar. Zela para que a diagramao, foto, texto e infografia estejam trabalhando em conjunto
SHOW,
dont tell*
Diagramador Define como o infogrfico ser posicionado na pgina. Lembra sempre que a infografia no como uma foto: tem texto e quase sempre um elemento mais leve
Infografista Procura solues grficas originais para cada assunto em sintonia com a diagramao e edio. Cuidado especial na hierarquia de textos, fotos e infogrficos
Edio de foto/Fotgrafo Alm das fotos jornalsticas faz tambm fotos abertas e detalhes que podem, por exemplo, servir de referncia para ilustrar um ambiente
Traduo livre: No escreva o que voc pode mostrar
57
Por exemplo: imagine um acidente areo. Que tipo de infografia voc acha que deveria ser feita? Devemos destacar o mapa com a rota do avio? Ou, que tal ilustrar detalhadamente o avio, mostrando as causas do acidente, e deixar o mapa menor? A resposta : No sei, depende do acidente, ou melhor, depende da histria que queremos contar. Se a reportagem indica que houve problema tcnico no avio, por exemplo, ento devemos mostrar o modelo da aeronave, os equipamentos afetados pelo problema, onde foi o problema etc. Se, por outro lado, a apurao dos reprteres chegar concluso que a causa do acidente foi a chuva ou a pista, a histria (e a infografia) outra. O importante que se defina o quanto antes qual histria o infogrfico vai mostrar, quais informaes ele precisa ter. Definido o contedo, deve-se escolher de que forma visual essas informaes sero transmitidas, ou seja, como esse contedo vai ser apresentado ao leitor. Da mesma maneira que em bons infogrficos os textos e imagens formam uma figura nica, os designers e profissionais de texto precisam se unir para encontrar o melhor jeito de contar visualmente a histria, trabalhando juntos para definir primeiro o contedo e depois e a forma. Comear pela forma um erro, pois pode fazer com que o contedo seja distorcido ao ser adaptado.
58
FECHAMENTO 24 HORAS
Na internet Verso produzida em poucos minutos sobre o acidente com voo 447 produzido para o site da Folha
No impresso Com alguma horas mais para trabalhar, a edio impressa ganhou um infogrfico mais completo e detalhado
59
Tudo isso, claro, levando em conta que, ao contrrio do que gostariam alguns infografistas, o infogrfico no reina sozinho em todas as pginas. Ele tem de compartilhar seu precioso espao com os ttulos, textos, fotos e ilustraes (sem falar nos anncios!). Na pgina, todos esses elementos precisam trabalhar em harmonia, cada um cumprindo sua funo editorial, pois no fim o que conta de verdade a pgina como um todo. Uma pgina bem editada e desenhada pode salvar um infogrfico ruim, mas mesmo um excelente infogrfico no salva uma pgina ruim. Repertrio Para escolher qual a melhor relao contedo/forma de criar infogrficos importante que infografistas, reprteres e redatores conheam no mnimo os modelos mais comuns de infografia. Esse repertrio de solues visuais e editoriais permite que o planejamento do infogrfico seja agilizado e facilita a comunicao entre quem est produzindo texto e os responsveis pelo design. No resumo a seguir, os infogrficos foram agrupados em quatro grandes categorias: artes-texto, grficos, mapas e ilustrados. Essas categorias tambm apresentam subdivises grficos, por exemplo, podem ser de linha, barra ou queijo.
60
GLOSSRIO INFOGRFICO/RECURSOS DE DIAGRAMAO

ARTES-TEXTO Cronologia Dicas Score (nmero destacado) Fac-smile Ficha Frases Glossrio Lista/Ranking Para entender /Resumo Perguntas e respostas Prximos passos Sobe-desce Tabela Testes Mostra as datas mais importantes Rene instrues teis ao leitor Quando um nmero a principal informao Reproduo de um ou mais documentos que sejam relevantes para matria Concentra as principais caractersticas do personagem (pessoa, pas, empresa etc.) Opinies sobre um assunto Traz o significado de alguns termos difceis, mas imprescindveis reportagem. Organiza informaes em tpicos Rene quem, quando, onde e por qu colocando o leitor em dia com a reportagem. Usa o estilo de entrevista para esclarecer dvidas ou discursar sobre um assunto. Indica como o assunto deve se desenvolver Associa valor ganhou, perdeu, ficou igual para pessoas, partidos, investimentos etc. Montagem de texto ou nmeros em colunas paralelas associando uma coluna outra Forma interativa de transmitir informaes
61
MAPAS Mapa de localizao Mapa de ao Mapa estatstico GRFICOS Grfico de linha Grfico de barras Pizza/ Queijo rea DIAGRAMAS ILUSTRADOS Arte-foto Corte esquemtico Fluxograma/ Passo a passo Organograma Storyboard Pgina infogrfica Usa de uma ou mais fotos que so manipuladas para evidenciar uma informao Mostra como o personagem por dentro. Pode retratar um rgo, uma construo etc. Representao de acontecimentos ou processos Define graficamente posies hierrquicas ou de relacionamento entre personagens Uso de quadrinhos para relato visual Combina tipos de infografia para traduzir visualmente a reportagem Evoluo de uma ou mais variveis no tempo Compara valores de uma ou mais categorias. Pode tambm mostrar evoluo Permite mostrar como uma quantidade total (100%) se divide em diferentes categorias Compara valores de uma ou mais categorias usando imagens proporcionais Localiza geograficamente o assunto Explicam mudanas ou movimentos geogrficos Usa cores ou sinais grficos para mostrar a disperso geogrfica dos dados
62
A primeira coisa que deve ter chocado os infografistas que j atuam profissionalmente ao ver a tabela anterior foi, sem dvida, o espao dedicado para aquelas que denominei ARTE-texto. Ora, se so basicamente puro texto, por que admiti-las na categoria de infogrfico? Pois bem: desprezadas pelos infografistas e, por vezes, sem formato definido na diagramao, as ARTE-texto podem ter salvao e so muito teis para destacar informaes na edio. Ajudam tambm a dar maior movimento na diagramao, pois invariavelmente os formatos e cores da infografia so diferentes da diagramao de texto. Outro aspecto muito importante esquecido por alguns infografistas mais puristas, que acreditam que essas artes-texto devem ser tratadas como texto convencional, sem passar pela infografia: os profissionais de texto reprteres, redatores e editores nem sempre, ou pior, raramente pensam visualmente, e no incomum que se comuniquem melhor com as letrinhas. Em alguns casos, sabem exatamente quais so as informaes que pretendem destacar, s no sabem como. Escondem em seus textos possveis mapas, grficos, fluxogramas etc. O infografista se pergunta: por que eles passaram um texto to grande e chamam isso de infogrfico? A resposta que esse jornalista pode desconhecer o que infografia e jornalismo visual. No foi treinado para ter repertrio de recursos grficos alm do texto convencional. O que no quer dizer que no tenha interesse em aprender e melhorar o resultado de seu trabalho. Existe ainda aquele tipo de jornalista que nem consegue explicar o
63
lide da matria ou qual informao pode ou deve receber um tratamento visual mais sofisticado para valorizar a reportagem. Mesmo um experiente infografista pode conversar horas com ele e no conseguir extair o potencial da pauta apenas conversando. S consegue lendo o texto. Portanto, cabe ao infografista ler com ateno estas ARTES-texto, procurando encontrar solues visuais mais adequadas e criativas que a transformem em um infogrfico de verdade. Se conseguir uma soluo visualmente interessante, no tenha dvida de que o redator poder at refazer todo o texto, buscar outros dados e ficar agradecido por voc ter salvo sua pauta. No raro, o infogrfico ajuda os prprios jornalistas a entenderem a histria que querem contar. E aquelas que no tem salvao? Respeitando o projeto grfico, as ARTES-texto podem ser diagramadas sem interferncia de um infografista. Mesmo assim, teremos casos capas de caderno, reportagens especiais em que o trabalho do infografista pode ser acionado para criar uma figura de diagramao mais interessante e atraente. Essas maquiagens grficas criam uma figura que eu denominei de cascatogrfico: o leitor at tem impresso de que um infogrfico, mas s texto disfaado. Infelizmente, como faltam profissionais visuais e os jornais e revistas precisam de imagens nas matrias, o cascatogrfico uma figura muito frequente, em especial quando no h foto disponvel (quem nunca fez um cascatogrfico que atire a primeira pedra!).
64
DECORANDO A PGINA COM CASCATOGRFICOS
Dois legtimos e bem feitos CASCATOGRFICOS: usam recursos da infografia para criar uma imagem forte e suprir a falta de foto quente no noticirio
65
Todas as artes-texto mesmo os cascatogrficos, so teis na diagramao e na leitura e devem ser usadas para ressaltar a informao, pois so timo material de apoio para reportagens e, em especial, servios. Em uma reportagem sobre os dez homens mais ricos do mundo, por exemplo, imprescindvel um destaque em forma de lista com o nome, posio de cada um deles e valor da fortuna. Dependendo da pgina, essa mesma lista pode ser um infogrfico com fotos dos personagens, comparando suas fortunas, os pases onde vivem, etc. Ou ser apenas uma pequena lista. De qualquer maneira importante salientar que h diferenas de redao entre o texto tradicional das matrias e aquele usado na infografia. Enquanto o texto da reportagem pode ser mais rebuscado e prolixo, separado por pontos e vrgulas, o texto especfico para infografia deve ser telegrfico: curto, direto e objetivo se valendo de dois pontos ou hfens e pensado para interagir com as imagens. Exemplo de texto de reportagem O artista plstico Fulano de Tal, que completa 46 anos no prximo ms, nasceu na pequena cidade de Miracema do Norte no Estado de Minas Gerais. Mudou-se para So Paulo em 1980 para estudar arquitetura na Faculdade de Arquitetura e Urbanismo da Universidade de So Paulo onde se graduou como um dos melhores alunos em 1985. Foi no ano de sua formatura que concluiu a obra O Martelo, premiada pelo Secretaria de Cultura (e por a vai...) Exemplo de texto para infograa Nome: Fulano de Tal Idade: 46 anos (18.ago.1962)
66
Nascimento: Miracema do Norte (MG) Formao: FAU-USP Principais obras: O Martelo* (1985), O Prego (1987) e o A Tbua Furada (1988) * Premiada pela Secretaria de Cultura
Com uma simples ficha desse tipo, destacamos uma parte do texto que resume o personagem da matria, aliviando o texto, criando uma nova entrada de leitura para a pgina, agilizando e dando mais ritmo para a diagramao. Como devem ser os textos para infograa 1. Comece pelo ttulo. No precisa ser o ttulo que vai ser publicado, mas aquele que o objetivo do infogrfico. Como aconteceu o acidente, por exemplo gera um resultado bem diferente de Os mortos no acidente. Isso vai ajudar a focar a informao. 2. Concentre-se na informao que o infogrfico pretende explicar. No tente explicar tudo sobre tudo, para no confundir o leitor. 3. Rabisque antes como imagina o infogrfico. Infografia deve ser informao visual (texto + imagem). Pense em como os textos sero articulados, qual deve ser a sequncia de leitura. 4. Faa textos telegrcos, curtos, diretos e objetivos evitando palavras longas como consequentemente, objetivamente (em um infogrfico, por vezes, elas consomem uma linha completa)
67
5. Se houver muita informao, divida-as em tpicos com subttulos ou faa outros infogrficos de apoio 6. Depois de escrever o mnimo necessrio, corte. 7. Se tiver vrios blocos de texto, melhor que eles sejam do mesmo tamanho. Facilita a diagramao dentro do infogrfico 8. Informaes numricas devem ser explicadas usando grficos e/ ou tabelas. No gaste palavras para mostrar quedas e altas se voc tem os nmeros. Use as palavras para contextualizar dos dados 9. Conforme o infogrfico for ficando pronto, observe as partes do texto que podem ser suprimidas por j estarem visualmente claras (Se o infogrfico tem um mapa, por exemplo, o texto no precisa repetir todas as informaes geogrficas) 10. Depois de tudo pronto e posicionado no infogrfico ainda h tempo para ajustar o texto para dar maior clareza e objetividade
68
DIAGRAMAO OU INFOGRAFIA?
Esta era uma arte-texto, uma cronologia, e acabou premiada por sua soluo grfica orginal no SND (Society for News Design), o mais importante prmio de design do jornalismo impresso
No existe uma fronteira que delimita a diferena entre a diagramao e infografia. Nem no impresso, nem na web
69
DA IDIA PUBLICAO -1
A integrao entre os jornalistas de texto e os jornalistas de imagem fundamental
PLANEJAMENTO Estabelea um objetivo: o que o infogrfico vai contar? O planejamento detalhado permite que todos possam visualizar o projeto, antecipando erros e pensando na pgina como um todo Pense no tempo disponvel e no espao que o infogrfico vai ocupar na pgina Rena jornalistas de texto e infografia para decidir o contedo e o tratamento visual Estabelea etapas e um cronograma, mantendo o trabalho em equipe Tenha em mente que tudo pode mudar de acordo com a apurao
INVESTIGAO Apurar informao no apenas tarefa para os reprteres de texto. O infografista e o fotogrfo devem compartilhar essa tarefa Em alguns casos, o infografista pode e deve ser capaz de conseguir toda a informao Sempre que possvel, o infografista deve ir ao local da notcia para ter informao de primeira Pesquise em fontes confiveis. Cuidado especial com a internet Tire fotos Consiga a maior quantidade de informaes possvel.Talvez voc no use tudo, mas deve t-las disposio
A IDEIA GRFICA No despreze nenhuma ideia. Anote e rascunhe cada uma no papel, pois elas podem ajudar a narrativa visual Discuta suas ideias: aquelas que primeira vista no parecem muito brilhantes podem ser caminhos para outras ideias melhores Privilegie a informao visual e evite imagens apenas decorativas Pergunte-se: - A imagem escolhida acrescenta, refora e/ou facilita a visualizao do assunto principal? - A ideia faz o contedo da histria mais relevante ou atraente? - H informao suficiente para sustentar essa ideia?
Simplicidade facilita o didatismo. Privilegie a informao visual e evite imagens apenas decorativas. Use apenas os dados e referncias necessrios
Baseado em texto de Jeff Goertzen, diretor de infografia da SND Adaptado pelo autor
70
DA IDIA PUBLICAO -2
Quanto mais planejar, melhor ser o resultado final do infogrfico
O CONTEDO Simplifique e mantenha o foco. Lembre do objetivo inicial do infogrfico e elimine dados em excesso que possam criar rudo na comunicao Pense o tempo todo: - Qual o objetivo dessa infografia? - O que o leitor precisa saber est claro? - Se tiver dvida, tire um print e pea para uma terceira pessoa, fora da cobertura, ler e opinar Se alguma coisa no est visualmente clara ou se a ordem de leitura est difcil, o reprter deve dizer ao infografista. Da mesma maneira, se o texto no estiver claro, ou estiver longo demais
O INFO NA PGINA O contedo visual da pgina como um todo a prioridade nmero um Um infogrfico bem desenhado no faz uma pgina melhor ou vice-versa. No entanto, o inverso verdadeiro. Uma pgina mal resolvida pode estragar um infogrfico bom e vice-versa Infografia acompanhada de fotos requer um desenho de pgina que estabelea uma hierarquia visual. Foto, texto e infografia no devem competir, devem se completar para contar a histria O tamanho final do info deve ser decidido o quanto antes. Baseie a deciso no contedo, privilegiando o info, a foto ou o texto
EDIO E REVISO Crie ordem. Agrupe informaes similares em blocos com subttulos Gaste tempo com os ttulos e subttulos. Eles devem conduzir a leitura de forma clara e objetiva Quando a infografia estiver pronta, envie uma verso s fontes para que elas possam conferir se tudo est correto No espere at o ltimo minuto para revisar. Corrigir texto em um infogrfico mais demorado e pode alterar a ideia grfica. Libere os textos do infogrfico o quanto antes Informao visual (ilustraes, propores)deve ser checada com o mesmo rigor que o texto
Pea um feed-back. Veja como ficou, converse com os envolvidos. Os assuntos se repetem; na prxima cobertura o resultado vai ser melhor
Baseado em texto de Jeff Goertzen, diretor de infografia da SND Adaptado pelo autor
71
E como usar os diferentes tipos de infogrco? Conhecer os tipos clssicos de infografia ajuda, mas no o suficiente para resolver o problema inicial (Que tipo de infogrfico devemos usar? Qual vai comunicar melhor o que estamos querendo mostrar?). Vamos usar a dengue como exemplo e imaginar possveis infogrficos Ficha/resumo: agente transmissor, sintomas, preveno. Perguntas e respostas: para quem vai viajar ou est no local. Mapa de localizao: os locais de ocorrncia. Mapa de dados: comparando a incidncia por Estado. Grficos: com a evoluo dos casos (linha), comparao entre cidades (barra), distruibuio no total do brasil por regio (pizza). Ilustrado: mostrando o ciclo de vida do mosquito E d pra imaginar muito mais. Ou seja, o TEMA no o fator determinante de qual tipo de infogrfico o mais adequado, pois um mesmo tema pode ser representado em vrios tipos de infografia. O que vai determinar a infografia correta a ABORDAGEM do tema. Dentro de cada pauta, o infogrfico vai assumir uma misso especfica de expor ou elucidar visualmente um aspecto da cobertura, integrando se com o resto das matrias para compor a reportagem.
72
NO O ASSUNTO, O ENFOQUE
Infogrficos da dengue Exemplos de abordagens diferentes para o mesmo tema. Repare como o tipo de soluo grfica enfatiza a informao que se pretende mostrar
73
QUando Usar artes-teXto

Se a informao principal melhor representada por palavras, que se usem as palavras. O simples fato de destac-las e diferenci-las do formato tradicional do texto em colunas j e suficiente para criar uma nova entrada de leitura, ajudando a navegao do leitor pela pgina. Os jornalistas visuais podem acrescentar fotos ou ilustraes e ainda usar cores e a diagramao da pgina para criar formas inusitadas. S no devem esquecer que, neste caso, o texto o elemento principal e o excesso de elementos visuais pode distorcer a informao ou criar um rudo, escondendo a informao principal. CRONOLOGIA/HORA-A-HORA - o pessoal das editorias de internacional, em especial, adora; os infografistas detestam. A razo que os profissionais de texto aproveitam para dar uma aula de histria sobre qualquer tema (imagine quando o assunto o papa, comea l em Jesus) o que acaba criando textos infinitos, por vezes maiores que a matria principal, e os infografistas queriam que as cronologias s fossem feitas pela diagramao, usando os formatos definidos, afinal so texto + foto. Nem tanto ao mar, nem tanto terra. Por vezes realmente melhor que a cronologia, como as outras artes-texto mencionadas, nem tenham um tratamento especial. Mas, em alguns casos, a cronologia pode ser valorizada pelo infografista, criando figuras interessantes como as timelines: linhas do tempo onde as datas so dispostas na vertical ou horizontal, evidenciando a distncia temporal dos acontecimentos. Em cronologias longas, com muitas datas, tente dividi-las em fases com interttulos e sempre use imagens dos principais momentos. DICAS - Esse formato destaca da reportagem as informaes prti74
cas, em forma de tpicos curtos e diretos, prestando um servio ao leitor. Uma reportagem sobre colesterol, por exemplo, pode abrigar um infogrfico com dicas de alimentao. ESCORE - se um nmero o principal destaque, podemos usar um infogrfico para dar uma dimenso do valor, contextualizando a informao. O gasto de R$ 10 bilhes em um avio presidencial mais fcil de ser compreendido se for feita a comparao com outros investimentos do governo ou ainda quantas passagens poderiam ser pagas com o valor. FAC-SMILE - por vezes o jornalista se depara com documentos exclusivos que compravam alguma linha de investigao. Reproduzir os documentos na reportagem prova aos leitores que o jornal/revista teve acesso aos originais. A infografia acrescenta reproduo o destaque necessrio para contextualizar e ressaltar os trechos mais importantes. FICHA - se a abordagem for no sentido de focar em um personagem (seja ele um esportista, um poltico, um livro ou mesmo um evento) para apresent-lo ao leitor, a ficha ou raio-x a alternativa imediata. Pode parecer pouco, mas esse o segredo. Uma simples ficha bem feita em forma de texto j muito til para dar movimento diagramao e agilizar a leitura. FRASES - em geral, os projetos grficos tem formatos especficos para frases mas, em determinadas situaes, elas podem ganhar maior relevo se editadas como infografia compondo com fotos ou ilustraes.
75
BSICO E EFICIENTE
Apresentadas em forma de fichas e tabelas as informaes sobre os atletas ficam mais fcil de serem visualizadas e compreendidas
76
INTERVENO CIRRGICA
Este infogrfico era uma arte-texto: uma lista de partes do corpo de algumas personalidades. Por sorte, algum lembrou de colocar as imagens de um jeito criativo
77
GLOSSRIO - deve ser usado como ferramenta de didatismo para traduzir termos difceis, mas imprescindveis para entender a reportagem. Tambm pode levar ao leitor vocbulos diferentes e interessantes que ajudam a desvendar o universo de grupos sociais que criam grias e jarges para se comunicar. LISTA/RANKING - se o personagem em foco no um, mas muitos, ou quando a reportagem tem por objetivo oferecer um servio, a lista organiza em tpicos essa leitura, levando direto ao leitor o que interessa. Lembre de dar uma hierarquia lista usando a ordem cronolgica, geogrfica ou alfabtica. Se h um valor numrico no ranking (n de votos, milhes de US$), ele pode ser expresso usando grficos de barras PARA ENTENDER O CASO - por vezes o prprio reprter/redator percebe que perde mais tempo tentanto explicar o assunto no texto do que contando a novidade jornalstica. Assuntos complexos ou aqueles que perduram no noticirio por dias ou meses, reaparecendo de vez em quando, merecem um infogrfico na forma de para entender o caso, para ajudar o leitor a desvendar ou relembrar do trata a reportagem. Este tipo de infogrfico pode ser feito simplesmente com tpicos numerados em sequncia, ou evoluir para uma infografia mais sofisticada como um diagrama ilustrado com fotos dos personagens. As cronologias, glossrios, perguntas e respostas e testes tambm podem ser usados como variao desta categoria, interagindo com o leitor de forma diferente. S para pontuar: os para entender so o paraso do cascatogrfico: so assuntos importantes que a edio quer destacar e, na falta de fotos, o infogrfico acaba cumprindo a funo de criar uma imagem para ilustrar a pgina. Bem entendido,
78
isso no tira o mrito da categoria. Deix-lo como texto corrido, perdido no meio das outras matrias, desviaria o interesse do leitor do assunto. PERGUNTAS E RESPOSTAS - muda a narrativa convencional, permitindo ao leitor a navegao na leitura atravs de algumas questes que a reportagem suscita. Pode ser usado como variao dos para entender o caso ou dicas. PRXIMOS PASSOS - se o caso simples ou j foi amplamente abordado, uma sada possvel antecipar o noticirio e apresentar ao leitor quais devem ser os prximos acontecimentos. SOBE-DESCE - no deixa de ser uma lista. A diferena que no sobe-desce a edio agrega um valor ganhou, perdeu, na mesma para cada personagem descrito. O sobe-desce uma maneira til de o leitor conhecer as consequncias que um fato causa na trajetria desses personagens. Setinhas para cima ou para baixo, cores vermelho ou verde e outras formas de sinalizao visual devem ser utilizadas para enfatizar a informao. TABELA - podem ser compostas apenas com texto, ou com texto e nmeros. O resultado visual sempre acaba sendo meio pobre por isso melhor evit-las como a imagem da pgina. Se no so bonitas, sua eficincia incontestvel. Organizando o texto em linhas e colunas as tabelas facilitam a compreenso de um grande nmero de dados com pouca perda de informao. O leitor pode checar cada clula de dados e compar-la imediatamente com outra qualquer. Como acabam formando blocos visuais em formato retangular h muito pouco que pode ser feito para torn-las mais palatveis. Trs
79
solues so mais adequadas: 1. Destaque visualmente (bold/cor) os dados mais importantes. Use pequenos textos fora da tabela para contextualizar os nmeros e use fios para ligar estes textos aos dados em destaque 2. Combine a tabela com grficos de barras ou linhas, destacando uma ou mais colunas para evidenciar as diferenas de valor nos nmeros 3. Transforme dados que se repetem nas colunas em pictogramas. Por exemplo: se h uma coluna apenas com as palavras sime no crie uma legenda e use crculos verdes e vermelhos para substituir o texto. Isso torna a leitura mais visual e imediata TESTE/JOGO - os testes podem ser usados como alternativa de didatismo pois interagem com os conhecimentos do leitor. Teste seus conhecimentos sobre o caso mensalo ou Veja se voc entendeu as mudanas no imposto, por exemplo. Outra possibilidade para fugir do texto convencional imitar a forma visual de jogos, usando essa linguaguem mais ldica para chamar a ateno e transmitir as informaes ao leitor
80
PIADA PRONTA
Para mostrar os personagens do caso dos aloprados de Lula foi usada uma metfora visual com uma estrela, smbolo do Partido dos Trabalhadores, que serviu de base para interligar as fichas dos personagens
81
MILNIOS E MINUTOS
A linha do tempo acima permite que o leitor compare vrios acontecimentos simultneos
Na CRONOLOGIA ao lado, os acontecimentos so registrados minuto a minuto
82
USO CRIATIVO DE FOTOS
CRONOLOGIAS podem ter apresentao diferenciada como esta usada na queda do ministro Orlando Silva
83
RESULTADO ENCICLOPDICO
Pgina dupla composta por uma srie de artes-teXto e alguns diagramas
84
IMPRESSO & ONLINE
Fichas dos candidatos a prefeitura de So Paulo imitando as cartas de um JOGO. Na verso online deste infogrfico era possvel jogar de verdade
85
CONDUZINDO A LEITURA
A base da informao principal ao lado uma tabela que, inclinida, virou uma escada para explicar os nveis do grau de investimento
Com uso de cores para evidenciar dados, a tabela sai da monotonia e, como pequenos toques de cor, leva o leitor aos pontos mais importantes de cada categoria
86
QUando Usar grficos

Relatrios do IBGE, ONU, Seade, FMI, assessorias de imprensa etc. fornecem uma imensido de dados estatsticos. Normalmente eles chegam em forma de tabela, mas sua melhor apresentao visual na forma de grficos. O problema que, se os jornalistas e designers tem dificuldade em traduzir visualmente os textos, com os nmeros a situao piora um pouco. Depois que inventaram as planilhas Excell e o copiar-colar, enviar todos os nmeros disponveis para a Editoria de Arte resolver o problema ficou tecnologicamente ainda mais fcil do que interpret-los. Por isso, comum ver infogrficos com dados suficientes para afogar qualquer leitor. O ponto central para o qual designers e profissionais de texto devem estar atentos o mesmo de sempre: o que queremos mostrar? Interprete os nmeros e use apenas as sries que interessam para determinada reportagem. A dificuldade com nmeros comea no fato de ser possvel combin-los de forma a comprovar quase qualquer tese (Nmeros bem torturados dizem qualquer coisa brincam os ligados estatstica). Basta ver as campanhas polticas na TV. O mesmo relatrio que aponta aumento da crimalidade de 2002 a 2004 pode indicar o queda da criminalidade entre 2003 e 2004. Isso sem manipular os dados, apenas interpretando os indicadores do jeito mais conveniente ao discurso desejado. Por isso, devemos ter muito cuidado com relatrios prontos, em especial os enviados por assessorias de imprensa. Evite esse tipo de material editado e procure sempre ter acesso ao relatrio completo. No esquea de verificar tambm quem pagou a pesquisa e quem a produziu, qual a base de entrevistados, margem de erro etc.
87
Resolvida a parte da fonte dos dados, passamos aos meios de represent-los visualmente, e a m notcia que no h regras claras sobre qual grfico deve ser usado para cada situao. Assim, uma mesma srie de dados pode ser representada de vrias maneiras diferentes. O infografista ou o jornalista podem ainda criar novas maneiras de representao alm das conhecidas. O problema posterior que no basta representar os dados corretamente, o leitor precisa tambm ler e entender o que est representado, o que o grfico pretende mostrar. Por isso, no dia a dia mais prudente utilizar os tipos mais comuns de grfico: linha, barra e pizza. Deixe as novidade e inovaes para reportagens especiais, quando h tempo e espao editorial disponvel para testar novas frmulas. Depois de utilizada algumas vezes essas novas solues acabam incorporadas produo e leitura. GRFICO DE LINHA - reportagens que tm palavras como evoluo, alta, baixa, queda, acelerao, desacelerao, despenca, dispara indicam a existncia de variveis ao longo de um perodo de tempo, e o grfico de linha a melhor maneira de representar estas variaes de tendncia. Por conveno, a variao do tempo fica sinalizada na parte horizontal e a variao do ndice, na escala vertical. Mas possvel usar outra varivel que no o tempo na escala vertical desde que se tome cuidado para que a inovao visual fique clara para o leitor. O grfico de linha pode ser feito com uma ou mais linhas variando num mesmo perodo quando usar mais de uma linha, tenha certeza de que a legenda est bem clara. bom que pelo menos o nmero final da linha do grfico seja informado, para facilitar a compreenso da
88
escala. Pontos marcantes da evoluo como picos ou quedas bruscas podem ser destacados com pequenas legendas. Uma evoluo do valor do dlar, por exemplo, pode indicar as crises econmicas, cortes de juros ou mudanas de governo. GRFICO DE BARRAS - Se a notcia gira em torno do lder, o maior, ou menor, quem mais ganhou ou quem mais cresceu, isso indica que h uma comparao de valores e os grficos de barras so uma tima soluo para estes casos. O grfico pode ser vertical, horizontal ou at inclinado e sua escala deve comear no zero. Evite cortar a escala para valorizar visualmente as diferenas pois esse tipo de destaque visual pode ser interpretado como distoro ou manipulao dos dados. Barras horizontais podem ser usadas para valorizar colunas tabelas, destacando a informao numrica mais importante. GRFICO DE PIZZA - Fique atento s palavras diviso, distribuio, participao, maioria, minoria, fatia, controle so algumas pistas de onde deveria existir um grfico de pizza pois so uma tima maneira de representar a diviso de um todo (100%). No entanto, este tipo de grfico apresenta pelo menos duas deficincias na visualizao: quando os valores so prximos, nem sempre a diferena fica visvel, e, quando h um excesso de pedaos na pizza, ela pode se tornar confusa. Use-as para mostrar at 5 divises. Junte as menores fatias em outros e anexe uma tabela mostrando as porcentagens exatas. Raramente as pizzas so teis para mostrar evolues, prefira grficos de linha ou barras.
89
MOSTRANDO OS NMEROS
Grfico de barras do PIB sobre foto do presidente Lula, onde, alm da evoluo h escores mostrando o valor acumulado nos perodos
Varie os tipos de grficos para que a visualizao no fique cansativo. O exemplo ao lado comea com um grfico de piZZa seguido de barras horiZontais e barras verticais
90
RASGANDO A PGINA
91
ALGUNS ERROS EM GRFICOS QUE DEVEMOS EVITAR - 1
Ttulo no combina com o grfico Se o ttulo fala em alta de se esperar que a linha do grfico esteja em ascenso ao longo do tempo
Alta de 0,001!
Barras cortadas ou quebrada Ningum altera o valor de um nmero por ele ser muito grande. Cortar a barra significa alterar a informao
Diferena real
Fontes suspeitas ou no confiveis Tome cuidado com grficos que chegam prontos e com dados j editados. Pode haver m f na divulgao dos dados Coincidncia?
92
Margem de erro ignorada Pesquisas de opinio contm sempre uma margem de erro. Fique atento: isso pode invalidar tendncias de alta ou queda
Empate!
Pizza com excesso de divises Fica confusa e deixa de informar as diferenas. Use at cinco variaes de cor e o resto junte em outros
Agrupe as fatias pequenas e crie uma fatia outros para facilitar a visualizao
Pizza no completa 100% A pizza um tipo de grfico que representa um todo, no pode ser usado se a soma maior ou menor do que 100%
Faltam 40% para completar o total (100%)
93
Legendas confusas Use cores que permitam ao leitor diferenciar os itens do grfico. Cores similares causam confuso. Importante: a legenda a chave para o leitor compreender o grfico, deixe em local bem visvel e tome cuidado com as cores.
Confuso, no?
Nmeros no so comparveis Grficos comparam a mesma unidade de valor. No compare porcentagens com moeda ou quilmetros.
US$ e % no so comparveis entre si
Dramatizao a curva Evite formatos muito verticais ou muito horizontais para fazer as curvas serem mais acentuadas.
Os mesmos dados causam resultado visual diferente
94
10
Grficos em perspectiva ou inclinados Grficos funcionam por seu alinhamento e contraste de tamanho. Qualquer distoro, distorce a informao
Est caindo ou subindo?
11
Intervalos cronolgicos irregulares Dispostos mesma distncia um do outro indicam erradamente a velocidade da tendncia
Intervalo de 10 anos
Intervalo anual
12
Proporo incorreta Quando se dobra o tamanho de uma rea e/ou um pictograma o valor nmerico deveria ser qudruplo
Parece maior do que o dobro, e mesmo
95
Uso de grficos EXEMPLO 1 - Mostrar que a empresa X tem mais dinheiro que a empresa Y: interessa a evoluo? No? Neste caso use apenas os ltimos valores atualizados: grfico de barras EXEMPLO 2 - Mostrar que a empresa X ultrapassou o faturamento da empresa Y: agora sim, como foi a evoluo no perodo? Em que data houve alguma mudana relevante na arrecadao: grfico de linhas EXEMPLO 3 - Empresas X e Y detm 70% do mercado: qual a fatia de cada um? Quem so os outros? Temos dados para completar os 100%: grfico de pizza/queijo Resumindo: no faa o leitor perder tempo lendo vrios grficos se voc sabe exatamente o que quer mostrar. Ainda assim, se houver a necessidade de publicar vrios grficos faa um deles maior, mais destacado como porta de entrada para a leitura. Explique os valores usados nos grcos muito importante contexturalizar os valores. Quanto maior o nmero mais abstrata ainda a sua compreenso. Falar em 800 trilhes de dlares ou 200 anos-luz ou 500 hectares pouco comunica, pois so fora do contexto do cotidiano das pessoas. Aproveite-se desse desconhecimento para levar ao leitor comparativos visuais que o levem a pensar e a entender a grandeza que est sendo expressa. Quantos PIBs do Brasil equivalem a 800 trilhes de dlares, quanto tempo leva para viajar de carro a distncia de 200 anos-luz, quantos campos de futebol correspondem a 500 hectares. Se o leitor entender a dimenso do valor sua compreenso ser melhor.
96
DIFERENTES VISES DOS MESMO DADOS

Exemplo 1 Empresa X tem mais dinheiro Que a empresa Y
94
46
Empresa X Empresa Y
Exemplo 2 empresa X ultrapassou o faturamento da empresa Y
94
Empresa X
46
Empresa Y
Exemplo 3 Empresas X e Y detm 68% do mercado
94
Empresa X
Empresa Y
46
47%
23%
97
PARA EXPLICAR, TEM QUE ENTENDER
Para chegar a um resultado onde texto e imagem trabalhem juntos essencial que o infografista entenda qual a mensagem e no tenha medo de interferir no texto para deixar a histria mais clara
Sinalize nos GRFICOS DE LINHA os fatos que causaram quedas ou picos. Isto facilita a compreenso das variaes
98
QUando Usar mapas

Mapas so elementos de forte impacto visual e de grande importncia para a valorizao de uma reportagem. Sua funo bsica responder: onde? Um bom mapa, no entanto, pode ter vrios nveis de leitura e ser acompanhado de outros tipos de infografia para responder quem, quando e por qu. Na maioria dos casos, o infografista j dispe de bases prontas para comear a produzir o mapa e pode ficar aguardando apenas as informaes mais quentes para finalizar o infogrfico. MAPAS DE LOCALIZAO - permitem ao leitor situar geograficamente o evento. Devem ser usados sempre que o local for desconhecido ou especfico (Quirquisto ou rua tal, n X). Catstrofes, acidentes, guerras ou locais tursticos devem ser representados em mapa para agilizar a leitura. Por conveno, todos os mapas tm o norte em sua parte superior, caso contrrio necessrio um sinal grfico apontando a direo norte. Deve-se usar tambm uma escala grfica em quilmetros ou metros e, como a localizao geogrfica depende de referncias conhecidas, sinalize sempre os pontos que podem ajudar entender as proximidades do evento. Um mapa de conflito estudantil em Paris, por exemplo, pode ter a torre Eiffel localizada com referencial. Dados geogrficos citados na matria ou que sejam relevantes (cidades, rios, montanhas, relevo) devem ser representados. MAPAS DE MOVIMENTAO - agregam um novo nvel de leitura ao cruzar informao sobre deslocamento ou fluxo geogrfico. Setas que representem os valores proporcionais e pictogramas indicando o tipo de movimentao so bem vindos.
99
MAPA ESTILIZADOS - se o detalhes geogrficas no so relevantes, o mapa pode ser usado como suporte para organizar a informao, oferecendo ao leitor uma viso geral de onde ela est distribuda. Neste caso pode-se optar por mapas estilizados ou mesmo produzidos por ilustradores de acordo com o tema da reportagem. MAPAS DE DADOS OU ESTATSTICO - se o propsito da reportagem evidenciar diferenas regionais ou que esto relacionadas sua posio geogrfica, um mapa com as regies divididas em escala de cor ou com os nmeros localizados geograficamente traduz os dados de forma visual e permite que o leitor, de um s olhar, veja a distribuio dos valores e possa comparar essas diferenas regionais. MAPAS NO GEOGRFICOS - para localizar onde foi a fratura de um jogador de futebol, por exemplo, podemos usar uma silhueta do corpo humano, ou do esqueleto, como mapa. A regra geral que sempre que for necessrio mostrar ao leitor onde ocorreu algo, o mapa a melhor soluo visual.
100
DO GLOBAL AO LOCAL
A srie de MAPAS desta pgina permite uma viso geral e especfica da crise no Egito
101
GEOGRFICO X ESTILIZADO
Cores suaves e pictogramas simples conferem clareza ao mapa ao lado que mostra a LOCALIZAO e MOVIMENTAO durante conflito no Oriente Mdio
Neste MAPA ESTILIZADO a disposio geogrfica das ruas foi desprezada para dar nfase a outras informaes
102
ILUSTRADO X CARTOGRAMA
A informao visual levada a srio: cada prdio foi fotografado para servir de base para as ilustraes que respeitam as propores de altura
Ao lado, mapa de dados ou CARTOGRAMA usa de cores para delimitar reas de concentrao
103
QUando Usar diagramas ilUstrados

Em muitas categorias vistas anteriormente o infogrfico poderia ser suprimido e substitudo por um box de texto ou mesmo uma foto. H, no entanto, uma parte do jornalismo no qual as situaes so impossveis de serem fotografadas, mas podem ser levadas ao leitor na forma de infogrficos, por exemplo: O mundo microscpio, o fundo do mar, o universo etc. Aparncia externa e funcionamento interno de um personagem, seja ele um prdio, um avio ou um animal (voc pode fotografar a fachada de um museu, mas isso no permite v-lo por dentro, localizar os andares e as obras) Problemas de sade, mostrando os rgos em questo Procedimentos cientficos e tecnolgicos ou que exigem abstrao e representao grfica Desastres e fenmenos naturais e suas causas (impossvel fotografar um terremoto, apenas seus danos podem ser vistos) Civilizaes e edificaes antigas e o mundo pr-histrico Obras, monumentos e intervenes urbanas que ainda esto por acontecer, entreoutros Esse o mundo onde a infografia imbatvel para transmitir didaticamente ao leitor a compreenso do assunto em questo.
104
Arte-foto - infografistas adoram ilustrar e esquecem que a foto pode dar um toque a mais de realidade na informao. Boas fotos podem ser usadas como base para que o infografista interfira posicionando destaques ilustrativos ou de texto formando uma nova imagem. Explicar, por exemplo, como ficaria a cidade sem as placas de publicidade pode ser feito usando uma foto de uma rua com as placas e, retirando as placas no Photoshop. CORTE ESQUEMTICOS - possibilitam apresentar ao leitor como as coisas so por dentro e por fora ao mesmo tempo. Pode ter como base uma foto ou uma ilustrao onde representada uma viso raio-x do objeto. Com esse recurso, o leitor pode ver ao mesmo tempo, por exemplo, o prdio que foi roubado e por onde circularam os assaltantes, o corpo humano e os rgo internos, descobrir do que e como so feitos as mquinas, construes etc. FLUXOGRAMA/PASSO A PASSO - quando o objetivo do infogrfico o de elucidar um processo ou procedimento e o simples texto corrido usado nos infogrficos do tipo para entender se mostra insuficiente ou muito pobre visualmente, o caso de recorrer aos fluxogramas. Eles permitem que os blocos de texto que descrevem cada passo do processo sejam dispostos de maneira orgnica, de preferncia com setas e cores resultando numa forma grfica diferenciada e mais interessante que o texto corrido. O fluxograma deve criar uma figura nica que permita a imediata compreenso de todo o processo, destacando o ttulo e os interttulos de cada item. Quando trata de uma descrio mais linear do processo, cada etapa pode ser ilustrada, completando e esclarecendo o texto criando um infgrafico do tipo passo a passo, onde cada quadro funciona como um fotograma de um filme, permitindo ao leitor visualizar o processo.
105
EXPLICANDO O QUE UMA FOTO MOSTRA
Infogrfico criado para mostrar aos leitores como e como funciona o manete de um avio. Soluo muito mais eficiente do que um texto
106
MOSTRANDO O QUE UMA FOTO NO MOSTRA
DIAGRAMAS ILUSTRADOS permitem tornar visvel fenmenos naturais como tsunami e terremotos
107
SUPERPODERES DA INFOGRAFIA: VISAO RAIO-X
Na ARTE-FOTO ao lado, uma viso raio-X do corpo humano com ilustraes sobre foto de personagem cria uma imagem nica
108
SUPERPODERES DA INFOGRAFIA: CONTROLAR O TEMPO
Mostrando todas uma sequncia de acontecimentos ao mesmo tempo, este PASSO A PASSO permite comparar verses e mostrar detalhes que ficariam perdidos ou complicados no texto
109
SUPERPODERES DA INFOGRAFIA: CONTROLE DO ESPAO
O infogrfico com a sequencia de planetas do Sistema Solar e o tamanho proporcional de cada um deles
Ilustrado, o PASSO A PASSO fica mais claro
ORGANOGRAMA permite visualizar a hierarquia de poder entre as partes
110
DIGA NO AO STORY-BOARD
primeira vista, o STORY-BOARD abaixo parece estar correto, mas o assassino ilustrado no primeiro quadro, que parece mulato, era de fato jovem asitico. Vrios leitores reclamaram e com razo. As informaes visuais tambm precisam ser apuradas e checadas
Substitua os STORY-BOARDS por outros tipos de infografia, como este acima que contextualiza o fato jornalstico
111
INDICANDO O CAMINHO
Um infogrfico, dois FLUXOGRAMAS: o vertical mostra uma sequencia cronolgica e o horizontal representa o processo de enriquecimento do urnio
112
ORGANOGRAMA - o mesmo raciocnio, dispor os blocos de informao de maneira no linear unindo-os com fios e setas, usado tambm para representar as relaes de hierarquia e de relacionamento entre os personagens citados na reportagem, resultando em um organograma. Eles so importantes para o leitor entender a participao de cada personagem, identificar quem estava ligado a quem e avaliar as responsabilidades ou mritos de cada um. No incomum que as notcias comecem a aparecer a partir dos peixespequenos (assessores, parentes, laranjas etc.) e o organograma uma forma grfica que permite tornar evidente a ligao com os peixes-grandes STORY-BOARD - boas histrias merecem ser contadas e destacadas. O story-board uma ferramenta da infografia para contar de forma subjetiva o que aconteceu usando da linguaguem dos quadrinhos. Sua grande vantagem reside no fato de ilustrar fatos que no foram fotografados, mas que os leitores tm curiosidade de ver (e o jornal tem demanda de mostrar imagens). Sua grande desvantagem a forma subjetiva como costuma ser desenhado. difcil ilustrar uma situao desprovido de preconceitos e isso pode criar falsas informaes visuais. No raro que o ilustrador desenhe os bandidos como negros, os ricos como gordos: fique atento e prefira os desenhos mais neutros ou silhuetas. Colete toda a informao visual disponvel sobre os personagens, veculos, locais etc. e tenha certeza de que o ilustrador saiba que se trata de um trabalho jornalstico, no artstico ainda assim pode ter certeza que o mestre Alberto Cairo vai amaldioar o resultado. PGINA INFOGRFICA - quando o infogrfico o elemento dominante na pgina. Na maioria das vezes, tem uma grande imagem
113
central como porta de entrada para o leitor, pouco texto de redao e outros pequenos infogrficos de apoio, como fichas, mapas, listas, cronologias etc. muito importante que a imagem central seja informativa e no decorativa. A produo de uma pgina infogrfica merece um planejamento rigoso, testes de leitura para certificar que a grande quantidade de informao est clara e dedicao exaustiva de infografistas e redatores envolvidos. O resultado compensa.
114
DA IDEIA AO ACABAMENTO FINAL
Depois de fazer um rascunho do infogrfico preciso definir uma soluo grfica que acrescente apelo visual
Rascunho utilizado para aprovao
e com o trao do ilustrador escolhido para a pauta
115
COMO PRODUZIR BONS INFOGRFICOS* - 1

A informao principal deve estar disponvel em nico olhar
ORGANIZE/AGRUPE Use interttulos e divida o assunto na pgina se necessrio. Textos soltos, sem interttulos e sem ordem no permitem uma viso geral do infogrfico
TORNE VISVEL A INFORMAO PRINCIPAL Seja um mapa, grfico, esquema ou uma combinao de todos esses elementos, alguma forma deve sobressair e ser dominante
CRIE DIMENSES MLTIPLAS Um bom infogrfico cruza informaes de forma a obter uma nova leitura. Assim, por exemplo,grficos devem contextualizar os acontecimentos criado nveis de leitura
ESTABELEA O CONTEXTO A maneira de representar a informao deve permitir uma leitura do todo e ressaltar os aspectos mais importantes com detalhes. Se o acidente aconteceu devido a um declive na pista, ento a vista da ilustrao deve contemplar esse declive
* Adaptado de Infographics Seminar Handout de Venkatesh Rajamanickam
INTEGRE A PGINA Os elementos de texto, infografia, fotos e ilustraes devem ser diagramados no sentido de criar uma figura nica
116
COMO PRODUZIR BONS INFOGRFICOS* - 2
Sempre que possvel, faa um esboo em papel antes de sentar frente ao computador
ADICIONE REDUNDNCIA Redundncia causa rudo em texto, mas, numa infografia facilita a compreenso visual. Num info sobre um acidente de avio, espera-se ver um avio, no uma bolinha vermelha
MOSTRE CAUSA E EFEITO mais fcil entender um esquema sabendo qual a causa e qual a conseqncia. Conte as histrias por inteiro, mesmo que apenas parte dela esteja representada
SIMPLIFIQUE Representaes simples e diretas so mais fceis de interpretar. Ns nos distramos facilmente em formas estranhas de representao. Prefira formas simples, como fios e setas, e use as cores de forma a conduzir o leitor pelo infogrfico
COMPARE E CONTRASTE Muitas medidas, como hectares, Farhenreit, Richter etc., so difceis de entender pois no fazem parte de nosso cotidiano. Transporte essas escalas para coisas que o leitor reconhea
* Adaptado de Infographics Seminar Handout de Venkatesh Rajamanickam
CONVERSE E TESTE Nem sempre a leitura que voc faz a mesma dos outros leitores. Montada a estrutura do infogrfico, pergunte a outras pessoas se elas entendem, se est claro
117
FAA SEU INFOGRFICO BRILHAR
Voc sabe exatamente o que quer mostrar, escolheu a opo correta dentro do repertrio apresentado anteriormente (ou melhor ainda: criou uma nova soluo), h espao na edio mas, visualmente o infogrfico est muito sem graa, sem apelo visual. O que fazer? Em primeiro lugar, no se preocupe tanto com isso. Se a informao estiver clara e bem contextualizada o leitor vai agradecer. Na boa infografia mais importante que os textos e imagens estejam dispostos de forma organizada, coesa e agradvel de ler. Cair na tentao de usar recursos meramente ilustrativos para tentar chamar a ateno do leitor (ou do editor) pode acabar criando um rudo visual que, por sua vez, pode distrair ou afastar o leitor das informaes que realmente interessam. Mas, isso no significa que os bons infogrficos devem ser frios e sem graa. Investir na qualidade visual com capricho e dedicao muito importante e agrega valor informao jornalstica. Antes de tudo, crie uma hierarquia visual dando mais espao infor118
mao principal e deixando o resto em segundo plano. Se o principal for um mapa, por exemplo, faa o mapa maior e deixe grficos e tabelas menores. Vamos ver a seguir algumas opes que podem valorizar um infogrfico e fazer dele uma imagem original.
1. Grafismo minimalista
Explore a beleza visual de figuras simples usando o contraste de cores e formas. Mantenha a nfase na informao com o uso de pictogramas e formas simplificadas de grficos, mapas e outros diagramas.
2. Use imagens em formas de 3 dimenses

Foto e blocos de texto so retngulares. A maioria dos infogrficos tambm. Diferencie a ilustrao infogrfica com uma vista em trs dimenses, dando profundidade imagem informativa.
3. Fatie a figUra e mostra o interior

Corte esquemtico, estruturas transparentes e vistas explodidas unem em uma nica imagem a aparncia externa e interna dando origem a uma figura inusitada que instiga a curiosidade.
119
4. Use metforas visUais

Combine o ttulo com uma imagem metafrica. Use essa imagem como ncora visual do infogrfico ou mesmo da pgina. Cuidado para no deixar a brincadeira comprometer a informao.
5. coloqUe os passos em Um nica cena

Ao invs de mostrar cada fato separadamente, junte todos em uma nica ilustrao, como se tudo estivesse acontecendo ao mesmo tempo. Escolha um ngulo que permita uma leitura da esquerda para direita
6. EXplore as comparaes de conteXto

s vezes a graa da informao s revelada se houver uma comparao adequada. Mostre isso usando imagens proporcionais. H casos em que possvel representar os objetos em tamanho real, pode ser uma opo.
120
7. Ponha Um ilUstrador para trabalhar

Escolha um artista com trao adequado ao pblico e mensagem e deixe que ele acrescente sua viso. Para dar tudo certo, defina os textos e diagrame toda a infografia e, s ento, chame o ilustrador.
8. Tire o infogrfico do retngUlo

As pginas tem colunas verticais e alinhamentos horizontais que deixam tudo retngular. Quebre essa monotonia com infogrficos que passeiam pelas colunas, deixando a pgina mais interessante.
9. Crie movimento com linhas e setas

Alm de orientar a leitura, o uso de setas pode criar a sensao de movimento nos elementos do infogrfico. Se houver valores agregados, faa a largura das setas proporcional a esses valores.
10. Use fotos ao invs de ilUstrao

Use as fotografias como base e, com uso de softwares como o Photoshop, torne evidente a situao que pretende retratar. A foto tem maior conexo com a realidade, facilitando a compreenso da imagem.
11. Tenha mais oUsadia nos grficos

Saia do modelo visual convencional de grfico que voc encontra todo dia nos cadernos de economia. Experimente novas formas de mostrar os nmeros e/ou use imagens que acrescentem informao.
121
EXEMPLOS: GRAFISMO MINIMALISTA
Um jeito ousado de apresentar a tabela da Copa do Mundo 2010. Os crculos eram proporcionais a posio dos pases no ranking Fifa
122
EXEMPLOS: GRAFISMO MINIMALISTA
Acima, a proporo das dvidas de alguns pases da zona do euro. Ao lado, as cores foram usadas para delimitar grupos de imveis
123
EXEMPLOS: FORMAS DE 3 DIMENSES
O tradicional grfico de barras ganhou volumetria (esq.); mesmo recurso das ilustraes que mostram a ao do laser em tatuagens
124
EXEMPLOS: FORMAS DE 3 DIMENSES
Perspectiva isomtrica das profundidades de explorao de petrleo cria um contraste com os outros elementos horizontais
125
EXEMPLOS: FATIE A FIGURA E MOSTRA O INTERIOR
Corte esquemtico permite visualizar todo o processo de produo de energia em uma usina hidreltrica
126
EXEMPLOS: FATIE A FIGURA E MOSTRA O INTERIOR
Vista explodida detalhada os andares do Museu de Arte de So Paulo (Masp)
127
EXEMPLOS: USE METFORAS VISUAIS
A guerra pela classificao foi o mote para criao desta pgina. Repare que at o esquema ttico formado por tanques e caas
128
EXEMPLOS: USE METFORAS VISUAIS
Mimetizando uma estrada, este infogrfico mostra os envolvidos que foram caindo no decorrer do caso
129
EXEMPLOS: todos os passos em um nica cena
Os vrios momentos da viagem do peixe-boi colocados lado a lado permitem uma comparao visual mais imediata
130
EXEMPLOS: todos os passos em um nica cena
Uma nica ilustrao principal foi usada como suporte para uma srie de problemas possveis em uma cozinha
131
EXEMPLOS: EXPLORE AS COMPARAES DE CONTEXTO
Impresso em tamanho real, o crculo de 53 cm mostrava exatamente o dimetro pelo qual seriam resgatados os mineiros chilenos
132
EXEMPLOS: EXPLORE AS COMPARAES DE CONTEXTO
As dimenses s ganham valor quando comparadas. Neste caso, o comprimento de lula gigante em contraste com a altura mdia de um homem
133
EXEMPLOS: PONHA UM ILUSTRADOR PARA TRABALHAR
importante escolher um estilo de ilustrao adequado pauta, como estas elegantes ilustraes no infogrfico sobre check-up
134
EXEMPLOS: PONHA UM ILUSTRADOR PARA TRABALHAR
A ao do flor simples (e chata) mas, nas mos de ilutrador de talento ganha vida e prende a ateno
135
EXEMPLOS: TIRE O INFOGRFICO DO RETNGULO
Nesta sequencia de pginas, a infografia cria um caminho por onde passeiam as informaes e ilustraes
136
EXEMPLOS: TIRE O INFOGRFICO DO RETNGULO
Nem horizontal, nem vertical: a soluo para movimentar esta pgina sobre o sistema solar foi criar uma diagonal entre as colunas de texto
137
EXEMPLOS: CRIE MOVIMENTO COM LINHAS E SETAS
Alm de dar movimento, o uso de setas neste infogrfico ajuda a organizar o contedo e criar uma sequencia de leitura
138
EXEMPLOS: CRIE MOVIMENTO COM LINHAS E SETAS
Acima, passo a passo de um programa de TV; ao lado, o diagrama ilustrado de um acidente rodovirio
139
EXEMPLOS: USE FOTOS AO INVS DE ILUSTRAO
Fotos recortadas remetem aos assuntos tratados no mapa dos efeitos do aquecimento global
140
EXEMPLOS: USE FOTOS AO INVS DE ILUSTRAO
Fotomontagem com raas caninas (acima) e sobreposio de imagem da estrutura nasal em infogrfico sobre a rinoplastia
141
EXEMPLOS: TENHA MAIS OUSADIA NOS GRFICOS
Grfico de barras segue a forma circular do globo para enfatizar as dimenses da emisso de CO2
142
Infografia mostra a proporo dos partidos a cada eleio desde 1982
143
Vrios tipos de grficos so reunidos em um s em pgina dupla aps o resultado da eleio 2010
144
PENSE A PGINA COMO UM TODO
O trabalho do reprter ou do redator no termina quando ele retranca a matria, da mesma forma que a tarefa do fotgrafo no acaba quando ele d um clique e que a misso do infografista no est completa no print isolado do infogrfico. Todos tem que ter em mente o peso e a funo que sua informao vai ter no produto final, a pgina, suporte final da reportagem. E todos podem e devem interferir em sua criao. Num jornal pensado como linha de produo, a pgina responsabilidade exclusiva da edio e o diagramador tem funo tcnica, fazendo apenas o que a edio manda. J no jornalismo visual, toda a equipe deve estar envolvida na edio, ciente e participante na elaborao da pgina, porque sabe que o leitor no v as informaes isoladamente. O leitor v a pgina como um todo. Por isso, bom que a equipe estabelea um consenso sobre qual tipo de informao mais relevante e como cada uma delas vai estar graficamente disposta na pgina. Todos precisam ter postura ativa e disposio para organizar as informaes e contar a histria da melhor maneira possvel.
145
TIPO DE NOTCIA x TIPO DE PGINA
Como o texto, a foto e a ilustrao perdem ou ganham destaque conforme a narrativa
NOTCIA
PGINAS MAIS FOTOGRFICAS Nas coberturas quentes a foto geralmente o mais o importante registro da notcia e deve ser privilegiada Exemplos: Personagens, produtos, lugares, conflitos e eventos em geral Anlise e servio podem contar com ilustraes que interpretam os dados e direcionam a leitura Exemplos: Servios, rankings, listas, apoios didticos e cronolgicos Informaes numricas ou geogrficas devem privilegiar o uso de infogrficos Exemplos: Divulgao de dados numricos, estudos, pesquisas e numeros em geral A infografia merece maior espao e investimento em pautas onde o didatismo o foco da reportagem Exemplos: cincia, sade, arquitetura, urbanismo, relaes e processos
INFOGRFICO
MAPAS E RAIO-X Sua funo bsica responder: onde? Podem ainda mostrar diferenas regionais, trajetos etc. Com fotos ou ilustraes seguram qualquer pgina ARTES-TEXTO Tm esse nome porque, quase sempre, o texto ocupa a maior parte do espao grfico. So timo material de apoio em reportagens com boas fotos e, em especial, servios ao leitor GRFICOS Por meio dos grficos o leitor pode ter uma representao visual de maior ou menor, queda ou alta e porcentagens, comparando de imediato as grandezas em questo DIAGRAMAS Nesse tipo de infogrfico, a imagem a informao mais importante. A parte difcil que nem sempre a imagem visual est clara, pronta. Precisa de uma pauta objetiva e de mais tempo para produo
SOLUO
Contraste usando fotos grandes x mapa pequeno ou mapa grande x fotos pequenas
Veja quais as relaes entre os tpicos de texto e tente criar um diagrama ou esquema. Use ilustraes, vinhetas ou fotos ligadas ao texto Aposte na simplicidade, clareza e contexto dos dados para criar uma imagem original
PGINAS MAIS INFOGRFICAS
Pense bem em qual estilo grfico combina melhor com o tipo de informao que voc pretende transmitir e tipo de pblico ao qual se destina
146
ANEXO: DICAS PRTICAS DE INFOGRAFIA
147
ANEXO 1 - COMO FAZER UM INFOGRFICO

1 COMECE PELO TTULO
1 infogrfico = 1 histria No exagere no contedo
Crie um ttulo que descreva o que o info vai mostrar. O mapa da dengue, por exemplo, gera um resultado diferente de Como evitar a dengue. Faa um ttulo que ajude voc e o infografista a saberem qual o objetivo do infogrfico
2 MOSTRE VISUALMENTE A INFORMAO

Infografia texto + imagem, por isso no pense s no texto. Rabisque sua ideia ou escolha uma das formas a seguir
3
O QUE VOC QUER MOSTRAR Nmeros Alta / queda Participao Comparaes Onde fica Trajeto/ como foi Dados geogrficos Cartogramas Esquema Organograma Passo a passo Como funciona Raio-X/ Dicas/ lista Entenda o caso Como era/ ficou Crono/ Tabelas
4
QUAL RECURSO USAR GRFICOS
Comp ara o
Evoluo
5
COMO MELHORAR O INFOGRFICO
- Escolha UM grfico principal. Faa os outros menores criando uma narrativa - Explique os nmeros, mostre por que eles so importantes: Ex.: US$ 14 tri = 7 vezes o PIB do Brasil - Marque referncias que ajudem o leitor a se localizar (monumentos, rios) - Use o mapa como base para distribuir as informaes em pauta - Trace rotas para orientar a leitura - Faa um rascunho antes de comear a escrever. Os textos vo acompanhar o diagrama, no o contrrio - Veja se o diagrama pode ser disposto em mapa ou incluir valores ($, %, tempo) - Use interttulos para separar os blocos - Use fotos ou ilustraes para ajudar a sinalizar os pontos principais - Veja se no possvel organizar como um diagrama, fica muito melhor
Distribui
MAPAS
Dados
Onde
DIAGRAMAS
Esquem
Fluxo
ARTES-TEXTO
Fotos
Ilustraes
s
Vinheta
148
ANEXO 1 - COMO PENSAR VISUALMENTE?

1 EXPERIMENTE PENSAR NO
LEITOR COMO UM AMIGO Conte suas histrias mostrando imagens que prendam a ateno e facilitem a compreenso A infografia, o vdeo e a fotografia so ferramentas eficientes que todo jornalista deve saber usar
Algumas histrias ficam mais fceis com IMAGEM do que s com texto
observe como os jornalistas costumam contar sobre PARA O LEITOR: S TEXTO

O Sonique (centro de So Paulo) recebe a festa temtica Dark Room nesta tera-feira (24), vspera de feriado na cidade. Inspirado em boates londrinas que promovem festas semelhantes, o evento vai ter esse clima ora com ambiente com meia luz, ora luz negra e, em vrios momentos, escurido total --propcio para a paquera. As pessoas que forem vestidas com peas pretas ganham uma dose do drinque Black Power. O set-list dos DJs Ulisses Campbell, Biondo e Fbio Abraho passa pelo pop, house e incluem Com isso, o salrio-base dos bombeiros passar de R$ 1.151 para R$ 1.215, segundo dados oficiais do governo --os bombeiros dizem que o salrio-base da categoria de R$ 950. O aumento ainda muito aqum dos R$ 2.000 de piso reivindicados pelos bombeiros antes da priso de 439 invasores do quartel no sbado. Desde ento, os bombeiros transformaram a libertao dos seus colegas na principal reivindicao, e parte de seus lderes diz que s negociar a questo salarial aps a soltura.
PARA OS AMIGOS: TEXTO + IMAGEM Jornalista Festa!!!!
UM LUGAR
UM VALOR
Jornalista Respondeu
149
ANEXO 1 - COMO ESCREVER PARA INFOGRAFIA?

1 TTULO E LINHA FINA DEVEM DESCREVER
O QUE O LEITOR VAI VISUALIZAR O texto em tpico deve ser curto e objetivo Se precisar de muito texto talvez seja melhor fazer uma matria com esta abordagem e escolher outro enfoque para o infogrfico FAA O TEXTO EM FUNO DA IMAGEM QUE PRETENDE REPRESENTAR Evite palavras longas, no infogrfico elas podem ocupar uma linha inteira Use exemplos e comparativos para dar contexto SUBTTULOS E INTERTTULOS Use estes recursos para separar, destacar ou organizar as informaes
LEMBRE-SE: Em geral, DUAS linhas no Word equivalem a OITO linhas no infogrfico
Alguns exemplos de texto para infografia
Arte-texto
Mapa
Diagrama
Grfico
2
DICAS Para driblar o calor Roupas - Use roupas leves. O ideal usar uma camiseta leve de algodo Alimentao - Prefira alimentao mais leve noite - Tomar ao menos 1,5 litro de gua por dia.
3
LOCAL DO ACIDENTE Avio caiu as 18h SO PAULO RIO DE JANEIRO MINAS GERAIS Campinas Belo Horizonte Itajub (Avio Cessna 206 saiu de Campinas as 17h30 e caiu em Itajub)
4
COMO FUNCIONA A incinerao do lixo como fonte de energia 1 - COLETA - Caminhes recolhem o lixo nas ruas e levam para usinas 2 - QUEIMA - Na usina, os resduos so submetidos a altas temperaturas (PDF anexo) 3 - ENERGIA - A energia transformada em vapor e movimenta turbinas
5
FRUTAS EM ALTA R$ por kg 2009 2010 2011 Banana 2,20 3,15 5,50 Destaque 2011: Maior alta da desde nov.2002
Agrupe os itens com interttulos
Indique o quer mostrar
Inclua referncias visuais
Valorize o dado mais importante
150
ANEXO 1 - D PRA COLOCAR UM DESENHINHO?

1 AT D, MAS NA INFOGRAFIA Assim que tiver a ideia pode pedir a ilustrao na Arte, o texto pode vir depois
MELHOR QUE A ILUSTRAO TENHA UMA FUNO S use uma ilustrao decorativa em ltimo caso Prefira imagens informativas ou use a ilustrao para ligar e dar sentido a informaes que ficariam dispersas
Exemplos de bom uso da ilustrao na infografia
Ilustrao como informao tcnica/ cientfica Melhor alternativa para registrar este tipo de informao Permite que o leitor visualize coisas impossveis de serem fotografadas como projetos, o mundo celular ou espacial
Ilustrao como metfora visual da pauta Boa soluo para representar editorialmente temas que se prolongam no noticirio bom tomar cuidado para que a brincadeira no atrapalhe a informao que interessa de fato
Ilustrao como sinalizao do tema ou do personagem Boa alternativa para pautas que no tem fotos e o texto em tpicos o mais relevante melhor que uma das ilustraes seja maior do que as outras para orientar a leitura
151
152
infolide.com
153

Infografe Mario Kanno Pag Simples

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Infografe Mario Kanno Pag Simples

Enviado por

Direitos autorais:

Formatos disponíveis

Infografe

Edio eletrnica So Paulo INFOLIDE.COM 2013

Trecho do PNLD 2014 (PROGRAMA NACIONAL DO LIVRO DIDTICO)

InfoGrafia e Jornalismo Visual

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

Dirio inicia com uso da tipografia manual

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

A empresa adota a linotipia

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

O jornal pioneiro em impresso off-set

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

Jornal adota o istema eletrnico de fotocomposio

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

Cor e computadores para infografia

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

implantado o sistema de paginao eletrnica

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

Uso intensivo e at exagerado da cor

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

Inaugura novo centro grfico

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

Projeto grfico j visava leitura mais rpida

A EVOLUO TECNOLGICA E A RELAO TEXTO+IMAGEM NA FOLHA

Dirio nasceu em 19 de fevereiro de 1921 com o nome Folha da Noite

Aposta no infogrfico como diferencial de qualidade

QUASE 100 ANOS DEPOIS

Passado 100% texto

Presente 60% texto

Mas os jornalistas continuam os mesmos

Elementos nos quais o leitor foca o olhar, segundo a pesquisa americana

Exemplos de caminho do olhar do leitor em pesquisa eye-tracking*

RESULTADO Texto tradicional ignorado. Ttulo e infografia monopolizam o olhar

TEXTO E IMAGENS INTEGRADOS

RESULTADO Infografia integrada ao texto aumenta a leitura

QUAL PGINA COMUNICA MELHOR?

Modelo 1 Texto tradicional forma em um nico bloco de quatro colunas

QUAL PGINA COMUNICA MELHOR?

Modelo 3 Sem texto tradicional, apenas texto em tpicos

O FUTURO DO JORNAL E O JORNALISTA DO FUTURO

COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 1

JORNALISTA QUEM ESCREVE

COMO O TIPO DE JORNALISMO AFETA O RESULTADO - 2

PRIMRDIOS DA VISUALIZAO DE DADOS

O primeiro mapa gravado em pedra representa moradias e, ao fundo, um vulco

O mundo segundo Anaximandro de Mileto (c.610 a.C.- 546 d.C.)

APERFEIOAMENTO DOS MAPAS E PRIMEIROS GRFICOS

NOVAS FORMAS DE REPRESENTAO

O primeiro mapa topogrfico. Marcellin du Carla-Boniface, Frana

INTRODUO DOS GRFICOS MODERNOS

Grfico de pizza circular, de William Playfair (1759-1823), Inglaterra

A INFOGRAFIA COMO ARMA DE CONVENCIMENTO

DIAGRAMA GEOGRFICO E DIAGRAMA VISUAL

A INFOGRAFIA INVADE A IMPRENSA

COMO PRODUZIR INFOGRFICOS

O PAPEL DE UM: INTEGRAO COM A EQUIPE DE CONTEDO