Escola Superior de Tecnologia de Tomar

Ctia Sofia Pereira Neves

INFOGRAFIA EM MEIO DIGITAL

Relatrio de Estgio
Orientado por:
Dr. Lus Filipe Cunha Moreira (Instituto Politcnico de Tomar)

Mestre Isabel Monteiro Freire Santos (IPT),

Dr. Paulo Jorge Alcobia Simes (do ISEC) e
Dr. Lus Filipe Cunha Moreira (orientador)

Relatrio de Estgio
apresentado ao Instituto Politcnico de Tomar
para cumprimento dos requesitos necessrios
obteno do grau de Mestre
em Design editorial

Resumo
A infografia utilizada cada vez mais no nosso dia a dia. Tendo se tornado cada vez mais
digital e interativa, importante perceber como que ela surgiu e como evoluiu ao longo
da histria. A alterao das necessidades do ser humano e a evoluo da tecnologia esto intimamente relacionados com a evoluo da infografia, sua adaptao e forma de construo.
Os infografistas adaptaram-se a esta nova realidade e s necessidades do leitor. fundamental
conhecer a teoria por trs da infografia, os autores que defendem diferentes ideias e opinies, as vrias tipologias apresentadas pelos mesmos, e, to importante como ela, o contacto direto com a prtica, o conseguir transmitir a informao de uma forma clara e objetiva.

Palavras-chave: infografia, infografia digital; interatividade; interao; leitor; informao

Abstract
Nowadays, infographics are used more and more in our daily lives. Having become digital
and increasingly interactive, it is important to understand its origins and how it envolved
throughout history. The change in the needs of human beings and the evolution of technology are closely related to the development of infographics, its adaptation and its construction.
Computer graphics designers have adapted to this new reality and the needs of the reader.
It is fundamental to understand the theory behind infographics, the authors who defend
different ideas and opinions and the various typologies they present. Equally important, is
the direct contact with practical experience being able to transmit information in a clear and
objective way.

Keywords: infographics; digital infographics; interactivity; interaction; reader; information

Agradecimentos
Agradeo ao Jornal Pblico e a toda a equipa do jornal, por me terem recebido e integrado
to bem na equipa, por todo o conhecimento transmitido e por me terem proporcionado
uma experincia nica a nvel do campo profissional.
Um especial agradecimento equipa do departamento de infografia por todo o apoio e
compreenso durante o estgio.
Por fim, o ltimo agradecimento ao professor Lus Moreira, minha famlia e amigos pela
ajuda e compreenso no decorrer deste trabalho.
A todos, muito obrigada.

ndice
1. Infografia esttica
Definio
Evoluo histrica
As primeiras infografias de imprensa
A revoluo dos anos 80
Teoria da construo da infografia
Tipologias
Utilizao da cor como informao
Prmios Malofiej

12
15
20
23
24
26
35
37

2. Infografia interativa
A infografia no mundo digital
A transio para a interatividade
As caractersticas
Princpios da interactividade
Tipologias
Infografia com bases de dados
Surgimento da infografia digital em Portugal

42
44
46
48
53
55
57

3. Infografia no Jornal Pblico

Breve Histria
O departamento de infografia
A equipa
O processo de trabalho
Bases de trabalho
Trabalho desenvolvido durante o estgio
Ambiente analgico
Ambiente digital

60
62
63
64
66
71

Concluso 74
Referncias Bibliogrficas 75

ndice de figuras
Figura 1 / New Chart of History de Joseph Priestley, 1769
Figura 2 / Grfico de sries temporais, publicado no Atlas Comercial
e Poltico de 1786
Figura 3 / Grfico de barras
Figura 4 / Grfico de queijo
Figura 5 / Infogrfico criado por Charles Joseph Minard sobre a marcha
de Napoleo sobre Moscovo em 1989
Figura 6 / Mapa antigo do metro de Londres, 1908
Figura 7 / Mapa do metro de Londres, realizado por Harry Beck, 1933
Figura 8 / Localizao de mortes por clera no centro de Londres pelo
Dr. Jonh Snow, 1853
Figura 9 / The Daily Courant - mapa da baa de Cdiz, em Espanha
Figura 10 / Infografia do assasinato de Isaac Blight
Figura 11 / Um dos primeiros mapas meteorolgicos que inclua
as ilhas Britnicas e grande parte do continere europeu
Figura 12 / Exploso em 1898 do navio Maine norte-americano em Havana
Figura 13 / Infografia publicada na Gazeta de Lisboa Ocidental
Figura 14 / Infografia representativa: vistas e cortes de um tanque de guerra
Figura 15 / Infografia explicativa (passo a passo) - Virus da Dengue
Figura 16 / Reportagem Grfica
Figura 17 / Info-mapa
Figura 18 / Infografia de 1. nvel
Figura 19 / Infografia de 2. nvel
Figura 20 / Sequncia espao-temporal
Figura 21 / Infografia mista
Figura 22 / Megainfografias
Figura 23 / Evoluo da infografia
Figura 24 / Infografia individual documental
Figura 25 / Infografia coletiva comparativa
Figura 26 / Lei da continuidade - rvore genealgica
Figura 27 / Literary Agency: a visualization of the first part of One the Road, Jack Rerouac
Figura 28 / Infografia sobre os principais ingredientes da cerveja
Figura 29 / Messi & Ronaldo, relatrio e contas - infografia premiada como prata
Figura 30 / H 35 anos, numa galaxia muito, muito distante... - Sobre a saga
cinematogrfica da Guerra das Estrelas) - Infografia premiada como prata
Figura 31 / Batman (sobre a srie cinematogrfica) - Infografia premiada
como bronze
Figura 32 / Infografia O Milagre da Torneira
Figura 33 / The New York Times - Is It Better to But or Rent?
Figura 34 / Botes
Figura 35 / The New York Times - The Master of Clay Takes Aim at the Fast Courts
Figura 36 / As trs classes de interao
Figura 37 / El Mundo - Grfico sobre a cirugia de reduo de estmago
Figura 38 / El Mundo Qu se puede hacer com 25mm

15
16
16
16
17
18
18
19
20
20
21
21
22
26
27
27
28
28
29
29
30
30
31
32
33
34
35
36
38
39
39
43
47
48
49
50
51
52
55

Figura 39 / Sector Snapshot: Energy

Figura 40 / Infografia realizada pelo Jornal Pblico
Figura 41 / Primeira edio do jornal - 5 de maro de 1990
Figura 42 / Diretores do Pblico
Figura 43 / Suplementos do Pblico
Figura 44 / Grfico de linhas
Figura 45 / Grfico de barras
Figura 46 / Paleta de cores
Figura 47 / Paleta de cores
Figura 48 e 49 / Previso do tempo e audincias
Figura 50 / Impacto da reduo da TSU para as empresas
Figura 51 / Testes de cor
Figura 52 / Infografia Mars... de anos
Figura 53 / Os 20 pases mais famintos
Figura 54 / O grande salto de Felix Baumgartner
Figura 55 / Fichas sobre o ranking das escolas
Figura 56 / Infografia sobre o ranking das escolas secundrias
Figura 57 / Infografia digital - O Mar Portugus
Figura 58 / Infografia digital sobre as eleies dos Estados Unidos da America
Figura 59 / Infografia digital sobre a Palestina

60
61
61
62
63
63
64
65
66
66
67
67
68
68
69
70
70
71
72
73

ndice de tabelas
Tabela 1/ Sentidos da infgorafia
Tabela 2 / Modelo de classificao de Beatriz Ribas

12
54

Introduo
Este trabalho surge no mbito do estgio realizado no jornal Pblico. O contacto direto com
a realizao de infografias despertou o interesse sobre o tema em meio digital. de fundamental importncia compreender a infografia, contextualizar e conhecer as suas razes, a sua
origem, perceber como evolui at aos dias de hoje e como nos efluencia diariamente. Ao
longo deste trabalho pretendemos aprofundar estas ideias, auxiliadas com pesquisa bibliogrfica, fundamentadas por diferentes autores. Apresentamos, assim, um trabalho dividido
em trs partes.
A primeira parte, infografia esttica, aborda a definio de infografia e a sua evoluo
histrica. Neste captulo, so abordadas as primeiras infografias realizadas e a revoluo dos
anos 80, marco histrico na evoluo da infografia. Aborda-se ainda a teoria da construo
da infografia, de modo a compreender-se os princpios de uma boa infografia. Compreender
as diferentes tipologias um outro objetivo. Por fim, apresentada a utilizao da cor como
informao e os prmios Malofiej.
A segunda parte deste trabalho refere-se a uma nova forma de representar as infografias, que
d pelo nome de infografias interativas, onde se compreender como a infografia funciona no mundo digital. Vamos perceber como foi a passagem para a interatividade, as caractersticas, os princpios da interatividade e as tipologias de uma infografia interativa. Passando
depois s infografias com base de dados e o surgimento da infografia interativa em Portugal.
Por ltimo, a terceira parte, composta pelo relatrio de estgio realizado no jornal Pblico, onde descrita a histria do jornal, a equipa, o espao, o trabalho desenvolvido tanto
em suporte analgico como em digital, bem como a metodologia utilizada ao longo dos 6
meses de estgio.
Com este trabalho pretendemos assim, contextualizar e aprofundar o tema infografia em
meio digital.

01

Infografia esttica
If you cant explain it simply,
you dont understand it well enough.
Albert Einstein

Definio
O termo anglo-saxnico que deu origem palavra infografia infographics. Esta palavra resulta da contrao das duas palavras da expresso information graphics, que significa a representao grfica de informao, e que consiste em utilizar ferramentas visuais como mapas,
desenhos, ilustraes e tabelas combinadas com texto, com a inteno de transmitir ao leitor
informao complexa de um modo tal que torne fcil a compreenso (adaptado de Cairo,
2004; De Pablos, 1999).
Valero Sancho1 argumenta que a palavra infografia no o mesmo que informao grfica,
visto que existem outras formas de expresso no jornalismo que tambm informam com
recursos grficos.
Hoje em dia uma infografia muitas vezes chamada pela expresso genrica grfico,
pois os leitores associam de maneira mais fcil ao que corresponde. Segundo Valero Sancho
(2001, p. 21) pode dizer-se com alguma certeza que a infografia de imprensa uma informao, realizada com elementos tipogrficos, que facilita a compreenso dos acontecimentos, aes, coisas da atualidade ou alguns dos seus aspetos mais significativos e acompanha
ou substitui um texto informtico.2
A histria da infografia to antiga como a conjugao da imagem e texto, por isso, um
erro atribuir a infografia informtica (De Pablos, 1999). Para Pablos 3 o termo infografia
um neologismo que teve origem nos Estados Unidos, e que pode ter dois sentidos (tabela 1).

Tabela 1
Sentidos da infografia

Info

Grafia

Derivado dos programas de softwares

grficos do computador

Informtica

Animao

Derivado do analgico que resulta

da comunicao pessoal

Informao

Suporte analgico

Para o autor, a infografia a apresentao impressa do binmio imagem + texto (bl + T),
que atravs de qualquer suporte de comunicao transmite a informao de forma clara e
objetiva, possibilitando uma rpida compreenso dos contedos por parte do leitor.
J Alberto Cairo4 (2008) prefere o termo visualizao de informao, em vez do termo infografia. O autor prefere este termo devido prpria infografia ser estetizante e conseguir
enfatizar o aspeto da apresentao, o peso visual do grfico e o poder que tem para fazer com
que as pginas fiquem mais atrativas, ligeiras e dinmicas, tornando-se assim numa repre-

1
2

3
4

Professor de comunicao audiovisual e de publicidade na Faculdade Autnoma de Barcelona

Se puede decir con cierta seguridad que la infografa de prensa es una aportacin informativa, realizada con
elementos icnicos y tipogrficos, que permite o facilita la comprensin de los acontecimientos, acciones o
cosas de actualidad o algunos de sus aspectos ms significativos, y acompaa o sustituye al texto informatico.
(Valero Sancho; 2001, p. 21) Traduo da autora
Professor de jornalismo e diretor fundador da emblemtica Revista Latina de Comunicacin Social
Professor de infografia e multimdia na escola de jornalismo da Universidade da Carolina do Norte (EUA). Trabalha ainda como consultor, assessor e freelancer para jornais de renome mundial (The New York Times, National
Geographic).

12

sentao diagramada de dados. A componente central de qualquer infografia o diagrama,

que uma representao abstrata de uma realidade. Qualquer informao apresentada em
forma de diagrama, isto , desenhos em que so representadas as relaes entre as diferentes partes de um conjunto ou sistema, so uma infografia.5 Nigel Holmes defendia que os
diagramas deveriam ter uma apresentao grfica que imediatamente e quase ser ler o texto,
mostrasse ao leitor o tema tratado e os dados principais (SERRA, 1998).
Para Raymond Colle6 (1998) uma infografia uma unidade espacial que utiliza linguagem
verbal e no verbal para oferecer informaes amplas e precisas, que seriam muito complexas e demorariam muito tempo se fossem apenas comunicadas atravs do discurso verbal.
Numa infografia o leitor pode optar por comear a ler por onde desejar, isto , num texto
o leitor teria de comear a ler pelo incio para compreender a noticia, numa infografia isso
pode no acontecer dependendo na informao que nela consta. Lpez Hidalgo7 (2002)
identifica a infografia como um gnero jornalstico complementar. Para o autor a infografia
no apenas uma ilustrao, mas um conjunto de elementos grficos e textuais com estrutura prpria, cujo fim ilustrar mas tambm informar, ou seja, dar informao e documentao que nem sempre esto contidas no texto principal que o complementa. Contudo Carlos
Abreu Sojo8 (2002) considera que a infografia um gnero jornalstico autnomo, e no
complementar como para Hidalgo, por quatro razes fundamentais:
1.
2.
3.
4.

tem uma estrutura claramente definida (ttulo, texto, corpo, fonte e crdito);
tem uma finalidade;
possui marcas formais que se repetem em diferentes trabalhos;
tem sentido por si prpria.

A estrutura bsica de uma infografia deve conter ttulo, texto e fonte, esta assemelha-se a
uma reportagem no sentido em que deve responder s tradicionais perguntas: o qu? (o
assunto), quem? (os protagonistas do acontecimento), quando? (a data do acontecimento),
como? (de que maneira aconteceu), onde? (local em que ocorreu) e porqu? (motivos que
levaram ao acontecimento), sendo o seu principal objetivo informar.
Com o desenvolvimento que as infografias tm vindo a ter, verificamos a presena das mesmas em vrios meios de comunicao como jornais, revistas e canais digitais (televiso).
A infografia no existe simplesmente para ser observada, mas sim para ser lida. O objetivo
central de qualquer infografia no a beleza nem o impacto visual por si s, esta deve ser
compreensvel em primeiro lugar e s bela (ou ento, ser bela por causa da sua requintada
funcionalidade).9
Na realizao das infografias no se deve esquecer que na altura de as construir so as ideias
e a criao que permitem realizar um trabalho com qualidade e apresentar um bom produto
final. Claro que todas essas ideias se no forem produzidas com algum esforo e dedicao

6
7
8
9

Cualquier informacin presentada en forma de diagrama - esto es, dibujo en el que se muestran las relaciones
entre las diferentes partes de un conjunto o sisteme - es una infografia. (Alberto Cairo, 2008, p.21) Traduo
da autora
Professor na Faculdade de Comunicao da Universidade de La Lagura, Tenerife, Espanha
Professor de redao de jornalismo na Faculdade de Cincias da Informao da Universidade de Sevilha
Professor da Universidade Central da Venuzuela. chefe do departamento de jornalismo infomativo
(...) un infogrfico no es algo simplemente para ser observado , sino para ser ledo ; el objetivo central de
cualquier trabajo de visualizacin no es la esttica ni el impacto visual per se , sino el ser comprensible primero
y bello despus (o ser bello a travs de una exquisita funcionalidad). (Alberto Cairo, 2011, p.16) Traduo da
autora

13

por parte do infografista, no h garantias de que esteja a ser construida uma boa comunicao entre os leitores. Beatriz Ribas10 (2004, p.04) afirma, que a infografia tem a funo
de facilitar a comunicao, ampliar o potencial de compreenso dos leitores, permitir uma
viso geral dos acontecimentos e detalhar informaes menos familiares ao pblico. utilizada como uma explicao de uma determinada informao, que apresentada de forma
simples e de leitura rpida. Quando esta consegue ser realizada atravs de uma leitura fluida,
atinge o seu objetivo, na viso do observador. Para Jlio Alonso11 certas infografias podem
ser publicadas sozinhas, isto , sem que estejam acompanhadas por texto descrito. A estas
o autor chama de infografias perfeitas.
Para Elio Leturia12 (1998), as infografias so extremamente teis para expor informaes
que sejam complexas de entender atravs de apenas texto. O autor acredita que o leitor
comum l cada vez menos e a infografia pode ser, no final de tudo, um recurso ideal para
contar um acontecimento de forma visual e interativa.
Atravs da realizao das infografias conseguimos representar qualquer tipo de dados e de
informao possvel. A sua linguagem uma fuso de textos e de grficos, por isso muito
importante perceber como que as infografias se relacionam com o design e com os seus
princpios na sua realizao (adaptado de Cairo, 2005).
Tradicionalmente, a infografia pode apresentar-se de vrias formas e ser vista como elementos visuais, como por exemplo grficos estticos (barras, queijos), mapas e diagramas, como
iremos falar mais adiante. Estes grficos transmitem uma grande quantidade de informao,
o que possibilita que o leitor compreenda parte da mensagem apenas com a leitura do grfico. Como escreve Pablos, o duplo papel da infografia facilitar a comunicao de certo tipo
de informaes e prestar o seu apoio ao (jornal) dirio clssico, num perodo de recesso de
leitura e perda de leitores para outro meios (Ribeiro, 2008, p.28).
Nos dias de hoje, a infografia est muito presente na nossa sociedade sob diversas formas:
em mapas, em sinaltica, nos jornais, na educao, nos cartes de visita, o que permite explicar, com imagens e pequenos blocos de texto, mincias que passariam despercebidas - detalhes de processos mdicos, eventos microscpicos, subterrneos, submarinos ou espaciais
(De Pablos, 1999).
Susana Ribeiro13 refere, que existem trs formas diferentes de infografia, sendo elas: a infografia de imprensa, contendo todos os meios com suporte em papel (jornais, revistas, entre
outros); a infografia online, que por meio da exploso digital tem vindo a ganhar interesse
(encontramos-la em jornais e em revistas online) - que iremos apresentar no prximo capitulo - e a infografia aplicada ao meio televisivo (Ribeiro, 2008, p. 26).
Em resumo, a palavra infografia assume diferentes definies consoantes os autores. A infografia agrupa texto e imagem, tornando a informao complexa mais atrativa e de fcil compreenso para o leitor. A sua utilizao veio trazer novas formas de leitura e de assimilao
da informao.

10
11
12
13

Jornalista e mestre em Comunicao e Cultura Contemporneas pela Facom/UFBA.

Director geral da Weblogs SL.
Professor associado no departamento de jornalismo da Colombia colgio de Chicago, onde leciona jornalismo visual.
Jornalista do Pblico.

14

Evoluo Histrica
A visualizao jornalstica no nasce com o jornalismo, mas sim com a arte
(Cairo, 2008)

Embora no exista um consenso sobre o incio da infografia, para vrios autores (Chapp,
1993; De Pablos, 1999; Valero Sancho, 2001) a infografia existe desde a era dos homens
primitivos, quando estes pintavam desenhos nas paredes das cavernas. Contudo para Alberto
Cairo essas pinturas no podem ser consideradas como uma tentativa de expresso do ser
humano, pois na altura no existia conhecimento do que o ser humano tentava comunicar.
Para ele a primeira tentativa de comunicao a que se pode chamar de infografias so os
mapas primitivos gravados em pedaos de couro.
No sculo XVIII, houve vrios autores que se destacaram pelas suas publicaes: Joseph
Priestly (1733-1804), conhecido pelas publicaes Chart of Biography publicada em 1765 e
New Chart of History publicada em 1789. Nas suas publicaes conseguiu representar perodos da histria de uma forma simples e clara. No grfico Chart of Biography representado o
nome e a vida de grandes personagens da histria desde 1200 a.C at 1750. Esta informao
aparece dividida por categorias: polticos, filsofos, matemticos, artistas, oradores e historiadores. No grfico New Chart of History (figura 1) representada uma cronologia das reas
de expanso dos imprios e reinos mundiais.

Figura 1
New Chart of History
de Joseph Priestley, 1769

15

Ao longo dos anos com o desenvolvimento da imprensa escrita e com o aparecimento dos
primeiros grficos, comearam a surgir os primeiros livros que continham grficos e diagramas. William Playfair (1759-1823), inventor das 3 formas fundamentais de estatstica, foi
um dos que publicou, em 1786, os primeiros grficos de linhas (figura 2) e de barras (figura
3) na sua obra The Commercial and Political Atlas. Estes grficos analisavam o equilbrio comercial das importaes e exportaes entre Inglaterra e os outros pases.

Figura 2
Grfico de sries temporais,
publicado no Atlas Comercial
e Poltico de 1786
Figura 3
Grfico de barras

Entre 1800 e 1949 existe um perodo que chamado como o da infografia moderna. Nesta
altura comearam a aparecer os primeiros grficos circulares (figura 4) de Playfair, chamados
na altura de grficos pizza (mais conhecidos hoje em dia por grficos de queijo), e o primeiro
mapa geolgico da Inglaterra e do Pas de Gales desenhado por William Smithy (17691839). Playfair acreditava que a visualizao de dados facilitava a compreenso da informao, ao invs desta ser apresentada em forma de texto, ou mesmo atravs do uso de tabelas
com nmeros. O autor criou ento os grficos de linhas, barras e queijos, que possibilitavam
ao leitor comparar as diferentes correlaes entre os dados apresentados.

Figura 4
Grfico de queijo

16

Em 1869, a infografia de Charles Joseph Minard14 (1781-1870), que retrata as perdas sofridas pelo exercito de Napoleo na campanha da Rssia em 1812 (figura 5), foi classificada
como a melhor infografia da histria, produzida usando dados estatsticos para a visualizao (adaptado de Cairo, 2008; Tufte, 2001). Atravs da visualizao do grfico observamos
de imediato a diferena entre o nmero de soldados (422 000) que partiram para Moscovo
e os que regressaram (100 00); o movimento das tropas e reunio; o movimento de ida e
volta que representado por cores diferentes (linha de cor representa a ida e a linha preta o
regresso dos soldados); e para complementar a informao apresentada em certos pontos
do mapa a temperatura.

Numa infografia a abstrao um componente essencial no desenho: eliminar o que no

necessrio para que o que necessrio tenha destaque. Este um impulso criativo que se
destaca no clebre mapa do metro de Londres de 1933, obra do engenheiro ingls Henry Beck (1902-1974). Esta obra tornou-se o paradigma de todos os mapas de transportes
pblicos. O mapa antigo de Londres era confuso e as linhas de metro sobrepunham-se ao
mapa das ruas (figura 6), foi ento que Beck se inspirou na simplicidade dos diagramas de
engenharia eletrotcnica e desenhou um mapa simples e de fcil leitura (figura 7). Este mapa
veio a tornar-se um modelo para todas as redes de metro em todo o mundo.

14

Charles Joseph Minard foi um engenheiro francs que produziu mais de cinquenta mapas.

17

Figura 5
Infogrfico criado por Charles
Joseph Minard sobre a marcha
de Napoleo sobre Moscovo
em 1989

Figura 6
Mapa antigo do metro
de Londres, 1908

Figura 7
Mapa do metro de Londres,
realizado por Harry Beck,
1933

18

O desenvolvimento da infografia foi muito lento e s em 1950 que comearam a ser visveis os avanos significativos.
Entre os exemplos mais conhecidos de cartografia temtica encontra-se o mapa da epidemia
de clera no centro de Londres realizado por John Snow15 em 1954 (figura 8).
Quando comeou a aparecer em meados do sculo XIX a epidemia, no se conhecia a sua
via de transmisso. A maioria dos especialistas pensava que era o paciente que atravs da sua
respirao transmitia a doena, mas Snow estava convencido de que a causa era o consumo
de gua contaminada.16

Figura 8
Localizao de mortes por
clera no centro de Londres
pelo Dr. John Snow, 1853

Snow conseguiu a partir de uma infografia identificar a causa da epidemia de clera no

centro de Londres, a partir de dois conjuntos de dados sobre o nmero de mortes e as localizaes das mesmas e atravs de mapas e estudos que realizou. A partir destes dados Snow
foi capaz de identificar o centro da contaminao da epidemia, que se processaria atravs de
poos contaminados e no atravs do contgio por pessoa a pessoa como pensavam a maioria dos especialistas (adaptado de Rajamanickam, 2005).

15

16

John Snow (1813 - 1858) foi um mdico ingls e lder na adoo da anestesia e da higiene mdica. Foi considerado um dos pais da epidemiologia moderna, devido ao seu trabalho sobre a epidemia de clera em Londres.
A mediados del XIX no se conoca la va de transmisin de la dolencia, y la mayoria de los especialistas pensaba que el enfermo la contraa por la respiracin, pero Snow estaba convencido de que la consumo de agua
contaminada. (Alberto Cairo, 2008, p.41) Traduo da autora

19

AS PRIMEIRAS INFOGRAFIAS DE IMPRENSA

Os primeiros indcios de infografias remetem aos veculos impressos, como jornais do sculo XVII, na Europa e nos Estados Unidos (adaptado de Sancho, 2001; Peltzer, 1991; De
Pablos, 1999; Cairo, 2008).
Entre os autores no existe consenso sobre quais foram as primeiras infografias realizadas.
Para Alberto Cairo as primeiras infografias de imprensa foram mapas criados por autores
annimos em que se verifica uma certa falta de formao em cartografia.17 Um bom exemplo o mapa de 1702 publicado no The Daily Courant (figura 9), que mostra a invaso da baa
de Cdis por parte das tropas britnicas. Contudo para muitos autores a primeira infografia
jornalstica foi publicada no dirio The Times de Londres, no dia 7 de abril de 1806, que ocupava a primeira pgina e relatava o assassinato de Isaac Blight (figura 10). A parte superior da
infografia mostra a vista da casa e a parte inferior uma planta com os passos do assassinato,
incluindo o local onde ocorreu. Tambm apresentada a trajetria da bala e o lugar onde
Blight caiu morto (adaptado de Valero Sancho, 2001; Pletzer, 1991).

Figura 9
The Daily Courant - mapa
da baa de Cdiz, em Espanha
Figura 10
Infografia do assasinato
de Isaac Blight

17

Las primeras fotografas de prensa fuero mapas creados por autores annimos en los que se intuye una cierta
falta de formacin en cartografia (Alberto Cairo, 2008, p.49) Traduo da autora

20

O primeiro mapa meteorolgico dirio foi publicado pela primeira vez no The Times de
Londres a 01 de abril de 1875 (figura 11). Tratava-se de um mapa linear que inclua as ilhas
Britnicas e grande parte do continente europeu. Para Peltzer o mapa baseava-se pelas oito
horas da manh, provenientes de 50 estaes meteorolgicas nas ilhas e no continente e que
apareceu na edio da manh seguinte. A essncia do mapa meteorolgico no variou muito
desde aquele primeiro dia at aos dias de hoje18.
No final do sculo XIX, o jornal The New York Times comeou a utilizar infografias relativamente a algumas notcias, como foi o caso da exploso do navio norte-americano Maine em
Havana, em 1898 como mostra a figura 12.

Figura 11
Um dos primeiros mapas
meteorolgicos que inclua
as ilhas Britnicas e grande
parte do continente europeu
Figura 12
Exploso em 1898 do navio
Maine norte-americano em
Havana

A 19 de abril de 1905 surge uma infografia sobre um sismo; a 2 de fevereiro de 1917 divulgado um mapa da Europa sobre a situao da Primeira Guerra Mundial; a 3 de novembro
sobre os resultados das eleies norte-americanas; a 12 de maio de 1926 sobre os progressos
da explorao do Plo Norte; a 22 de maio de 1927 saem duas infografias que mostram o
caminho do voo intercontinental do piloto pioneiro Charles Lindbergh.

18

El mapa estaba baseado en sato (inmediatez) de las 8 de la maana, provistos por 50 estaciones en las islas y
en el continete y apareca en la edicin de la maana siguiente. No ha variado la esencia del mapa del tiempo
desde aquel primero hasta nuestros das (Peltzer, 1991, p.110-113) Traduo da autora

21

A primeira infografia portuguesa a ser publicada foi na Gazzeta de Lisboa Ocidental, na edio de
21 de janeiro de 1723 (figura 13). A infografia retratava uma baleia que media 87 palmos de
comprimento e que teria entrado no rio Tejo e subido para a zona da Madre de Deus, seguindo depois para a rea de Cacilhas, onde ai ficou encalhada em seco aps a mar vazar, o que
levou a populao daquele local a ficar assustada. A notcia associada infografia descreve a
medio desenhada por cima da figura. Sob o lombo tinha uma barbatana de palmo e meio
de alto, com dois e trs quartos de comprimento, e desta at ao rabo havia 17 e meio de
distncia. Tinha nas ilhargas duas asas de 11 palmos de extenso cada uma, as quais distavam
nove e meio do canto da boca (...) (Ribeiro, 2008).

Figura 13
Infografia publicada na Gazeta
de Lisboa Ocidental

Segundo De Pablos (1999, p.63), a infografia emergiu num acontecimento visual: o triunfo
visual da infografia havia chegado. As infografias estabeleceram-se na imprensa ocidental
como uma ferramenta de trabalho mas, e j habitual desde ento, como o renascimento ou
potencial gnero narrativo em pleno campo do jornalismo visual impresso, to pouco desenvolvido at ento [...] os jornais puderam mostrar iconograficamente os detalhes do que
no podiam ensinar de uma maneira melhor com a fotografia19.

19

La infografa se erigi em um acontecimiento visual: o triunfo del infografismo haba llegado. Las infografias
se haban estabelecido em la prensa occidental como una herramienta de trabajo ms, ya habitual desde entonces, como um renascido o potenciado gnero narrativo en pleno campo del periodismo visual impreso, tan poo
desarollado hasta entonces. [...] los peridicos puderam mostrar iconogrficamente los detalles de lo que no
podran ensear de la mejor manera con la fotografia (DE PABLOS, 1999, p. 63) Traduo da autora

22

ANOS 80

Ainda que em pocas anteriores a infografia fosse utilizada (nomeadamente em perodos

de guerra) na dcada de 80 produes infogrficas comearam a ser usadas de forma sistemtica em jornais de todo o mundo. A infografia passou a ser de uso dirio em jornais,
como o USA Today (surgido em 1982), o dirio considerado o pai de todos os infogrficos.
Este veculo de informao foi construdo com base na linguagem televisiva, pois pretendia
adaptar-se aos leitores mais ocupados, que estavam habituados a receber informao a partir de imagens e no de textos (adaptado de Serra, 1998; Sancho, 2001). Foi um dos mais
revolucionrios na dcada de 80 devido sua estrutura e contedos, uma vez que utilizava
textos curtos, paginao dinmica, utilizava a tecnologia de ponta daquela poca e valorizava
a imagem, tanto em fotografias como infografia. Tambm, segundo Moraes (1998), este
jornal impulsionou o uso da infografia no jornalismo impresso.
Em maro de 1981, os infografistas que pertenciam na altura revista Time, dirigidos por
Nigel Holmes20, conseguiram explicar melhor o atentado contra o presidente Reagan do que
a prpria polcia que investigava o caso. A polcia chegou mesmo a reconhecer que as informaes reconstrudas pelos jornalistas estavam mais bem elaboradas do que as realizadas
pelos seus prprios especialistas (adaptado de Serra, 1998).
A infografia tinha surgido na imprensa h cerca de 200 anos, quando os jornais comearam
a utilizar desenhos para contar a histria, estas eram produzidas mo. Nessa altura a infografia era considerada um elemento decorativo das pginas. As infografias modernas que so
realizadas a partir do computador, comeam a aparecer durante os anos 60. O surgimento
dos computadores pessoais Macintosh da Apple, em 1984, e das aplicaes grficas como o
Pagemaker e o Photoshop, vieram facilitar bastante a criao de infografias e tornaram-se um
padro de trabalho para designers e ilustradores - permitia produzir infografias com grande
qualidade tcnica e de forma relativamente rpida. Para Sancho a infografia comeou a ser
utilizada como um complemento do texto escrito.
Na altura do controle governamental, a falta de reprteres no campo de batalha provocou
uma escassez de fotografias numa altura em que os jornais necessitavam de imagens chocantes para acompanhar os ttulos das primeiras pginas. Devido escassez de imagens a
visualizao de informao comeou a ocupar as primeiras pginas dos dirios: com infografias muito grandes que encheram pginas e pginas, mapas coloridos de trs dimenses
com as exploses e setas sobre os campos de batalha 21. Holmes (2002) classificou a reao
dos editores e infografistas como algo desmesurado. O rigor dos mapas e grficos no era
uma preocupao dos editores nem dos desenhadores. Estes serviam apenas para embelezar
as pginas, e no como ferramentas de utilidade informativa para o leitor.
S em 1989 que a infografia comeou a ser considerada um gnero informativo: os jornais
deram mais espao infografia e os editores aperceberam-se que os grficos auxiliavam a
compreenso da histria (adaptado de Pletzer, 1991; Serra, 1998). Com o avano da tecnologia, as redes de televiso comearam tambm a inserir infografias nos programas jornalsticos como por exemplo mapas, que ajudavam a localizar a regio de uma batalha, tanto no
ponto de vista estratgico como econmico.

20
21

Designer grfico britnico e terico em infografia e no design de informao

La visualizacin comenz a ocupar las primeras planas de los diarios: enormes despliegues grficos llenaban
pginas y pginas, coloridos mapas en los que gruesas flechas en tres diminsiones serpenteaban sobre campos de batalha salpicados de explosiones y tanques a escalas a veces imposibles. (Alberto Cairo, 2008,p55)
Traduo da autora

23

Com este avano os jornais comeam a concentrar-se mais na funo e contedo do que no
aspeto esttico. Devido a esta evoluo deu-se o incio a uma tendncia para o jornalismo
visual, com a produo de infografias dirias. Contudo, a sua verdadeira revoluo relativamente a infografia informatizada ainda estava para chegar. As novas ferramentas e tcnicas
de visualizao de informao puseram-se prova em 1991, durante a primeira Guerra do
Golfo (adaptado de Cairo, 2008). Para Cairo estas consequncias foram ambguas: positivas
do campo tecnolgico, negativas em geral, no que se refere aos padres jornalsticos e
preciso e tica na representao dos acontecimentos 22.
Segundo o mesmo autor, possvel assim identificar uma linha de continuidade entre a
infografia, como um derivado da ilustrao, a sua consolidao como uma seco de arte
com o USA Today (e a sua considerao como atraente do que apenas como informao
simplificada), excessos ilustrativos originados das guerras do Golfo e das Malvinas , e o
estado atual da profisso.23
A infografia evolui ao longo da histria, da decorao ao complemento, tornou-se indispensvel e independente, funcionando como um auxlio informao, ou mesmo autnoma ao
fornecer informao ao leitor.

TEORIA DA CONSTRUO DA INFOGRAFIA

Edward Tufte (2001), refere que qualquer grfico estatstico deve aprimorar a sua comunicao com clareza, preciso e eficincia. Para tal, estabelece alguns princpios (Tufte, 2001,
p. 13) sobre o que ele deve fazer:

22

23

mostrar os dados;
levar o leitor a pensar acerca do contedo informativo ao invs da metodologia, do
design grfico, da tecnologia de produo grfica, ou de qualquer outra coisa;
evitar distorcer o que os dados tm a dizer;
apresentar vrios nmeros num pequeno espao;
apresentar grandes quantidades de informao que sejam coerentes entre si;
encorajar os olhos a comparar diferentes partes de informao;
revelar a informao usando vrias camadas, desde as mais superficiais at s camadas
de estruturao;
servir um propsito bem claro: descrio, explorao; tabulao ou decorao;
estar integrado com descries verbais e estatsticos dentro de seu grupo de dados.

(...) sus consecuencias fueron ambiguas: positivas en lo tcnolgico, negativas en general en lo que se refiere a
estndares periodsticos. precisin y tica de la representacin de contecimientos. (Alberto Cairo, 2008, p.54)
traduo da autora
As pues, es posible identificar una lnea de continuidad entre el nacimiento de la infografa como derivado de
la ilustracin, su consolidacin como seccin de arte con USA Today (y su consideracin como algo atractivo
que meramente simplifica la informacin), los excesos ilustrativos originados en las guerras del Golfo y las
Malvinas, y el estado actual de la profesin. (Alberto Cairo, 2008, p.57) Traduo da autora

24

Valero Sancho por outro lado (Sancho, 2001, p.21) torna-se mais especfico quando refere
que no jornalismo impresso a infografia deve conter oito caractersticas, que so :
1.
2.
3.
4.
5.
6.
7.
8.

ter significado total e independente;

proporcionar quantidade razovel de informao atual;
conter informaes suficientes para a compreenso dos factos;
ordenar o contedo utilizado, se preciso, usando variantes de tipologia;
apresentar elementos icnicos que no distoram a realidade;
realizar funes de sntese ou de complemento da informao escrita;
proporcionar uma certa sensao esttica;
ser precisa e exata.

Acrescenta ainda que as caractersticas apresentadas dividem-se de acordo com dois aspetos
essenciais: a utilidade e a visualidade. A utilidade que vemos apresentadas no ponto um, dois
e trs so referentes ao grau de significao, informao e funcionalidade que pode ter uma
infografia no momento em que esta editada, enquanto a visualidade, apresentadas no ponto quatro a oito, referem-se sensao agradvel que se obtm ao visualizar uma infografia.
A perda de utilidade e/ou visualidade reduz o valor comunicativo, uma vez que a infografia
deixa de se integrar ao texto, como elemento de comunicao com certas influncias na
mensagem escrita (Sancho, 2001, p.16).

Jordi Clapers24 apresenta outras caractersticas para a realizao de uma boa infografia, que so:

24

autonomia - no depender do artigo e no apresentar redundncia e repetio de

informaes;
veracidade - no destoar da mensagem a transmitir, no inventar dados para preencher
lacunas;
clareza - ajudar o leitor a entender o contedo da notcia. Dever ser de fcil leitura, e
deve dar uma viso global.

Director de infografia do jornal El Pas

25

Tipologias
SEGUNDO PELTZER 25

Peltzer enumera trs grandes grupos: infografias representativas; infografias explicativas;

reportagem infogrfica;
Infografia representativas - apresentam contedos essencialmente descritivos, em que todos
os elementos se assemelham realidade. Os mesmos so colocados exatamente no seu lugar
como na realidade, com todo o detalhe e propores corretas, podendo ser acompanhados
ou no de legendas e de nmeros explicativos (figura 14). Subdividem-se em:

planos - uma representao grfica de uma superfcie plana, por exemplo um terrao
ou uma planta de arquitetura;
cortes - representao da vista do interior de um corpo ou objeto;
perspetiva - representao de objetos em 3 dimenses;
panorama - infografias que apresentam representaes com a vista de um horizonte.

Figura 14
Infografia represetativa:
vistas e cortes de um
tanque de guerra
Fonte: Peltzer (1991)

25

Advogado, jornalsta e doutor em comunicao pblica

26

Infografias explicativas - explicam factos, acontecimentos, fenmenos ou processos complexos ou elaborados. Classificam-se como:

causa-efeito - explicam a causa e o efeito de determinado um facto;

retrospetivos - explicam factos que ocorreram no passado, respondendo a questes
bsicas: o qu?, quando?, onde? e porqu?;
antecipativos - explicam um acontecimento antecipadamente, prevendo o que
ir acontecer;
passo a passo - expressam as etapas e a sequncia de um processo (figura 15);
de fluxo - descrevem as conexes e passos de um processo ou uma srie
de procedimentos.

Reportagem infogrfica - um relato informativo de um facto (figura 16).

Subdivide-se em:

infografia realista - representao de factos, coisas ou pessoas, tal como foram

relatadas;
infografia simulada - representao de factos, coisas ou pessoas, segundo a imaginao
do infografista, mas baseado em dados da realidade;

27

Figura 15
Infografia explicativa (passo
a passo) - Virus da Dengue
Fonte: REUTERS
Figura 16
Reportagem Grfica
Fonte: Pblico

SEGUNDO RAYMOND COLLE

As infografias podem ser agrupadas em 3 grandes categorias (cientficos ou tcnicos; de

divulgao; notcias ou jornalismo) de acordo com os seus objetivos, estas so subdivididas
em oito tipos de infogrficos.
Infografia diagrama - apresenta a combinao de diagrama, pictograma e imagem. considerada a tipologia mais simples de infografia. Apesar de ter o mesmo contedo de uma
tabela estatstica, este muito mais sugestiva, mais fcil de ler e rpido de memorizar.
Infografia iluminista - apresenta textos que acompanham pictogramas ou cones, considerado infografia em virtude do seu aspeto geral. Unidade visual determinada por um marco
retangular, apresenta contedos verbais e icnicos, mas o texto no segue os principais de
sequncia discursiva nico.
Info-mapa - so infografias que fazem uso de um mapa que combinam cones com texto.
Estes podem ser econmicos (produo locais e industriais) e temticos (por exemplo, turismo) (figura 17).

Figura 17
Info-mapa
Fonte: Suplemento Fugas

Infografia de 1.nvel - uma infografia composta basicamente por ttulo, texto ncora e
ilustrao, que pode conter palavras identificadoras, sobrepostas a mapas e quadros. O texto
permanece margem da infografia (figura 18).

Figura 18
Infografia de 1. nvel
Fonte: Jornal Pblico

Risco de acidente
ILHAS SALOMO
VANUATU

NOVA
CALEDNIA

TUVALU
Vanua Levu

SAMOA
Portalegre

Yasawas

Tanna

Viti Levu
FIJI

TONGA

le des Pins

Risco muito elevado

Risco moderado
Risco reduzido

AUSTRLIA

Sydney

Mar da
Tasmnia

vora

Risco elevado

Entre 2000 e 2011,

houve pelo menos
221 acidentes com
javalis nos distritos
a sul do Tejo.
Os distritos mais
perigosos so vora
e Beja.

OCEANO PACFICO SUL

Rotorua
NOVA ZELNDIA
Wellington

Setbal

Beja

Sines

Faro

1000 km
Fonte: Universidade de vora (tese de mestrado da biloga Estrela Matilde)

28

Infografia de 2.nvel - apresenta uma construo grfica qual o texto se transforma numa
parte dinmica das prprias infografias, como se tratasse de banda desenhada (figura 19).

O que tem Cristiano Ronaldo que diferente dos outros?

Estreou-se no futebol profissional
h dez anos (14 de Agosto de
2002) com o n. 28 do Sporting,
na Liga dos Campees, frente ao
Inter de Milo. Ao minuto 58 Boloni
mandou-o entrar para o lugar de
Toito. A 20 de Agosto de 2003
efectuou o primeiro jogo pela
seleco frente ao Cazaquisto.
O primeiro golo por Portugal foi
perante a Grcia), na abertura do
Euro 2004. Este craque tem uma
perfeio tcnica e
antropomtrica que parecem
sadas de um laboratrio
Bruno Prata
Nome
Cristiano Ronaldo dos Santos Aveiro
Data de nascimento
5 de Fevereiro de 1985

Naturalidade
Funchal, Portugal

Caractersticas
O jornalista espanhol
Santiago Segurola resumiu-o da
seguinte forma: Se Leonardo da
Vinci quisesse definir o padro ideal do
futebolista,
ebolista, represent-lo-ia com as
propores
ores de Cristiano. Parece criado
em laboratrio.
aboratrio. Medidas perfeitas para
uma acelerao e potncia
insuperveis,
uperveis, equilbrio e finta, salto
e remate, chuto com os dois ps e
um fsico, em definitivo, que lhe
permite todas as artes
do jogo.

Todas as suas qualidades

ades tcnicas
nrias, mas no
e atlticas so extraordinrias,
chegariam para fazer a diferena se
R
endido a dosear
Ronaldo
no tivesse aprendido
o esforo durante os 90 minutos. Agora,
Ron
astador quando h
Ronaldo
consegue ser devastador
es
is astuto e cnico
espao;
est cada vez mais
q
orta; explosivo
quando
lhe fecham a porta;
obtico) nas
e corajoso (e at acrobtico)
imediaes da baliza; e formidvel
a e no efeito
na pontaria, na fora
emates de
que d bola nos remates
meia distncia e nos
livres.

Estatura
1,84m
Peso
78kg

Internacionalizaes

Drible

golos na seleco

capaz
paz de serpentear por
re os adversrios com
entre
acilidade chocante. Nos
uma facilidade
ms recorre imaginao,
slaloms
cicletas, aos toques de
s bicicletas,
canhar, tudo antes de
calcanhar,
car a brutal acelerao
aplicar
que lhe permite
terreno e espao.

Clubes

Andorinha, Nacional, Sporting,

Manchester United, Real Madrid
Treinador que
o lanou na seleco

1 World Soccer
1 Melhor jogador da UEFA
1 Melhor marcador da Premier League
1 1 Jogador do ano FIFPro
1 Jogador Jovem do ano FIFPro
2 Melhor Jogador da Liga Inglesa
2 Jogador Jovem da Liga Inglesa
1 Melhor Jogador a actuar na Liga Inglesa

pela Associao de Jornalistas de Futebol

1 Melhor marcador da Liga dos Campees

Velocidade
A principal qualidade de
d Ronaldo
velocidade de
a sua extraordinria ve
execuo, resultado de u
uma grande
neuromuscular.
reactividade neurom
A sua fase de acelerao, part
partindo de parado,
formidve especialmente
verdadeiramente formidvel,
nos trs ou quatro primeiros apoios no solo,
algo de verdadeiramente ind
indigesto para os
adversrios. Neste particular
particular, no tem nada
a invejar de um sprinter do
dos 100 ou 200
metros. J foi cronometrado a 36,6 km/h,
o que contribuiu para que o semanrio
alemo Der Spieeg
Spieegel o
considerasse o fute
futebolista
mais veloz do mu
mundo.

Livres
Ronaldo reinventou a forma de marcar
livres, pouco lhe importando a distncia a
liv
que est a baliza. No momento em que coloca
cuidadosamente
a bola na relva, escolhe o lado da
cuida
baliz Recua contando os passos (normalmente
baliza.
cinco) e, no fim, desvia-se ligeiramente para a esquerda.
Como no rguebi. Tudo resulta das muitas horas de treino
em que nada
na deixado ao caso. Antes de arrancar, respira
fundo e os
o braos esto separados do corpo e as pernas
tambm abertas. A perna esquerda serve de apoio (p
p
muito prximo
da bola) e est ligeiramente flectida. O
remate efectuado sempre com o p direito. A zona de
contacto
contact est entre o peito e a ponta do p (trivela).
Depois, numa inclinao contrria das pernas, atira o
corp para a frente para que a bola no suba em
corpo
dema
demasia.
Desta forma, consegue um baixo centro
de gravidade. A bola disparada em frente e
pode ganhar vrios efeitos. Por norma,
sobe para passar a barreira e,
depois, baixa rapidamente.

Tcnica
Tcnic
Olhando para o
os jogos de
Ronaldo dos raros
computador, Ronal
casos em que a criat
criatura ainda fica a
dever ao criador. O portugus ter
contribudo para um d
dos maiores saltos
PlayStation, necessrios para
evolutivos da PlayStation
igualar as suas coreog
coreografias, o baile das
pernas sobre a bola com os braos abertos,
como se fosse um pssa
pssaro. Mas tambm o
serpentear por entre a
as pernas alheias
com a bola colada ch
chuteira, os toques
de calcanhar ou o
os passes e os
centros milimtri
milimtricos. Poucos
tm uma cart
carteira to
grande de tr
trunfos.

98
37

Distribuio
o
das foras
as

1 Trofu FIFA

Fruto de muito treino, a sua

coordenao e a coragem na
altura dos deslocamentos
tornam-no imparvel. O melhor
exemplo disso foi a entrada
devastadora que lhe permitiu marca
marcar o
golo de cabea em Roma, no jogo da
Liga dos Campees. Foi um gesto
de uma beleza atltica universal,
chegando a parecer um
afundano nos melhores
jogos da NBA.

No h ningum que acredite

mais em Ronaldo do que o prprio
Ronaldo. A capacidade de se
auto-estimular e o amor-prprio foram
fundamen
fundamentais para conseguir ultrapassar
os difce
difceis tempos que se seguiram ao
ao jogo com a Inglaterra em que
Mundial e a
Rooney foi expulso. S algum muito forte
psicologicamente teria continuado a jogar
psicologic
ao ma
mais alto nvel enquanto fazia
ouvid
ouvidos de mercador a estdios
Progresso
lotados a assobi-lo.
E, mais recentemente,
E
Lanado em profundidade,,
a gritar por Messi...
torna-se absolutamente
a
esmagador graas sua fora
elstica. Nesta fase especfica
a do
tima
jogo tira at partido da sua ptima
ando
musculatura no tronco, chegando
m
a aparentar-se ento com um
trs-quartos do rguebi: recebe
ebe a
bola no meio-campo e arranca pela
das
ala imparvel, derrotando todas
as tentativas de placagem
dos adversrios.

Remate
de cabea
Tanto pode rematar em
elevao e com grande
potncia, como optar por uma
soluo mais tcnica, custa
da sua astcia natural.
Normalmente procura
surgir nas costas dos
adversrios.

Distines individuais

1 Bola de Ouro

Fora explosiva

Fora mental

Jogos efectuados

Jogos e golos nos clubes

Taa

Europa

Jogos efectuados:

Total de golos marcados:

Taa: 58

Europa: 85

Campeonato: 202

31

0
2002/03

Sporting B
Ttulos
conquistados

2
2002/03

Sporting

2
2003/04

4
2004/05

2005/06

Msica preferida
Pop e rap

273

Taa: 32

Europa: 39

26

2006/07

2007/08

2008/09

2009/10

2010/11

10

2011/12

2
2012/13

Real Madrid

Manchester United
Taa de Inglaterra

Livro preferido
O Maior Vendedor do Mundo,
de Og Mandino

18

17

10

Filme preferido
Man on Fire, de Tonny Scott

46

41

40

20

Actores preferidos
Jim Carrey, Denzel Washington
e Angeline Jolie

Pea do vesturio
Cinto

472

50

30

O que gostaria de ser

se no fosse jogador
Actor ou bailarino

Cor preferida
Branco

Campeonato: 329

Golos marcados

Hobby
Natao, pingue-pongue

Comida preferida
Cozido portuguesa

Luiz Felipe Scolari

Campeonato

Outros desportos favoritos

Atletismo, tnis

Taa da Liga Inglesa

Campeo de Inglaterra

Liga dos Campees

Campeo de Inglaterra
Supertaa de Inglaterra

Campeo de Inglaterra
Mundial de Clubes
Supertaa de Inglaterra
Taa da Liga Inglesa

Fonte: PBLICO

Taa do Rei de Espanha

Campeo de Espanha

Supertaa de Espanha

Bruno Prata, Jos Alves e Clia Rodrigues

Figura 19
infografia de 2. nvel
Fonte: Jornal Pblico

Sequncias espao-temporal - infografias que mostram o desenvolvimento de um acontecimento atravs do tempo. As diversas etapas so apresentadas num s grfico, fazendo da
sequncia espacial uma forma de representao da sequncia temporal (figura 20).

Figura 20
Sequncia espao-temporal

29

Infografias mistas - combinam vrios tipos de grficos, dando origem a mltiplas combinaes possveis (figura 21).

Figura 21
Infografia mista
Fonte: Jornal Pblico

Megainfografias ou Mega-grficos - trata-se de uma infografia mais complexa, com muita

informao, que no respeita as regras de simplificao e economia de espao, onde podem
ocupar uma pgina inteira ou duas pginas de um jornal ou uma revista. No campo jornalstico aparece com mais frequncia em reportagens ou revistas de divulgao cientfica
(figura 22).

Figura 22
Megainfografias
Fonte: Jornal Pblico

30

Raymond Colle na figura 23, apresenta-nos a evoluo da infografia. Segundo este as infografias evoluem gradualmente medida que adquirem mais informao, tornando-se mais
complexas e elaboradas, adquirindo novas designaes de tipologias.

Linguagem Visual
Pictrico

Linguagem
Verbal

Ideografia

Cartografia

Diagramas

Banda
Desenhada
Proto-Infografia

(Predominio verbal)

Pr-Infografia

(Com texto externo)

Infografia de 1 nvel
(Texto integrado)

Infografia de 2 nvel

(Integrao de todos os recursos)

SEGUNDO VALERO SANCHO

Outro autor que refere dois tipos de infografias Valero Sancho. O autor realizou um estudo
tipolgico desde o ponto de vista semntico-significativo, e concluiu que as infografias dividem-se em, individuais e coletivas (adaptado de Sancho, 2001).
Infografias individuais - tm caractersticas essenciais de uma infografia nica, tratam de
um nico assunto e distinguem-se rapidamente, visto que no apresentam ttulos duplos
nem quadros internos, a no ser os infogramas ou unidades grficas complementares. Estas
subdividem-se de acordo com as suas qualidades e propsitos:

comparativas - quando comparam dados ou qualidades;

documentais - quando explicam caractersticas, documentam e ilustram documentos,
aes ou coisas (figura 24);
teatrais - quando narram um acontecimento ou reproduzem imagens narradas por
testemunhas - por exemplo, infografias de acidentes, atentados ou combates;
localizadoras - quando tem necessidade de situar a informao ou marcar um espao
onde um acontecimento ocorreu, por meio de mapas ou planos, representadas geralmente em trs dimenses.

31

Figura 23
Evoluo da infografia
(adaptada de Colle, 2004)

Os melhores hospitais nas principais doenas e procedimentos

Lisboa tem trs centros hospitalares entre os dez melhores,
mas o nmero um est no Porto

Craniotomia

Centro Hospitalar
Lisboa Norte

Doena cerebrovascular

Centro Hospitalar
Lisboa Norte

Cancro do pulmo

Centro Hospitalar
Universitrio
de Coimbra
Pneumonia

Doena coronria
Centro Hospitalar
de So Joo

Centro Hospitalar
Lisboa Norte
Doena pulmonar
obstrutiva crnica

Centro Hospitalar de
So Joo

Insuficincia
cardaca
Centro Hospitalar
Univ. de Coimbra

Cancro da mama

Insuficincia renal
Centro Hospitalar
Lisboa Norte

Instituto Portugus de
Oncologia do Porto

Cancro do clon e recto

Fractura do fmur
Centro Hospitalar
Tondela-Viseu

Centro Hospitalar Universitrio

de Coimbra

Os dez melhores hospitais pblicos do pas

1 Centro Hospitalar de So Joo (Porto)
2 Centro Hospitalar Univ. de Coimbra
3 Centro Hospitalar Lisboa Norte (1)
4 Centro Hospitalar Tondela-Viseu
5 Centro Hospitalar de Leiria-Pombal
6 Centro Hospitalar de Lisboa Central (2)
7 Unidade Local de Sade de Matosinhos

Figura 24
Infografia individual
documental
Fonte: Jornal Pblico

8 Centro Hosp. Cova da Beira (Covilh e Fundo)

9 Hospital Curry Cabral (Lisboa)
10 Centro Hospitalar de Lisboa Ocidental (3)

Transplantes

Centro Hospitalar
Universitrio de Coimbra
HIV/sida

Centro Hospitalar
de So Joo
Diabetes

Centro Hospitalar de So Joo

(1) hospitais de Santa Maria e Pulido Valente); (2) hospitais de So Jos, Capuchos, Santa Marta e Estefnia;
(3) hospitais So Francisco Xavier, Egas Moniz e Santa Cruz
Fonte: Avaliao do desempenho dos hospitais pblicos em Portugal Continental 2011, Escola Nacional de Sade Pblica/Universidade Nova de Lisboa

Infografias coletivas - agregam vrias informaes consideradas individuais. Contribuem

com outras informaes essenciais de menos importncia, que aparecem em tamanho menor, e muitas vezes, subjacentes infografia principal e distribudas por ordem de relevncia.
Estas subdividem-se em:

comparativas - quando comparam diversas propriedades de uma, duas ou vrios informaes (figura 25);
documentais - quando destacam mais de uma informao grfica, no caso de ter mais
de uma infografia no seu interior;
teatrais - quando se entende uma sequncia de factos por meio de vrias infografias,
dentro da mesma infografia (a principal);
localizadoras - quando so apresentadas diversos elementos, das duas infografias com
o objetivo de localizar algo.

32

Figura 25
Infografia coletiva comparativa

As infografias podem ainda classificar-se em quatro tipologias de grficos no analgicos:

diagramas, mapas, grficos e tabelas (adaptado de Leturia, 1998). Estes tipos de grficos esto ligados s leis de gestalt 26, que permitem orientar os leitores a perceber os componentes
visuais da prpria infografia.
Para Leturia (1998) os diagramas so as infografias mais complexas, pois requerem mais
capacidade por parte do infografista. Servem para mostrar como algo aconteceu, e como
algo por dentro e por fora. Para Boundford (2000) estes podem ser ilustrativos, estatsticos,
relacionais, organizacionais e temporais. A lei da continuidade e da proximidade esto ligadas aos diagramas, cada uma de forma diferenciada. A lei da continuidade associa-se aos diagramas organizacionais pelas formas do objeto serem percecionadas mentalmente por linhas
de unio entre vrios pontos - estas mesma linhas so melhor percecionadas quando so
de cantos arredondados em vez de angulosos. Podemos verificar esta lei num diagrama que
represente uma rvore genealgica (figura 26). A lei da proximidade apresentada quando
os objetos se encontram prximos uns dos outros, e so processados como pertencentes ao
mesmo grupo, como por exemplo um objeto representado por fora e por dentro.

26

Gestalt uma palavra alem, que significa ao mesmo tempo configurao e padro.

33

Os mapas podem ser apresentados por si s ou fazer parte de um diagrama, mostrando o

local onde algo aconteceu. Na elaborao de um mapa h que ter em conta em no adicionar
informao desnecessria ao leitor, para no haver distraes na leitura do mesmo.
Os grficos so a forma mais fcil e rpida de explicar algumas notcias que estejam relacionadas com nmeros e estatsticas. Estes subdividem-se em: grficos de barras (que referem
quantidades); de queijos (que indicam propores) e de linhas (que expressam a evoluo
de determinados elementos ao longo de um espao de tempo). Estes tipo de grficos esto
associados lei da semelhana e a teoria do cerco (leis de gestalt). Relativamente lei da
semelhana os objetos so destacados derivado a alguns atributos comuns, como a cor, o
tamanho, a orientao, entre outros. So elementos que so agrupados mentalmente pelo
leitor. A teoria do cerco est associada aos objetos que esto situados dentro de limites de
uma rea com bordas ntidas, que so associados como fazendo parte de um grupo.

Figura 26
Lei da continuidade
rvore genealgica

34

Utilizao da cor como informao

Na realizao de uma infografia h que ter em considerao a utilizao da cor. Para Scalzo27
(2004, p. 75), em grficos, mapas e infogrficos, as cores so informao e devem ser tratadas como tal. Tm que ser usadas como recurso para fornecer maior clareza e nunca para
confundir o leitor.
Ferreira e Nunes (2008), diz que a cor serve como guia visual, orientando os olhos atravs
de um labirinto de palavras e de imagens, levando o utilizador a focar-se nas informaes
importantes. Cria facilmente o significado e a essncia da mensagem, aumentando, por conseguinte, a compreenso do sistema.
A figura 27, com o nome de Literary organism: a visualization of Part one of On the Road, o livro de
Jack Kerouac, apresenta um cuidado esttico apurado em relao ao seu aspeto orgnico e
muito cuidada no que diz respeito s cores utilizadas. Do centro nascem ramos que representam captulos; dos captulos nascem pargrafos, que so representadas pelos ramos mais
finos; dos pargrafos nascem frases; das frases, palavras. As cores correspondem aos temas
centrais de On the Road: a msica, viagens, sexo e as drogas28.

Figura 27
Literary Agency: a visualization
of the first part of One the Road,
Jack Rerouac

Esta infografia representa bem como a utilizao das cores importante, tanto para a compreenso, como para o seu aspeto.

27
28

Jornalista e consultora editorial

La visualizacin en Fig. 0.2, titulada Literary organism: a visualization of Part one of On the Road, by Jack Kerouac, emana una belleza basada en su aspecto orgnico y en la cuidadosa seleccin de colores. Del centro se extienden
ramas que representan captulos; de los captulos nacen prrafos, como ramas ms finas; de los prrafos, frases;
de las frases, palabras. Los colores se corresponden con temas centrales de En la carretera : la msica, los viajes,
el sexo y las drogas. (Alberto Cairo, 2011, p.13) Traduo da autora

35

A cor um dos elementos de sintaxe visual mais importantes e a sua utilizao exige, alm
da criatividade, conhecimento. Esta pode ser associada a um sentimento como, por exemplo,
vermelho como paixo. As cores tm que seguir uma lgica, no se pinta, por exemplo, o
mar de amarelo, nem o sol de verde numa infografia, pois no se deve distorcer a perceo
comum do ser humano.
Na figura 28, pode-se observar a utilizao da cor amarelo torrado para identificar a cerveja.
Esta tonalidade ter sido escolhida por se aproximar da cor real da prpria cerveja, possvel
ainda observarmos a cor creme que tenta recriar a espuma da cerveja. Esta infografia trata
sobre os ingredientes que a cerveja contm, logo as cores que foram utilizadas foram as mais
aproximadas da realidade.

Produo em Portugal,
em milhares de hectolitros

8312

2010

7833

2009

Principais
ingredientes

60 59

Consumo mdio
por habitante, litros

53

2002

2011
Fonte: APCV

gua
um elemento muito
importante neste processo
e pode sofrer alteraes
qumicas de acordo com
a sua composio

Malte

Pilsen

Munich

Carafa

Caramelo

Gros de cereais, geralmente cevada, so germinados durante um

perodo de tempo at se conseguir obter as enzimas necessrias. De
seguida, os gro so secos de forma a permitir a sua conservao. O
malte tem importncia fundamental na fabricao de cerveja, pois vai
conferir bebida o sabor caracterstico, cor e aroma

Lpulo

Lupulina

uma planta trepadeira que

produz uma flor que depois de
seca responsvel pelo sabor
amargo tpico da cerveja.
Possui propriedades bactericidas
e um conservante natural

Outros cereais no maltados

Gritz de milho

Figura 28
Infografia sobre os principais
ingredientes da cerveja
Fonte: Pblico

Frequentemente recorre-se
ao milho. Depois de extrada
a sua gordura, modo,
transformando-se em gritz

Por ltimo, importa referir que fundamental que na realizao de uma infografia deve-se
conseguir manter o foco em si, ou seja, as informaes que no acrescentam informao
relevante ao tema devem ser evitadas. S deve ser apresentado aquilo que for estritamente
necessrio para ajudar na sua compreenso. Simplificar, tirar fora os excessos (de contedo
ou de decorao), geralmente, o segredo fazer deixar uma infografia mais eficaz.

36

Prmios Malofiej
Em 1993 os professores da Universidade de Navarra, Juan Antonio Giner e Miguel Urabayen
decidiram homenagear Alejandro Malofiej29, dando o seu nome ao maior evento de infografia do mundo. Desde ento todos os anos, a cidade de Pamplona, na Espanha recebe visitantes
de todos os pases e aficionados pela infografia, recebe ainda as melhores infografias e os
melhores designers grficos do mundo.
Em Pamplona, os visitantes participam em palestras com os mais importantes profissionais
na rea, acompanham a atribuio dos melhores prmios dos trabalhos, realizados pelos
maiores veculos de informao do mundo. So ainda organizados workshops para profissionais chamado Show, Dont Tell!, e uma oficina de infografia chamado Dont Show!.
Esta cimeira mundial e a atribuio de prmios internacionais de infografia so de uma extrema importncia que considerado uma espcie de Pulitzer da infografia.
Este ano o Malofiej premiou 21 medalhas de ouro, 52 de prata e 74 de bronze, tanto em
categorias de trabalhos publicados em meios impressos como em meios online. Foram apresentados a concurso 1.191 trabalhos de 154 mdias de 28 pases. Das 147 medalhas entregues pelo jurado, 92 correspondiam a trabalhos impressos (14 de ouro, 27 de prata e 51 de
bronze) e 55 a trabalhos online (7 de ouro, 25 de prata e 23 de bronze).
Os meios premiados com ouro foram o The New York Times (7), National Geographic
Magazine (4), In Graphics (2) El Correo (2), South China Morning Post (1), elmundo.
es (1), El Telgrafo (1), Golden Section Graphics (1), Prensa Libre (1) e O Estado de
S.Paulo (1). O Premio Peter Sullivan / Best of Show foi para os trabalhos An Army for the
Afterlife, da National Geographic Magazine e Lolo Jones, Cleared for Takeoff, do NYTimes.com.
Para Portugal, o jornal i conquistou trs medalhas (duas de prata e uma de bronze). Os
prmios contemplam os trabalhos Messi & Ronaldo, Relatrio e Contas (figura 29) e H
35 anos, numa galaxia muito, muito distante, (figura 30) com prata, e Batman, (figura
31) com bronze, na categoria Grficos Impresos/Reportajes.

29

Alejandro Malofiej (Buenos Aires, Argentina, 1938.1987) foi o pioneiro da infografia. Trabalhou como fotojornalista e cartgrafo em revistas como Panorama, Siete Das y Semana Grfica, e dirios como Nueva Provincia,
La Opinin e o Tiempo Argentino.

37

Figura 29
Messi & Ronaldo, relatrio
e contas - infografia premiada
como prata

38

Figura 30
H 35 anos, numa galaxia
muito, muito distante...
Sobre a saga cinematogrfica
da Guerra das Estrelas)
infografia premiada como
prata

Figura 31
Batman (sobre a srie
cinematogrfica) - infografia
premiada como bronze

39

02

Infografia interativa
Good design is obvious.
Great design is transparent.
Joe Sparano

A infografia no mundo digital

A infografia digital agrega a combinao entre o desenho, a ilustrao e o jornalismo no
meio online, esta a melhor forma de representar a informao, pois possibilita relatar
acontecimentos com o apoio de elementos visuais. denominada, muitas vezes, como infografia Online, infografia digital, infografia interativa, infografia multimdia e infografia
multimdia interativa. Alberto Cairo (2005, 2008) classifica-a de interativa, Valero Sancho
(2001) de digital, Susana Ribeiro (2008) optou por chamar de jornalstica digital animada
e Beatriz Ribas (2004) preferiu chamar de multimdia. Nichani e Rajamanickam (2003) e
Chimeno30 2006) preferem o termo infografia interativa, porque no suporte digital a infografia inclui interao, Chimeno (2006) refora que a interao a qualidade que melhor
define a infografia digital, a animao como possibilidades de movimento, a multimdia
como combinao de diferentes formatos e o digital na presena do meio Online.
Cores Fernnde-Labreda (2004) d preferncia ao termo infografia multimdia, pelo motivo
de o termo infografia digital referir-se tanto a infografias impressas como a infografias no
meio digital, uma vez que, em ambos os suportes a sua criao utiliza ferramentas digitais.
Em relao ao termo online, afirma que esta no implica que seja multimdia, uma vez que
podem ser criadas infografias para o meio impresso e disponibilizados no meio online, sem
se alterar nada, a estas chamamos de infografias estticas, podendo estar associadas a uma
notcia ou servindo apenas de ilustrao.
Como verificamos no captulo anterior, para De Pablos a infografia a apresentao impressa
do binmio imagem + texto (bl + T), para o autor esta definio tambm se aplica as infografias que so realizadas para o suporte digital.
A infografia digital deve ser referida como uma apresentao visual da informao, com o
objetivo de facilitar o seu entendimento por parte de um pblico determinado (adaptado de
Alberto Cairo). Segundo Cairo (2003):
Quem de pequeno no sentiu um imenso prazer em desmontar o rdio do
seu pai, s para ver o que tinha dentro? Na infografia impressa no possvel
mostrar um objeto ao mesmo tempo aberto e fechado, a menos que se tenha
espao de sobra na pgina, o que quase nunca ocorre (...) J na infografia
digital podemos dar ao luxo de mostrar o objeto com todos os seus detalhes.
Primeiro fechado: o utilizador v o que est por fora. Depois aberto, com
tudo o que tm por dentro.

Para Salaverra31 (2004), o gnero que melhor reflete o desenvolvimento da linguagem multimdia a infografia digital. Esta apareceu nos mdia em 1998, primeiramente passou a ser
uma mera traduo de grficos estticos a ser um gnero especifico que aproveita bem as
possibilidade da integrao textual, irnica e o som32.

30
31
32

Jornalista de formao e publicitrio de vocao

director do departamento de Projectos Jornalsticos da Universidade de Navarra, onde leciona Jornalismo
El gnero que mejor ha reflejado el desarrollo del lenguaje multimeditico ha sido la infografia digital. Aparecida en los cibermedios hacia 1998, la infografia en internet ha pasado de ser una mera translacin de grficos
estticos a ser un gnero especifco que aprovecha a fondo las possibilidades de integracin textual, icnica y
sonora de la Web. Salaverra (2004) - Traduo da autora

42

No incio do aparecimento da infografia digital, no havia muito profissionais a realiza-las,

e os que haviam no eram pessoas especializadas na rea. Todavia com o decorrer do tempo,
comearam a aparecer vrios profissionais aptos para realizarem as infografias digitais. A ferramenta que contribuiu para este grande avano e para o crescimento das infografias digitais,
foi o surgimento do Adobe Flash, para a realizao das infografias, devido a sua possibilidade
de construo de interfaces e animaes que permitia a narrativa digital. A maioria das infografias digitais so realizadas pelo Flash, ou por programas similares. Contudo, hoje em dia,
e devido s incompatibilidades entre o formato Flash e os sistemas operativos de alguns dos
mais recentes dispositivos mveis, est a entrar em desuso.
Com os novos formatos de infografias e com a internet a chegar cada vez mais a todo o lado e
mais rpida, as infografias digitais comeam a ocupar um espao importante nos media Online.
No incio a funo das infografias era servir de complemento a uma informao que era difcil de ser entendida apenas com texto, hoje esta pode por si s pode ser notcia, uma vez que
a evoluo no meio digital permite agregar diversas funcionalidades a uma nica infografia,
desdobrando-a em vrias numa questo de cliques. Para Ribas (2004) as infografias digitais
permitem escolhas que desencadeiam o desenvolvimento de determinados processos, o que
permite compreender as relaes entre causa e consequncia.
A infografia multimdia mantm as caractersticas essenciais da infografia impressa mas ao
ser realizada atravs de outros processos tecnolgicos, agrega as potencialidades do meio ao
ser apresentada noutro suporte, estende a sua funo, altera a sua lgica, incorpora novas
formas culturais (Beatriz Ribas, 2004). Isto acontece porque muitas das vezes as infografias
so criadas primeiro para o suporte impresso e s depois repensada para o suporte digital,
no perdendo assim a sua familiaridade com a infografia impressa. Conseguimos verificar
esta lgica na figura 32, na infografia sobre o Milagre da Torneira. Primeiramente esta infografia foi realizada para o suporte impresso e s depois adaptada para o suporte digital sem
perder qualquer tipo de informao.

O MILAGRE DA TORNEIRA

Barragem
Serra Serrada
Futura barragem
de Veiguinhas

Uma nova barragem ser agora

construda para complementar a
de Serra Serrada, insuficiente para
o consumo crescente de Bragana

Sistema municipal
de Bragana

Bragana

Com 105 zonas de abastecimento

diferentes, a cidade recebe gua
sobretudo de uma barragem

Espinhosela

Rio de Onor

Parmio

Frana
Carragosa

Aveleda

Lisboa

Rabal
Deilo
Gondesende

Lisboa

Sistema da EPAL

H 14 reservatrios
e diferentes zonas
de distribuio,
conforme
a altitude

A EPAL serve 26 concelhos com

gua sobretudo de Castelo de Bode.
Lisboa recebe 27% do total

Lisboa

Castelo de Bode

ALCOBAA

Cota/m
90 a 120

547.631

PORTO
DE MS

SANTARM

BOMBARRAL

Estao de tratamento
de Vale da Pedra
TORRES VEDRAS

ALENQUER

MAFRA

LOURES
Belas

SINTRA
AMADORA

SINTRA

Aqueduto sobre
o vale de Alcntara

Damaia
Alfragide

VILA FRANCA
DE XIRA

CASCAIS

LOURES

58

nascentes

galerias na cidade

Litros per capita por dia

135

Factura anual para 120 m3 (euros)

93

Captaes superficiais

8,4

habitantes servidos

vora

24

chafarizes

sada
do Castelo
de Bode

furos servem
as freguesias
do concelho

Sortes

Pinela

Outeiro

Parada

Rossas
Salsas

Pombares

Coelhoso

Q. Lampaas

Serapicos

Paradinha
Nova

Macedo
do Mato

Adutora existente
Reservatrio existente

Guarda

149
Izeda

Captao existente

Porto

20%

130
113

Faro

104

Lisboa

93

Ribeira Grande

Dados nacionais
Factura mdia anual
por nvel de consumo

83

71

142

87
Origem

Furos

34%

Barragens e rios

66%

Como Portugal
usa a gua

gua captada
(1000m3/ano)

25% de perdas
gua tratada

Distribuda
Urbano

8%

48
60 m3

120 m3

180 m3

Outros usos
Consumo domstico

Populao
servida

Consumo
dirio per
capita

97%

168

Indstria

87%

reservatrio

5%

926.923 823.291 693.074 594.393

Fontes: EPAL; Cmara Municipal de Bragana; ERSAR; INSAAR; Programa Nacional para o Uso Eficiente da gua; INE

Contudo, para Sancho as infografias digitais devem ser consideradas como um produto distinto devido sua versatilidade e as possibilidades que so oferecidas pelo suporte digital.
Atribui as mesmas caractersticas que as infografias impressas exceo de uma, o tamanho.
As outras caractersticas so, informativa, significativa, funcional, esttica, compreensvel,
icnica, leitura tipogrfica e concordncia.

43

223

Rio Frio

Ms

Rebordanhos

105

Canalizao
de rua

61

Agricultura

So Joo
da Madeira

Quintanilha

Milho

Grij de
Parada

Falde

Sendas

99

30 cm 10 cm

Conduta
Sada do
de Vila Franca reservatrio
de Xira
de Telheiras

Factura da gua
desigual pelo pas
A curva dos preos da gua em todos
os concelhos do pas. A factura mais
cara 25 vezes superior mais barata

Alfaio

Coimbra
60 cm

Mximo
da conduta
do Tejo

51

Lajes das Flores

167

1.452.094

10%

2,5 m

Angra do Herosmo

litros/hab

90.000

Rebordos

1,5 m

Dimetros

Samil

S. P. de
Parada

Zio

30

Perdas na rede

Adutor
Tejo

Lisboa

58

km
de aquedutos

5,5 milhes
de litros

24%

35.341

S. Julio de
Palcios

Bragana

Gostei

Calvelhe

A gua leva dois dias de

Castelo de Bode at s
torneiras de Lisboa, a uma
velocidade de 0,5 a 1,0 m
por segundo

Mono
Baixa
Alcntara

1,8 m

Me dgua

Ajuda

27.042.848

CONSTNCIA

Adutor
Castelo
de Bode

Monsanto

OEIRAS

Consumo domstico total (m3/ano)

Captaes subterrneas

9%

Adutor
VF Xira
-Telheiras

Adutor
Circunvalao

LISBOA

Reboleira

Rio Tejo

6447

Furos

Aquedutos secundrios
Galerias de distribuio
aos chafarizes

ODIVELAS

Adutor
Alvilela

CADAVAL

LOURINH

Baixa

Densidade populacional (hab/km2)

Estao de
tratamento
da Asseiceira

Adutor
Mdio Tejo

Captao
desactivada

RIO MAIOR

PENICHE

Alta
Mdia

Aqueduto principal
Vale de
Carenque

ALCANENA
Olhos de gua

BIDOS

Zonas
Superior

60 a 90

Principais
30 a 60
condutas
Reservatrios 0 a 30

Em 1835
Nessa altura, Lisboa era abastecida pelo Aqueduto das guas Livres,
construdo entre 1731 e 1799, e distribuda atravs de chafarizes

Sta. Maria
Gimonde

C. Avels

Carrazedo
Nogueira

TORRES NOVAS

CALDAS DA RAINHA

Babe

Castrelos

Populao

67%

OURM

BATALHA

Baal

Meixelo

Bragana

LEIRIA

NAZAR

Figura 32
Infografia O Milagre
da Torneira
Fonte: Pblico

litros

Esta fase digital da infografia classificada por Rodrigues (2010, p.35/36) em trs estgios
de desenvolvimento. No primeiro estgio, as infografias lineares que marcam o incio da
transposio das infografias impressas para o digital. No segundo, as infografias multimdia
que dominam recursos como o movimento, vdeo, udio e alguma interatividade. Na terceira e atual fase, as infografias realizadas em base de dados so alimentadas por bases de dados
prprias ou recolhidos da internet. Esta atual fase marcada pela mistura e cruzamento de
dados e com um maior grau de interatividade, onde o leitor tm a oportunidade comparar
uma enorme quantidade de informao.

A transio para a interatividade

Esta transio surge, primeiramente como uma transposio do impresso para o digital, no
final do sculo XX. Para alguns autores os primeiros exemplos, criados especificamente para
o meio digital, apareceram em 1998 (Cores Fernndes-Labreda, 2004).
Os jogos Olmpicos de Sydney em 2000, a fase final do campeonato do mundo de futebol
de 2002 no Japo e na Coreia do Sul e a guerra do Iraque, so apontados como momentos
importantes onde se produziram vrias infografias digitais.
Foi, no entanto, em 2001, com os atentados s Torres Gmeas que as infografias digitais
comearam a ganhar mais impacto. Os leitores comearam a compreender determinadas
notcias e as empresas de comunicao online perceberam que era uma maneira de explorar
as caractersticas deste novo meio. O atentado permitiu um salto quantitativo e qualitativo
na utilizao da infografia digital (Maciel, 2005).
A infografia, em muitos casos, deixa de ser uma representao esttica de dados e transforma-se numa ferramenta em que os leitores podem usar e analisar.33
A infografia digital comea, ento, a mostrar-se em novas formas como o udio, vdeo e
grafismos em movimento. Essas mudanas comearam a ser notrias quando o maior prmio internacional de infografia Malofiej (em 2007) foi entregue apenas a uma infografia
online, facto nunca acontecido em anos anteriores - era um prmio que costumava ser
entregue tanto para o meio impresso como para o meio digital. Este foi entregue ao jornal
The New York Times (edio online) realizado por Peter Sullivan, ao trabalho que tm como
nome Snapshot Sector: Retailing 34. Foi apresentado na categoria Economia e relatrios de
negcios e setores, retratava as oscilaes da bolsa de valores, e chamou a ateno pela utilizao de uma base de dados: tinha uma atualizao constante, interatividade, o que exigia
do leitor uma ateno redobrada para a interpretao e compreenso do conjunto de dados
complexos da infografia.
Salaverra (2002) afirma que a infografia digital um laboratrio para o hipertexto jornalstico, j que a infografia oferece-nos alguns dos relatos informticos mais avanados e
compostos por estruturas hipertextuais quer lineares ou no lineares.
Segundo Cairo (2005) nos ltimos anos a infografia digital desenvolveu-se muito no campo
esttico, isto na era da base de dados, o que foi deixando de lado algumas animaes 2D e
3D, a interatividade e a incluso de udio e vdeo.

33

34

(...) la infografia, en muchos casos, deja de ser una presentacin esttica de datos y se transforma en uns herramienta que los lectores pueden usar para analuzarlos. (Alberto Cairo, 2008, p68) Traduo da autora
Disponvel em: http://www.nytimes.com/packages/html/business/20060402_SECTOR_GRAPHIC/index.
html [consult. a 13 de agosto 2013].

44

As caractersticas
Cairo (2003) explica que na realizao de uma infografia digital, o primeiro passo a dar
ter conscincia de que este no se dirige logo ao resultado final, mas sim que realizado
seguindo etapas que substituem ou complementam as anteriores.
A infografia digital contm cinco caractersticas que se devem ao facto de serem um produto
digital e Online. Elas so: multimdia; hipertextualidade, interatividade; personalizao de contedo; imediatismo/atualizao constante (Palacios, 2002; Mielniczuck, 2002, Ribeiro, 2008).
Para Steve Jones, multimdia refere-se integrao de mltiplas formas de media, incluindo texto, msica, palavras faladas, vdeo, grficos ilustrados e fotografias, a fim de se comunicarem mensagens unitrias que, idealmente, sero ainda interativas.
Para Cairo a caracterstica multimdia subdivide-se em trs sub caractersticas:

a primeira consiste na sua capacidade de mostrar, atravs de uma sucesso de imagens,

o desenvolvimento de um acontecimento ou de um processo;
a segunda, incorpora elementos visuais como o vdeo, fotografias, grficos, diagramas
e ilustraes, e elementos sonoros como a voz, msica e rudos. Estes elementos
ajudam a relatar melhor um acontecimento;
a terceira e ltima possibilita ao leitor controlar parcialmente, a visualizao da
infografia.

Ao referir-se a estas caractersticas o autor, cita que estas devem ser entendidas como uma
possibilidade de o leitor seguir o caminho que quiser ao longo do contedo da infografia,
por meio de botes de navegao avanar e voltar e de links, tornando assim a infografia
um produto informativo ao gosto do leitor.
No correto dizer que uma infografia multimdia ou no, mas s nos devemos referir
ao seu grau de multimdia (nmero de cdigos usados em uma s apresentao) e a sua
qualidade, que tem a ver com o nvel de adequao do uso de cada cdigo para a prpria
natureza da informao: algumas histrias adaptam-se melhor ao vdeo, outras precisam do
uso intensivo de diagramas.35
Em relao hipertextualidade, este conceito foi utilizado pela primeira vez em 1945, por
Vanner Bush, num artigo intitulado As we may think. Para Cores Fernnder-Labreda (2004,
p.1) a infografia digital um hipertexto em si mesmo. Considerado de forma individual,
esta mantm as caractersticas que um hipertexto deve apresentar, ainda que ponha a nfase
na funcionalidade hipertextual de estrutura organizativa de contedos, mais que na funcionalidade de acesso a informao. Neste contexto, o autor considera que a infografia digital
facilita a organizao e a estrutura dos contedos e no apenas o acesso informao. O
termo hipertexto foi usado por Theodor Nelson para expressar a ideia de escrita/leitura no
linear de um sistema informtico. Este conceito foi desenvolvido no sentido que atualmente
lhe atribumos, na dcada de 70 do sculo XX (adaptado de Susana Ribeiro, 2008).

35

No es correcto, pues, decir que un grfico es multimedia o no, sino que debemos referienos a su grado de
multimedialidad (nmero de cdigos usados en una sola presentacin) y a su calidad, que tiene que ver con el
nivel de adecuacin del uso de cada cdigo a la natureza de la informacin: algunas historias se adaptan mejor
al vdeo, otras precisan de un uso intensivo de diagramas. (Alberto Cairo, 2008, p.80) Traduo da autora

45

Inicialmente, a hipertextualidade nas infografias era observada com grande entusiasmo, Fernndez-Ladreda (2004) apontou esta caracterstica como uma modalidade jornalstica como
o melhor exemplo de uso de linguagem hipertextual na Web.
A palavra interatividade deriva da palavra interao, ambas mostram, de um modo geral,
a troca ou influncia mtua, normalmente entendida como uma caracterstica da world
wide web. Este termo tm sido utilizado por especialistas, jornalistas e pelos leitores desde a
origem da internet, sendo associada com a forma de interao do interface e de links.
Na realizao de uma infografia digital a questo que se deve colocar antes de se iniciar a elaborao da animao, no Porque no?, mas sim Para qu?. ainda importante perceber quais so os fatores que tornam a animao necessria, e se ir melhorar a experincia do
leitor e, ainda, se facilita a compreenso da informao (adaptado de Alberto Cairo, 2005).
A interatividade apontada por Cairo (2008) como a nova ferramenta para a visualizao da
informao. Esta tm um grande papel na criao das infografias, pois permite ao utilizador
ter acesso a uma grande quantidade de informao, de uma forma clara e objetiva, num
pequeno espao. Est inteiramente ligada personalizao do contedo de informao o
que possibilita ao utilizador escolher que informao quer visualizar primeiro. Os meios de
interao utilizados devem permitir uma estrutura no linear de navegao para o utilizador
poder selecionar, ordenar e visualizar a informao como entender.
A personalizao do contedo oferece, ainda, ao leitor, opes para ele configurar as notcias
de acordo com as suas opes individuais. Contudo, em determinadas situaes, a possibilidade de haver resultados iguais quase inexistente, devido complexidade dos dados exigidos.
Da mesma forma que as infografias impressas tm o papel como suporte, e tm limitaes
a nvel de espao, na infografia digital o suporte utilizado o interface com caractersticas
interativas. Na web a relao do leitor com a infografia passa pelo interface e pela estruturao da informao.
Um das grandes diferenas entre a infografia realizada para papel e outra para o meio digital
o imediatismo. O aparecimento da internet e das infografias digitais ganhou bastante relevo em relao hora de relatar um acontecimento. Por exemplo, se ocorrer um atentado no
Iraque s 23h00, impossvel publicar uma infografia deste acontecimento no jornal do dia
a seguir, devido aos horrios de fecho das edies. Assim a infografia no pode ser publicado
no jornal do dia seguinte, mas encontra-se online. Ou seja, as infografias digitais ganham no
que diz respeito atualidade porque assim que so acabadas de ser produzidas ficam disponveis em pouco tempo (adaptado de Susana Ribeiro, 2008).
Este tipo de infografia acaba por ser visto por um maior nmero de pessoas do que as infografias em papel, pois tem a particularidade de permanecer online. A instantaneidade ou
atualizao contnua refere-se possibilidade de as infografias poderem ser atualizadas ao
longo do tempo e ser corrigidas no momento em que detetado um erro (adaptado de
Cairo, 2005). Por exemplo, uma infografia sobre os jogos Olmpicos, que mostre os pases
e as medalhas conquistadas desde a sua primeira edio, pode ser apenas atualizada no ano
em que decorrer uma nova a competio.

46

Para Alberto Cairo (2008, p.16) a infografia tem trs principais caractersticas. Eles so:
1. os dados, transformados em informao visual, so atraentes por si s, sem a necessidade
de artifcios, seja numa pgina impressa ou em suporte digital;
2. a infografia e a visualizao de informao no so um objeto decorativo cujo principal
objetivo seja fazer pginas ligeiras, dinmicas, coloridas, devendo antes funcionar como ferramenta de anlise da realidade a servio do leitor, melhorando a sua compreenso;
3. a incorporao de ferramentas interativas para os jornais digitais assume uma mudana
de paradigma na visualizao de informao: a liberdade de que o leitor tem ao ler os contedos de uma infografia na ordem que quiser, criando significado a partir de dados, acrescentando, na sua correlao digital, a possibilidade de desenhar a sua prpria informao,
modificar a seu gosto ou conforme a necessidade.
Estes trs elementos so visveis na figura 33, que representa uma infografia do dirio The
New York Times, onde se calcula se mais rentvel comprar ou arrendar uma casa, dependendo de diferentes variveis. Este grfico no se limita a mostrar as evidncias particulares,
sem que primeiro o leitor crie as suas prprias concluses, adaptadas s suas circunstncias,
desejos e curiosidades (adaptado de Cairo, 2008, p.16).
Os trs principais elementos da infografia para Cairo (2008, p.16) so visveis nesta infografia de que falamos.

Figura 33
The New York Times
Is It Better to Buy or Rent?
http://www.nytimes.com/
interactive/business/buy-rentcalculator.html?_r=0

47

Princpios da interatividade
O mecanismo de interao permite ao leitor diferentes maneiras de explorar a mesma informao. Para Cairo este novo mecanismo de interao, implica que o leitor se transforma
em utilizador e a infografia em aplicao. Os mecanismos mais bsicos a nvel de interao
so aqueles que se baseiam na utilizao de sistemas de navegao e reposicionamento do
observador. Podem ser desde botes de recuar/avanar, links para saltar de contedo e at
a rotao de um objeto em 3D, a 360. Num segundo nvel encontram-se os mecanismos
como zoom e pan, que so as ferramentas mais utilizadas por serem bastante teis em
grficos mais complexos. O zoom pode ser representado de duas maneiras, geomtrico e
semntico. Geomtrico quando apenas aumenta o tamanho do objeto, e semntico quando
utilizado para mostrar informao mais detalhada do que apenas o objeto na infografia. O
pan tambm um recurso de navegao, pois permite que o utilizador se desloque, dentro
do objeto, em qualquer direo (Herman, 2000).
A interatividade, no significa mais do que uma relao que o leitor estabelece com um
objeto (fsico ou virtual) para conseguir um objetivo.36 Para que o objeto seja devidamente
alcanado, Cairo destaca cinco princpios que todo o objeto que manipulado deve cumprir
(Alberto Cairo, 2008, p.64):
1. Visibilidade
Os utilizador necessitam de ajuda para perceber o que podem obter atravs de um objeto,
logo quanto mais visvel for as suas funes, mais fcil ser de interpretar.
A visibilidade indica a relao (mapping) entre a inteno (intended actions) e aes (operations) (NORMAN, 1988, p.8).
Por exemplo, na figura 34, o primeiro objeto ser dificilmente interpretado como um boto; o segundo parece um boto devido ao seu formato, contudo a sua finalidade s pode
ser percebida se o leitor souber a lngua inglesa; o terceiro faz uso a analogia, devido a seta
que percetvel em todas as culturas, assim torna-se mais fcil a sua identificao como um
boto de avanar.

next

Figura 34
Botes
Fonte: Alberto Cairo (2008)

36

next

Interaccin, despus de todo, no significa ms que la relacin que un usuario establece con un objecto (fsico
o virtual) para conseguir un objectivo. (Albero Cairo, 2008, p.63) Traduo da autora

48

2. Retroalimentao ou feedback
Este princpio de retroalimentao consiste em que o objeto manipulado emita uma resposta
que indique ao utilizador que a ao foi realizada.
Na figura 35, na infografia do The New York Times verificamos um exemplo imperfeito de
feedback. Ao carregar no boto de avanar, desencadeada uma resposta visual, o movimento do quadro indica-nos em que sequncia estamos. Em alguns casos (como a transio
entre o segundo e o terceiro boto) esta extremamente lenta, no tendo um efeito imediato. Este efeito leva a que o leitor pressione repetidas vezes o boto, saltando assim para a
informao mais frente.

Figura 35
The New York Times
The Master of Clay Takes Aim
at the Fast Courts
http://www.nytimes.com/
interactive/2007/08/25/sports/
tennis/20070827_NADAL_
GRAPHIC.html?_r=0

49

3. Potencialidades ou Affordances
Est diretamente relacionado com a visibilidade. O conceito de affordances faz referncias
s pistas que um objeto d sobre o seu uso provvel. Em ambientes virtuais e ferramentas
informticas, affordances refere-se s possibilidades de ao percebidas.
4. Restries
Este principio deve ser respeitado para que se evitem erros no manuseio de um interface, ou
seja, deixar transparecer ao utilizador s o que for relevante. Este uso de restries evita erros
na manipulao de um interface.
Norman identifica outras classes de restries, como as fsicas (que existem tambm no
espao virtual). Menciona restries semnticas (dependendo do significado e da situao
a controlar), culturais (convencionais), lgicas, etc.
5. Consistncia
Determina que objetos de natureza visual similar desencadeiem aes idnticas.
A consistncia na visualizao da informao pode ser analisada dentro de um grfico concreto ou como medida de similaridade geral entre todas as infografias pertencentes a mesma
publicao. Por exemplo, botes ou setas para avanar ou voltar, uma vez memorizado o que
o boto faz, o leitor j no precisa de o identificar novamente.
Para alm de Cairo destacar cinco princpios da interao, tambm realizou um modelo de
classificao, onde identifica as trs classes da interao. Este modelo baseado no trabalho
de Preece, Rogers e Sharp (2007). Estas trs classes so: Instruo, Manipulao e Explorao
(figura 36).

explorao

manipulao
Figura 36
As trs classes de interao
Fonte: Alberto Cairo (2008)

instruo

50

A cada variedade de infografia e de histria correspondido um tipo de interao que facilita a explorao dos dados. importante assinalar, tambm que dentro da mesma infografia
pode dar-se mais de um tipo de interao.37
O modelo realizado por Cairo organizado hierarquicamente, a manipulao encontra-se
num nvel superior instruo, e a explorao num nvel superior manipulao. Por sua
vez, a manipulao uma classe da instruo, e a explorao uma classe da manipulao.
A instruo engloba os outros dois tipos da interao 38.
Instruo
o nvel mais bsico da interao e consiste em que o leitor indique ao dispositivo o que fazer atravs (principalmente, mas no s) de botes. Este o nvel de interao mais comum
em infografias interativas de imprensa. Baseia-se numa estrutura narrativa linear.
A indicao de aes na infografia no est limitada ao uso de botes. Em alguns casos
possvel tambm escrever atravs de um comando para que faa correr a ao. Um bom
exemplo a infografia sobre as operaes de reduo do estmago, que utiliza uma calculadora para determinar a informao sobre ndice de massa corporal (figura 37).

Figura 37
El Mundo - Grfico sobre a
cirugia de reduo
de estmago
http://www.elmundo.
es/elmundosalud/
documentos/2004/02/
estomago.html

37

38

A cada variedad de infografia y de historia le corresponde un tipo de interaccin que facilita la exploracin de
los datos. (...) dentro de una misma infografia puede darse ms de un tipo de interaccin (...) Alberto Cairo,
2008, p.71 - Traduo da autora
(...) la manipulacin se encuentra en un nivel superior que la intrucin, y la exploracin en un nivel superior
que la manupulacin. Y, a su vez, que la manipulacin es un clase de instrucin, y la exploracin una clase de
manipulacin. La instrucin engloba los otros dos tipos de interacin. Alberto Cairo, 2008, p. 71 - Traduo da
autora

51

Manipulao
o tipo de instruo que consiste na possibilidade dos leitores poderem mudar as caractersticas fsicas de certos objetos no mundo virtual: tamanho, cor, posio, etc. A manipulao
baseia-se nas experincias do utilizador relativamente ao mundo real. Um exemplo deste
tipo a infografia realizada pelo elmundo em 2005, intitulada de Qu se puede hacer con
25m (figura 38). O leitor pode mudar a disposio do mobilirio num apartamento de 25
metros quadrados como entender.

Figura 38
El Mundo Qu se puede
hacer con 25m
http://www.elmundo.es/
elmundo/2005/graficos/abr/s2/
casa_25.html

Explorao
o tipo de manipulao onde os leitores tm uma liberdade aparentemente absoluta de
movimentar-se no mundo virtual. Aparentemente porque a liberdade dos leitores na visualizao de informao sempre condicionada por uma razo muito simples: o designer
que decide o que o leitor vai ver. O objeto final de qualquer infografia a apresentao de
um conjunto de dados.

52

Tipologias
Para Valero Sancho (2004), as infografias digitais, dividem-se em individuais e coletivas, do
mesmo modo que as infografias impressas.
As infografias individuais envolvem dentro da sua estrutura, links de hipertexto que permitem ao leitor resolver e solucionar possveis questes ou dvidas sobre o assunto abordado.
Estes apoios ao leitor so comparados aos infogramas (partes de infografias que conjugam
desenhos com o texto correspondente) ou s unidades grficas elementares (texto, desenho,
entre outros) das infografias impressas.
As infografias coletivas, por outro lado, revelam um conjunto de infografias separadas no
tempo atravs de uma sequncia. Esta visualizao da infografia s possvel quando o leitor
deixa de observar a infografia atual. O autor refere que a classificao das infografias no se
altera consoante o seu suporte, pois ambas seguem a mesma lgica, o que apenas se altera
a sua forma de realizao, que exige uma maior funcionalidade para se adaptar a toda a
informao e s propriedades referentes ao movimento, udio, hipertexto e comunicao
interativa com o leitor.
Nichani e Rajamanickam (2003) classificam as infografias digitais em: narrativas, instrutivas, de simulao e de explorao. As infografias narrativas explicam ao leitor a infografia,
por meio de uma histria; as instrutivas explicam passo a passo o funcionamento ou como
ocorreram os fatos, permitindo uma visualizao sequencial; os de simulao permite ao
leitor explorar (geralmente) um fenmeno do mundo real; as de
explorao permitem ao leitor descobrir por si s o contedo que a infografia deseja comunicar.
Susana Ribeiro (2008, p.169), citando Beatriz Ribas (2004) refere:
Nichani e Rajamanickam (2003), desenvolveram um sistema de classificao de infografias interativas, til para a composio de narrativas diferenciadas, tendo em mente o pblico para o qual so estruturadas. A classificao
baseia-se na inteno comunicativa do produto e tem como objetivo garantir
a eficincia da infografia na apresentao de diferentes tipos de contedos.
Embora no seja uma classificao especificamente voltada para o contedo
jornalstico, contribui para uma reflexo sobre o tratamento visual das informaes para a diversidade do utilizador.
A autora, a partir das caractersticas apontadas por Valero Sancho, e pela classificao proposta por Nichani e Rajamanickam, criou o seu prprio modelo de classificao, que se
encontra disposta por tipos, estados e categorias (Beatriz Ribas, adaptado de Susana Ribeiro,
2008, p.170) (tabela 2).

53

Autnomas

Contm todos os elementos de uma

notcia sem a necessidade de um
texto paralelo. O texto complementar narrativa, assim como
outros cdigos audiovisuais, integrados, constituindo uma unidade
informativa independente. So a
prpria notcia.

Complementares

Ao texto
Servem como informao complementar notcia principal apresentada na forma de texto.

Tipos

infografia
Servem como informao complementar notcia principal, apresentada sob a forma de infografia
autnoma.
Atualidade

So apresentadas no momento dos

acontecimentos.

De memria

So arquivos. Tornam-se arquivos

quando deixam de ser de atualidade.

Sequncias

Demonstram um acontecimento,
processo ou fenmeno em sequncia, detalhadamente, necessitando
de um acompanhamento sequencial
para a compreenso do todo.

Relacionais

Permitir escolhas que desencadeiem

e desenvolvam determinados processos, permitindo compreender as
relaes entre causa e consequncia.

Espaciais

Reconstroem um ambiente real tal

como ele fisicamente, permitindo
um passeio virtual

Estados

Categorias

Tabela 2
Modelo de classificao
de Beatriz Ribas
Fonte: Susana Ribeiro (2008)

54

Infografia com base de dados

A infografia digital prevalece pela utilizao de udio, vdeo, imagens e animao, enquanto
que a infografia em base de dados no apresenta interatividade, mas sim, interao reativa,
atravs do cruzamento de dados, que criam um contedo mais dinmico e interativos para o
leitor. O Jornal The New York Times foi pioneiro nesta novo modelo de infografia. Em 2007,
o New York Times atravs da infografia de Peter Sullivan denominada de Snapshot Sector:
Retailling marca a utilizao de base de dados nas infografias (figura 39).
Esta infografia construda unicamente a partir de base de dados, no utiliza qualquer tipo
de imagens, vdeos e animaes. Destaca-se pela sua quantidade de informaes apresentadas e pela sua capacidade de cruzar todos os dados, que resultaram em diferentes dados. Para
Salvarra esta infografia chama a ateno pela sua excelncia tcnica, preciso informativa e
criatividade, contribuindo assim para uma infografia complexa.

Figura 39
Sector Snapshot: Energy
http://www.nytimes.com/
packages/khtml/2006/04/02/
business/20060402_SECTOR_
GRAPHIC.html

As infografias realizadas a partir de base de dados, so classificadas como as de terceira fase.

Machado (2007, p.112) refere que este tipo de infografias surge aos leitores como um interface divididos no espao navegvel que permite explorar, compor, recuperar e interagir
com a narrativa.
Barbosa (2007) define sete categorias para este tipo de infografia em base de dados: dinamismo; automatizao; inter-relacionamento(hiperligaes); flexibilidade; densidade informativa; diversidade temtica e visualizao. Para o jornalismo digital, as bases de dados so
definidas a partir da estrutura e da organizao, bem como da apresentao dos contedos
de natureza jornalstica. Estas so o elemento fundamental na constituio de sistema complexo para a criao, manuteno, atualizao, disponibilizao e circulao de produtos
jornalsticos digitais dinmicos (Barbosa, 2007, p.26).

55

Para Adriana Rodrigues, as infografias com base de dados, so as que so produzidas tendo
como mola propulsora o cruzamento ou insero das bases de dados nas suas produes, e
cujo nvel de complexidade se eleva, abrindo o caminho ao utilizador para a sua interpretao, anlise mais aprofundada e com nveis de interatividade maior. (adaptado de Adriana
Rodrigues, 2009, p.37)
Este tipo de infografia, no deve ser entendida como uma leitura rpida e simples de ser
interpretada. Esta passa a ser uma ferramenta que exige uma anlise e uma interpretao cuidadosa das informaes, pois um grfico apenas contm vrias dimenses, ngulos, formas,
interatividade, navegao e cruzamento de dados. A infografia com base de dados vista
sobre duas perspetivas: uma do ponto de vista da produo, que exige por parte do profissional uma especializao para produzir as bases de dados para a realizao das infografias, e
outra da perspetiva do leitor que se depara com uma infografia mais complexa e que exige
mais conhecimento para conseguir absorver toda a informao visto que as interaes so
mais ramificadas e em maior nmero. Estas infografias utilizam as bases de dados para uma
melhor atualizao e cruzamento da informao em tempo real e so consideradas as com
maior nvel de interatividade.
Manovich (2004), para caracterizar esta nova fase de infografia, adota o termo visualizao
dinmica de dados, assim como Alberto Cairo. O termo visualizao dinmica de dados
utilizado para designar os dados quantificativos que, na sua origem, no so visuais. Esta visualizao explora a ferramenta tecnolgica, que tm como finalidade transformar os dados
abstratos em linguagem visual, podendo assim ser pensada como uma nova abstrao.
Segundo Cairo, a visualizao de informao na imprensa entende-se como suporte de compreenso: aumenta a capacidade cognitiva dos leitores atravs da revelao de evidncia, de
mostrar aquilo que permanece oculto, j que traz um conjunto catico de dados, numa lista
de nmeros ou num objeto cuja estrutura interna excessivamente complexa.39
Segundo Machado as bases de dados funcionam como principal instrumento para a construo de novos modelos e novos formatos de narrativas multimdia por apresentar uma
interface tipificada no espao navegvel que permite explorar, compor, recuperar e interagir
com as narrativas (Machado, 2007, p.104).
O Google Maps, um exemplo que pode ser agregado infografia para uma visualizao mais
detalhada e mais real de um acidente. Contudo estas construes envolvem um conceito de
mashup, que surgiu com o Web 2.0 40 e define-se como uma tcnica da web que se utiliza de
outros aplicativos para gerar um novo servio completo. Mashup a combinao de recursos
distintos que se complementam com a utilizao do Google Maps, com o site de fotos Flickr,
mais vdeos do Youtube.

39

40

[...] a visualizacin de la informacin en prensa se entiende como soporte de comprensin: incrementa la

capacidad cognitiva de los lectores por medio de la revelacin de evidencia, de mostrar aquello que permanece
oculto, ya sea tras un conjunto catico de datos, en una lista de nmeros, o en un objeto cuya estructura interna
excesivamente compleja (CAIRO, 2008, p. 29) Traduo da autora
O termo Web 2.0, criado por Tim O`Reilly, utilizado para descrever a segunda gerao da World Wide Web
- tendncia que refora o conceito de troca de informaes e colaborao dos internautas com sites e servios
virtuais. Para a infografia este ambiente reflete-se uma operacionalizao mais adequada por se construir numa
plataforma pensada para a banda larga e para um fluxo mais intensivo de dados com mashup (vdeos, fatos,
udios, mapas e animaes).

56

Surgimento da infografia digital em Portugal

Na segunda metade do ano de 2007, a infografia digital em Portugal comeou a dar os primeiros passos, comeou por surgir nos sites dos meios de comunicao e em alguns blogs
dedicados temtica da infografia.
O jornal Pblico inaugurou oficialmente a seco de infografia a 17 de outubro de 2007,
a equipa de infografia dedicava-se produo de infografias digitais, contudo, a sua maior
produo era de infografias impressas, tendo inclusivamente sido galardoado com trs prmios Malofiej em 2008.
Contudo em 2008 com a nova lei do tabaco deu-se o auge para a criao de infografias digitais, nomeadamente pelo jornal Pblico e pela SIC, pois era necessrio informar os leitores
de vrios perfis como comerciantes, fumadores, no-fumadores. O que levou a este auge nas
infografias digitais, foi o aumento de conhecimento dos leitores e estes estarem habituados
a obter informaes atravs dos jornais Online.
Com este avano a infografia comeou a surgir com mais frequncia nos media, pois os leitores comearam a procurar este tipo de contedos. Este desenvolvimento veio permitir novas solues grficas para a produo de infografias e o reconhecimento dos seus produtores.
Em maio de 2008 o site do Jornal de Notcias sofreu algumas alteraes na sua imagem e
estrutura, criando assim um espao dedicado seco de multimdia, onde se insere a subseco de infografia, que apresenta infografias relacionadas com desporto, sade, tecnologia,
entre outras temticas.
Cairo (2006) afirma que os jornais portugueses utilizam muitas infografias de agncias noticiosas e poucas de produo prpria, facto que lhes retira prestigio. Apesar disso, a maior
parte dos jornais com maior tiragem em Portugal j integram nas suas redaes pessoas que
se dedicam exclusivamente produo de infografias.

57

03

Infografia no
jornal Pblico
Make things as simple as possible ,
but not simpler.
Albert Einstein

Breve histria
Um infografista um jornalista que pensa visualmente
Alberto Cairo

Figura 40
Infografia realizada
pelo jornal Pblico

O ponto de partida para a criao do Jornal Pblico surgiu quando um grupo de jornalistas,
do jornal Expresso, decidiu lanar um jornal dirio. Para este projeto se tornar vivel entraram em contato com o grupo Sonae41.
A empresa Pblico, Comunicao Social S. A., que publica o jornal Pblico, foi fundada a 31
de outubro de 1989, quatro meses antes do jornal sair para as bancas. A 5 de maro de 1990,
publicado o primeiro nmero do jornal (figura 41). A capa fazia referncia a lvaro Cunhal
na sua sucesso ao comando do PCP e um jogo entre o F.C.Porto e o S.C.Sporting.
A tiragem desta primeira edio foi superior a cem mil exemplares.

41

Sonae - Sociedade Nacional de Estratificados uma empresa portuguesa criada, em 1959, pelo
empresrio e banqueiro, Afonso Pinto de Magalhes. Aps a sua morte Belmiro de Azevedo atinge
a maioria do capital da empresa.

60

Figura 41
Primeira edio do jornal
5 de maro de 1990

A 11 de maio de 1995, o Pblico registou o seu website e no dia 22 de setembro do mesmo

ano, foi criado o site oficial do Pblico (http://www.publico.pt). O jornal passou a oferecer
atualizaes dirias no website. Nos 3 anos seguintes o jornal limitou-se a fornecer aos leitores a verso impressa do jornal, s em setembro de 1999, que comeou a ser produzida
informao prpria do Pblico Online, com a introduo do servio ltima Hora.
Ao longo de 24 anos de existncia o Pblico j contou os seguintes diretores (figura 42).

Francisco Sarsfield Cabral

que ocupou o cargo de1997
a 5 de Maro de 1998

O primeiro director do jornal

foi Vicente Jorge Silva que
deixou o jornal em 1996

1996

Actualmente a directora
Barbara Reis que assumiu
o cargo a 1 de Novembro
de 2009

1998

1989

2009
Nicolau Santos ocupou o cargo
entre 26 de Setembro de 1996
a 20 de Setembro de 1997

Jos Manuel Fernades ocupou

o cargo a 5 de Maro de 1998
e saiu no final de 2009

Figura 42
Diretores do Pblico

61

2013

O Pblico um jornal portugus com circulao em Portugal e Espanha, e que contm 5

suplementos (figura 43).

Segunda-feira

Tera-feira

Quarta-feira

Quinta-feira

uma anlise
do mercado
imobilirio

Sexta-feira

um suplemento
de humor onde
o lema Se no
aconteceu, podia
ter acontecido

Sbado

um suplemento
sobre viagens,
prazeres
e automveis

Domingo

um suplemento
relacionado
com a sociedade,
com entrevistas
e reportagens,
as artes e a cultura

um suplemento
dedicado as artes

Figura 43
Suplementos do Pblico

O departamento de infografia
A EQUIPA

Atualmente, o departamento de infografia constitudo por 4 elementos. O editor e infografista Joaquim Guerreiro lidera os infografistas Jos Alves, Clia Rodrigues e Ctia Mendona.
Ele partilha o mesmo espao com todos os outros departamentos do jornal - redao, jornalismo, fotografia, edio e webdesign.
Esta equipa, criativa e verstil, cria e prepara todas as infografias tanto para o suporte impresso como para o digital.
So realizadas dois tipos de infografias para o digital, as interativas que fazem com que o
leitor interaja com a prpria infografia e as infografias estticas.
Na equipa existem vrios horrios diferentes para que haja sempre algum do departamento
na abertura do jornal e no fecho. Pelas 9h30 chega o primeiro infografista que toma conhecimento dos projetos que possam existir nesse dia e comea a adiantar pequenas infografias
estticas para entrarem online. Por volta das 11h chega o segundo infografista que se pe a
par da lista de tarefas existente e comea a trabalhar nas infografias que j contenham dados.
Chega por volta das 15h os ltimos dois infografistas que se pem a par das infografias que
se encontram mais atrasadas e das que ainda no foram comeadas. Durante o fim de semana
estas tarefas so realizadas apenas por um dos infografistas.

62

O PROCESSO DE TRABALHO

O processo de trabalho no dia a dia no departamento de infografia pode ser muito instvel,
pode existir muito trabalho onde no h mos a medir, como pode ser um dia muito calmo. Independentemente de como corre o dia no departamento, existem infografias estticas
dirias que tm de ser sempre realizadas, como a previso do tempo, as audincias televisivas
e os quadros da bolsa, que mostram as subidas e descidas dos mercados financeiros. Para a
atualizao diria destas mesmas infografias, existe uma base de trabalho que facilita a alterao dos dados. Semanalmente realizada a infografia do suplemento imobilirio que sai
com o jornal s quartas-feiras, tambm, atravs de uma base previamente feita.
As restantes infografias impressas realizadas para o dia ( exceo das que so pedidas com
algum tempo de antecedncia) tm uma grande imprevisibilidade pois dependem das notcias da atualidade.
Os tipos de grficos utilizados so os grficos de: barras, queijo, linhas e tabelas. So realizados
tambm mapas e infografias mistas, que combinam vrios tipos de grficos (figura 44 e 45).

Produo industrial
Variao anual, em %
5

Irlanda

1,9

Alemanha

0
-5

-0,7
-2,4

Zona euro

-4,0

Espanha

-6,9

Portugal

-10
-15
-20

Jul 2012

Ago.

Set.

Out.

Nov.

Dez.
Figura 44
Grficos de Linhas

Fonte: Eurostat

Figura 45
Grficos de Barras

63

Para a realizao de uma infografia a primeira coisa a verificar os dados e tentar entend
-los. Se os infografistas no estiverem familiarizados com os dados que lhes so fornecidos
dificilmente os leitores os iro perceber. Tudo isto faz parte de um ciclo. O primeiro a avaliar os dados o jornalista, de seguida o infografista para proceder a realizao da infografia
e, por fim, o leitor.
Quando a infografia acabada e revista com o editor de infografia, esta enviada para o
jornalista para a ltima verificao de dados. Assim que recebemos a aprovao do jornalista responsvel, a infografia inserida na pgina do dia para o paginador poder paginar a
infografia.
Nas infografias digitais (usadas no website) o processo idntico. A diferena que quando
so requisitadas a informao dada aos infografistas vem sempre com maior prazo para a
realizao, pois normalmente as infografias no so comeadas, finalizadas ou colocadas on
-line no prprio dia, salvo raras excees, como por exemplo infografias mais simples com
poucas animaes e que estejam ligadas notcia da atualidade.

BASES DE TRABALHO

Todas as infografias realizadas no jornal respeitam uma base de trabalho, j plenamente

estruturada, tanto para infografias estticas como para as infografias digitais. Ela decorre do
redesign recente do jornal, feito por Mark Porter em 2012.
Este modelo de base (ou template) serve para que o leitor possa sentir a coerncia visual
entre as infografias do jornal e facilitar o mtodo de trabalho dos vrios infografistas.
Nessa base consta uma paleta de cores, tipos de letra, tamanhos, estilos e ainda um ficheiro
template que contm vrios exemplos de infografias com a paleta de cores, os tamanhos de
letra, etc. a partir desse ficheiro que todos os elementos se baseiam.
Na base de trabalho para as infografias dirigidas para o papel existem 9 cores na paleta, as
cores neutras, as cores de relevo e ainda as cores de exceo (figura 46). As cores de exceo
so as que se usam quando necessrio uma cor suplementar.

Relevo
Neutros

Fundo

Fn Magnlia
Ecxepes

Figura 46
Paleta de cores

Grelha

64

Em relao aos tipos de letra usados nas infografias dirigidas para o papel so usados o Giorgio Sans para os ttulos e o Graphik para a restante informao. O tamanho das infografias
depende muitas vezes do espao que os paginadores tm, contudo sempre que pedida uma
infografia j nos fornecido o nmero de colunas e a altura varivel consoante a paginao.

Giorgio Sans

The quick brown fox jumps over a lazy dog

Graphik
The quick brown fox jumps over a lazy dog
Nas infografias realizadas para o digital existem 8 cores na paleta, tambm as cores neutras
e as cores de relevo (figura 47).

Relevo
Neutros

Fundo

Figura 47
Paleta de cores

O tipo de letra utilizado nas infografias digitais o Helvetica. So utilizadas muitas variantes
do tipo de letra e o tamanho de letra no deve ser inferior a 13pt para garantir a legibilidade
em ecr. As dimenses para as infografias online so sempre de 940px ou de 620px de largura. A altura pode variar mas no deve ultrapassar os 700px.

Helvetica
The quick brown fox jumps over a lazy dog

65

Trabalho desenvolvido durante o estgio

Durante os seis meses de estgio que decorreram no perodo de 6 de setembro de 2012 a
28 de fevereiro de 2013, foram realizadas por mim tanto infografias para o Pblico online
como para o papel.
Os programas utilizados para a realizao dessas mesmas infografias foram o Adobe Illustrator CS5.5 e o Adobe Flash CS5.5. O Illustrator para desenhar as infografias e o Flash para
animar e criar interaes, para a publicao online.
AMBIENTE ANALGICO

Todos os dias de manh eram realizadas por mim a infografia da previso do tempo e o
grfico das audincias televisivas que saem todos os dias com o jornal (figura 48 e 49).
Semanalmente realizava a infografia para o suplemento imobilirio
e osblmapas
%
100%
ack com localizadores
stroke 0,2pt white
para o suplemento Fugas.
Figura 48 e 49
Previso do tempo
e Audincias

Os mais vistos da TV
-5 25

-5 25

% Aud. Share

A Tua Cara No Me ...

Jornal das 8
Jornal da Noite
Telejornal
Pai Fora

Vila Real
-5 25

Porto

25

Domingo, 4

Bragana

Viana do
Castelo
-5 25
Braga

-5 25
Viseu
2-2,5m

Guarda

-5 25

Aveiro

-5 25
Penhas
Douradas
-5 25

-5 25
Coimbra
-5 25

TVI 17,4
TVI 13,2
SIC 11,7
RTP1 10,1
RTP1 10,0

FONTE: CAEM

Castelo
Branco

Leiria

-5 25

-5 25
Santarm

Portalegre

-5 25

-5 25

Lisboa
-5 25
Setbal
vora

-5 25

-5 25

25

AMANH
Cheia

Beja

Sines

-5 25

-5 25

Minguante

2-2,5m

Nova

Sagres
-5 25

Faro
-5 25

Crescente

25
2-2,5m

Aores
Corvo
Flores

Graciosa

-5 25
25

25
2-2,5m

S. Jorge
Faial

32 25 Pico

AMANH
25

Terceira

2-2,5m

-5 25

2-2,5m

S. Miguel

Ponta
Delgada

-5 25

Sta Maria

Madeira
Porto Santo

-5 25

Sol

25

2-2,5m

Nascente 07h26
Poente 22h45

Lua Cheia
Funchal

2-2,5m 25

8 Mar. 09h39

-5 25

Mars

Mars
Leixes

Entrelinha 13pt

Cascais

Faro
3,3 04h25

Leixes
3,2

Preia-mar 04h42
16h58

3,3 04h19
3,2 16h35

3,2 16h39

3,1

Baixa-mar 10h47

0,7 10h21

0,8 10h14

0,7

0,7 22h34

0,9 22h25

0,7

23h01

Fonte: www.AccuWeather.com

Cascais

Faro

Preia-mar 06h17
18h32

3.0 05h53

3.0 05h57

3.0

3.0 18h08

3.0 18h12

3.0

Baixa-mar 12h18
00h44*

1.0 11h50

1.1 11h41

1.0

1.0 00h16*

Fonte: www.AccuWeather.com

66

2.0 00h04*

1.1

*de amanh

52,5
31,1
27,5
24,4
27,6

RTP1
2:
SIC
TVI
Cabo

16,7%
3,3
21,6
31,1
23,5

Ao longo do estgio realizei cerca de 25 infografias especficas (sem contar com as dos suplementos e as que eram realizadas todas as manhs), algumas simples, outras complexas.
Normalmente os dados para a realizao de qualquer infografia nos dado em formato
excel. Uma das primeiras infografias realizadas foi sobre o Impacto da reduo
da TSU para as empresas (figura 50).

Impacto da reduo da TSU para as empresas

As PME que mais exportam so as que menos empregam
Nmero de Empresas

Pessoal ao servio

PME exportadoras
33.861

28%

10%

90%

Volume de negcios
Em milhes de euros
75.023

585.818

72%

PME no-exportadoras
314.691

40%

1.506.453

60%
112.469

Total: 2.092.271

Total: 348.552

Total: 187.493

e o consumo privado vai afundar ainda mais

Taxa de variao homloga, em %
10
5
0
-5

-5,9

-10

1996

1998

2000

2002

2004

2006

2008

2010

2012

Fonte: Estatsticas das empresas 2010 e Contas Nacionais Trimestrais do INE

Figura 50
Impacto da reduo da TSU
para as empresas

Um dos trabalhos mais interessantes e de maior dimenso, ocupava a parte superior de duas
pginas, fazia parte de um artigo sobre o mar. Os dados para a realizao do mesmo foram
cedidos com alguma antecedncia pela jornalista, o que deu tempo para realizar testes de cor
e experincias na colocao das caixas de texto (figura 51). Durante a realizao do mesmo,
houve interao com a jornalista Teresa Firmino, de modo a que nada fosse esquecido e para
se poderem ajustar alguns textos que se encontravam demasiado extensos (figura 52).

Figura 51
Testes de cor

67

Mars... de anos
Os anos determinantes da relao recente dos portugueses com o mar: o que fizeram c dentro e o que externamente os co ndicionou

C dentro

1971
Inaugurao da doca gigante na Lisnave.

Nunca recebeu navios de um milho de

toneladas mas reparou tanto que se tornou
o segundo maior exportador nacional

1963
Comea a construo da Lisnave,
que viria a ter a maior doca seca
do mundo

1973
Comea a

1970
Criao da Regio

construo do
porto atlntico
de Sines

de Turismo do Algarve

1974
Delegao portuguesa vai Austrlia

1983
Ford desiste de

e Japo procurar negcios para Sines

investir em Sines

Revoluo do 25 de Abril

1998
Expo-98
Criado o Programa Dinamizador

1985
Portugal assina
a adeso CEE

das Cincias e Tecnologias do Mar

1975
Nacionalizaes
Descolonizao

1978

1997
Concludo Livro Branco para

1986
1 de Janeiro: Portugal

Sines entra
em explorao

o sector martimo-porturio

entra na CEE

2003
Nasce Comisso Estratgica
dos Oceanos para pensar
o mar como um todo. Nasce
ideia da economia do mar

1999
Assinado contrato de concesso
do terminal XXI em Sines PSA
de Singapura, com promessa de
ligao ferroviria adequada para
Espanha

Publicado Livro Branco para

o sector martimo-porturio

L fora

1973
1. choque petrolfero

1974
Maro: o preo do petrleo atinge
pico de cinco meses (mais 400%)

1979
2. choque petrolfero

2006
Apresentada a

Estratgia Nacional
para o Mar

2007
Roteiro das cincias do mar, de Cavaco Silva
Entra em vigor a Estratgia Nacional para o Mar
2008

Compra do rob submarino Luso,

usado na extenso da plataforma continental

2005

Criada Estrutura
de Misso para
os Assuntos do Mar

Naes Unidas sobre Direito do Mar

Transeuropeias, que incluem os portos

de Sines para Espanha

continua por fazer

proposta portuguesa
para alargar
a plataforma
continental nas
Naes Unidas

2014
Reabertura prevista

2002
Nasce o euro

Cimeira europeia de Essen lana as Redes

das Naes Unidas sobre Direito do Mar

2012
Ligao ferroviria

2009
Entrega da

Criada Estrutura
de Misso para
a Extenso da
Plataforma
Continental

1994
Entra em vigor a Conveno das

1982
Aberta a assinatura da Conveno

2011
Fuso das duas estruturas

Criada uma Secretaria

de Estado para o Mar

do canal do Panam

2016
Ser nomeada a subcomisso

da ONU que avaliar a proposta

portuguesa de extenso da plataforma

Fonte: PBLICO

Figura 52
Infografia Mars... de anos

A infografia da figura 53 relata os 20 pases mais famintos do mundo, onde se consegue demonstrar que no continente africano que se situa a maior parte dos pases que esto numa
situao alarmante ou extremamente alarmante. Aps ter recebido os dados, sou informada
de que esta infografia tem uma caracterstica que a diferencia das outras infografias realizadas para o papel, uma vez que vai ser inserida numa pgina de magnlia42. Nestes casos a
primeira coisa a fazer alterar a cor do fundo para que no venha a ser impressa como uma
infografia para pgina normal.

Os 20 pases mais famintos

no continente africano que se situa a maior parte dos pases que tm mais de 20 pontos
numa escala de 0 a 100, que esto numa situao alarmante ou extremamente alarmante
Situao alarmante
Extremamente alarmante

Eritreia
Sudo
Chade

28,3

Haiti

34,4

21,5

Djibouti

21,7

Imen

24,3

Nger

30,8

22,3

24,7

Camares

25,8

20,3

Bangladesh

24,0
ndia

22,9

Etipia

Serra Leoa

Nepal

28,7

Repblica
Burundi Centro-Africana

37,1

Timor-Leste

27,3

27,3

Angola

24,1

Zmbia

23,3

Madagscar

22,5

Moambique

23,3

Figura 53
Os 20 pases mais famintos

Fonte: 2012 Global Hunger Index

42

Magnlia - uma dupla pgina do jornal Pblico que apresenta um fundo de cor diferente e que so dedicadas
a reportagens ou artigos de destaque.

68

Foi realizada outra infografia (figura 54) associada noticia Felix Baumgartner: o homem
-pssaro foi ao espao e voltou de pra-quedas, sobre o grande salto realizado no dia 14
de outubro de 2012. O objetivo era dar ao leitor a noo da altitude percorrida pelo homem-pssaro num curto espao de tempo. Todos os dados para a realizao da infografia
foram cedidos pela jornalista Teresa Firmino, com alguns dias de antecedncia, o que deu
tempo para verificar e planear os dados em conjunto. O cone utilizado do avio pertence
base de dados do pblico e as distncias esto representadas em escala, para uma melhor
compreenso.
Nas bases de dados de cones do Pblico, esto vrios tipos de pictogramas, para ajudar
realizao das infografias. Tanto pictogramas de pessoas como de objetos, meios de transporte: h um pouco de tudo para poder ser utilizado.
Figura 54
O grande salto
de Felix Baumgartner

O grande salto
39.045m
Felix Baumgartner
saltou de uma
cpsula elevada
por um balo

31.333m

Recorde anterior
(de Joe Kittinger
em 1960)

Barreira do som
Baumgartner atingiu
os 1342 Km/h algures
durante a queda

14.000m

Boeing 747

Estratosfera

8848m
Monte
Evereste

Pra-quedas
de Baumgartner
abriu-se

2516m
1993m
Serra da
Estrela
Durao total do salto: 9m03s
Fonte: Red Bull

69

Outro trabalho (figura 55), compreendia o resultado do ranking sobre as escolas. Procedi
realizao de 20 fichas distritais que continham a informao da melhor e a pior mdia
do distrito. Os dados foram-me fornecidos pelo jornalista com alguma antecedncia. Foi,
contudo, necessrio pesquisar a que distrito e concelho pertencia cada escola. Aps todas
as fichas estarem concludas e analisadas com o editor da infografia, imprimi a infografia
e fui ter com o jornalista para a verificao dos dados. De forma a complementar os dados
apresentados foi elaborada uma infografia que compreendia os dados do ranking da mdia
das escolas secundrias, pblicas e privadas (figura 56).

Santarm

Leiria

Aveiro

Melhor mdia

Melhor mdia

Melhor mdia

11,58

12,18

13,72

E. SEC. DE RAL PROENA

COLGIO SO MIGUEL
Ourm

Santa Maria da Feira

Caldas da Rainha

Pior mdia

Pior mdia

Pior mdia

7,25

7,13

8,39

EB E SEC. DA GUIA

EB E SEC. DE MAO

Figura 55
Fichas sobre o ranking
das escolas

COL. TERRAS DE SANTA MARIA

EB E SEC. DE FAJES

Pombal

Mao

9,92 mdia distrito

Oliveira de Azemis

10,10 mdia distrito

10,09

nacional

10,18 mdia distrito

10,09

nacional

10,09

nacional

As escolas secundrias vistas em contexto

A curva dos resultados

Diferentes contextos, diferentes desempenhos

Ranking das mdias de todas as escolas mostra a melhor do contexto

menos favorecido a superar outras em contextos mais favorveis
Escolas pblicas

Escolas privadas

14,71
Col. N. Sra.
do Rosrio
Porto

2 Ac. Msica Sta. Ceclia

14,48
Lisboa
3 Colgio Valsassina
14,37
Lisboa

4 Colgio S. Joo de Brito

14,17
Lisboa

Desempenho das escolas agrupadas em diferentes contextos

socioeconmicos, do menos favorvel (1) ao mais favorvel (4). Os contextos
so definidos pela habilitao mdia de ambos os pais, a profisso do pai e
a percentagem de alunos com Aco Social Escolar, e aplicam-se a 93%
das escolas secundrias pblicas (no h dados para as regies autnomas)

% de escolas com mdias entre estes valores

6

Grupo 16%

1
3
2

45 E.B.S. Pe. Ant. Andrade

11,72
Oleiros
51 E.B.S. da Batalha
11,57
Batalha

139 E.S. Camilo C. Branco

10,56
Oeiras
(488 em 2011)

13%

Figura 56
Infografia sobre o ranking
das escolas secundrias

608

6,22

Pais com profisses

qualificadas

Aco Social
Escolar

70

105

Professores
do quadro

24%

67%

7,8

10

66%

5%

Habilitao
mdia

12

29%

Pais com profisses

qualificadas

Aco Social
Escolar

23%

117
Professores
do quadro

19%

72%

8,8

68

10

Habilitao
mdia

12

59%

Pais com profisses

qualificadas

2%

155

Aco Social
Escolar

41%

Professores
do quadro

12%

77%

10,8

6 8

4%

27%

10

43%

Escolas privadas no foram classificadas por contextos

por falta de dados oficiais

Fonte: Dados do Ministrio da Educao e Cincia. Clculos: PBLICO e Universidade Catlica do Porto

12

20%

18%

605 E.B.I. M. Silveira

6,80
Corvo

Escola Secundria
Infante D. Henrique
Porto

62%

10

Habilitao
mdia

604 E.S. Fons. Benevides

6,80
Lisboa

607 E.B.I. Pamp. Serra

6,24 Pampilhosa da Serra

36%

69%

4% 38%

606 E.B.S. Carr. Ansies

6,48 Carrazeda de Ansies

81

Professores
do quadro

11%

Maior descida entre

as escolas pblicas
538 E.B.S. Vale do Tamel
8,50
Barcelos
(55 em 2011)

Aco Social Escolar

(alunos no escalo A)

7,1

77 E.S. de Maximinos
11,11
Braga

Maior subida entre

as escolas pblicas

12

6%

escolas

Melhores por contexto

26 E.S. Infanta D.Maria
12,48
Coimbra

10

78%

Habilitao
Pais com profisses
dos pais (anos
qualificadas
de escolaridade)

5 Col. Manuel Bernardes

14,07
Lisboa

12

22%

14

4%

113

AMBIENTE DIGITAL

Alm das infografias estticas, realizei cerca de 15 infografias para o meio digital. Algumas
foram adaptaes para o estilo que surgiu com o novo website que inaugurou no decorrer
do estgio. Acompanhei, portanto, o processo de desenvolvimento e criao do novo website
do Pblico. Outras infografias foram realizadas de raiz e algumas, ainda, adaptadas das do
para o suporte impresso.
Uma das primeiras infografias digitais que realizei de raiz foi sobre o Mar portugus, que
est inteiramente ligada com a figura 51. Esta infografia uma adaptao do papel para o
digital. No entanto, decidiu-se que deveria conter mais informao, uma vez que a infografia apenas com a cronologia se tornava simples e pouco til. Para tal apostmos em mostrar
o Novo mapa de Portugal, e Alguns meios usados para que esta nova plataforma fosse
investigada. No primeiro separador foi necessrio o auxilio de trs separadores secundrios,
um deles para a Zona Econmica Exclusiva, outro para a Plataforma Continental Alargada e por ltimo os Recursos. No segundo separador principal apresentado a mesma
informao que foi apresentada na infografia esttica para o jornal. No terceiro e ltimo separador so apresentados alguns meios utilizados como o navio e o rob. Este trabalho pode
ser consultado em: http://www.publico.pt/multimedia/infografia/o-mar-portugues-9 (figura 57).

Figura 57
Infografia digital
O Mar Portugus

71

Foi tambm realizada uma infografia sobre as eleies dos Estados Unidos da Amrica. Aps
receber a informao que era necessrio para a infografia, procedi procura de mapas e
de infografias realizadas noutros anos sobre o mesmo tema. Depois da pesquisa realizada
e organizada procedi a realizao do layout43. Nesta infografia no houve separadores,
apenas mostrado um mapa dos Estados Unidos da Amrica, em que ao passar o rato sobre
cada Estado (dos EUA) mostrada a informao da percentagem que cada candidato teve,
e o nmero de votos no Colgio Eleitoral, em forma de lightbox (uma caixa que sobrepe
a toda a informao, como se fosse uma nova camada de informao). Esta informao ia
sendo atualizada conforme os dados que iam saindo por um infografista que nesse dia foi
mais cedo para o jornal. Para facilitar o trabalho ao colega que atualizou a informao, no dia
anterior deixei tudo preparado para que no prprio dia s fosse atualizar os dados e colocar
online. Este trabalho pode ser consultado em: http://www.publico.pt/multimedia/infografia/obama-vence-romney-resultados-das-eleicoes-nos-eua-19 (figura 58).

Figura 58
Infografia digital sobre
as eleies dos Estados
Unidos da America

43

Layout - Modo de distribuir os elementos grficos num determinado espao

72

Uma das infografias mais complexas realizadas foi sobre a Palestina. Est dividida em trs separadores principais, um sobre a Cronologia do conflito - desde 1915 /16 at aos dias de
hoje - outro sobre o Territrio Desigual e por ltimo as Celebridades da Palestina. Toda
a informao para a realizao da infografia foi-me cedida pela jornalista Margarida Santos
Lopes, tal como as fotografias. Aps analisada toda a informao, o passo seguinte foi pensar
no layout e como encaixar toda a informao de forma clara e objetiva. Comecei ento pela
realizao da cronologia, que necessitou do auxilio de cones, como as setas. Para cada ano
da cronologia eu e a jornalista tentmos arranjar uma fotografia que estivesse ligada informao descrita, para que a pgina no parecese desinteressante. Foram realizadas 18 pginas,
cada uma correspondente a trs anos. Acabado o primeiro separador, era altura de pensar
em como organizar os outros dois que faltavam. Para o segundo separador foi necessrio o
auxilio de separadores secundrios. Neste separador apresentado um mapa de Israel, em
que dois separadores secundrios representam uma cidade, nesses mesmos separadores
apresentada a rea, a populao e ainda uma pequena informao sobre a cidade por cronologia. No ltimo separador secundrio representado o nmero de refugiados em milhes
registados por cidade. No ltimo separador principal apresentam-se algumas celebridades da
Palestina que tiveram sucesso e que tm algum reconhecimento noutros pases. Este trabalho
pode ser consultado em: http://www.publico.pt/multimedia/infografia/palestina-um-estado-ocupado-27 (figura 59).

Figura 59
Infografia digital sobre
a Palestina

73

Concluso
Aps a realizao deste trabalho, uma das principais concluses a que chego que a infografia tem evoludo muito ao longo dos anos e que cada vez vai evoluir mais.
Tentei compreender a infografia, contextualizar e conhecer as suas razes, a sua origem,
perceber como evoluiu at aos dias de hoje e como nos influencia diariamente, de modo a
compreender o que a infografia em meio digital.
Atravs da investigao realizada verifiquei que a evoluo da infografia tm estado intimamente relacionada com a evoluo da tecnologia, com as alteraes e as necessidades do leitor, bem como marcos histricos marcantes que levaram adaptao da mesma. Compreendi que a infografia digital foi o meio utilizado para chegar mais facilmente ao pblico de
modo a transmitir mais eficazmente informao complexa de um modo simples e atrativo.
Por meio de referncias bibliogrficas pude clarificar alguns conceitos relacionados com a
infografia bem como compreender, que a mesma comeou por ser utilizada como mera
ilustrao de pginas, como um complemento, e hoje em dia consegue ser compreendida
sozinha. Atravs da bibliografia investigada verifiquei que existem vrios autores que defendem ideias, conceitos diferenciados e catalogam as infografias por diferentes tipologias, das
mais simples as mais complexas.
Foi gratificante aprofundar conhecimentos, clarificar conceitos, sistematizar informao e
compreender como deve ser realizada uma boa infografia, passando da teoria prtica.
Este trabalho serviu para poder desenvolver capacidades de trabalho de investigao, uma
vez que foi necessrio fazer um trabalho de leitura, consulta, pesquisa, compilao, seleo
e organizao de informao. Foi possvel potenciar as minhas capacidades de anlise e de
reflexo. Serviu tambm para sistematizar o que aprendi na prtica durante o estgio no
jornal Pblico.
Foi possvel sistematizar e compilar toda a informao sobre infografia permitindo assim
abrir portas para investigaes futuras. Seria interessante comparar a infografia entre jornais
nacionais e internacionais. Investigar a infografia e a esttica: pode o belo sobrepr-se ao
funcional?
Concluo que atravs desta experincia de investigao pude adquirir conhecimentos, desenvolver habilidades como aprender a conhecer e a fazer.

74

Referncias Bibliogrficas
ABREU SOJO, Carlos. (2002). Periodismo Iconogrfico - Es la infografia un genero periodistico?. Revista Latina de Comunicacion Social, n. 51. [Consult. Julho 2013] Disponvel em: http://
www.ull.es/publicaciones/latina/2002abreujunio5101.htm
ALONSO, Julio. (2006). Grafia el trabalho en un agencia de prensa especializada en infogrficos. Revista Latina de Comunicacion Social, Ago. (n.8). [Consult. Julho 2013] Disponvel em: http://
www.ull.es/publicaciones/latina/a/49inf6.htm
ALVES RODRIGUES, Adriana. (2009). Infografia Interativa em Base de Dado no Jornalismo Digital.
Faculdade de Comunicao Social - UFBA (dissertao de mestrado)
BARBOSA, Suzana. (2007). Jornalismo Digital em Bases de Dados (JDBD)- Um paradigma para produtos jornalsticos digitais dinmicos. Salvador. Faculdade de Comunicao Social - UFBA (tese
de doutoramento)
BOUNFORD, Trevor. (2000). Digital Diagrams. New York: Waston-Guptill.
CAIRO, Alberto. (2011). El Art Funcional. Madrid: Alamut
CAIRO, Alberto. (2008). Infografia 2.0: visualizacin interactiva de informacin en prensa. Madrid:
Alamut
CLAPERS, Jordi. (1998). Los grficos, desde fuera de la redaccin. Revista Latina de
Comunicacon Social 9. [Consult. Junho 2013]. Disponvel em: http://www.ull.es/publicaciones/latina/a/36infojordi.htm
COLLE, Raymond. (2004). Infografia: Tipologias. [Consult. Abril 2013] Disponvel em: http://
www.catedranaranja.com.ar/taller3/notas_T3/Infografia_Colle.pdf
CORES FERNNDEZ-LABREDA. (2004). Rafael Infogrficos multimedia: el major ejemplo de noticias
hipertextuales
CORES FERNNDEZ-LABREDA, Rafael. (2004). Shaping hypertext in news: Multimedia infographics. Pamplona
DE PABLOS COELLO, Jos Manuel. (1999). Infoperiofismo - El periodista como creador de Infografia.
Madrid: Editorial Snteses
FERREIRA, S.B.I.; NUNES, R.R. (2008). e-Usabilidade. Rio de Janeiro
HELLER, E. (2004). Psicologia del color - Como actuam los colores sobre los sentimientos y la razon.
Barcelona: Gustavo Gili

75

HOLMES, Nigel. (2002). Making facts, processes and numbers understandable.

LETURIA, Elio. (1998). Qu es infografa? In: Revista Latina de Comunicacin Social. La
Laguna. Tenerife, N. 4. [Consul. Junho 2013] Disponvel em: <http://www.ull.es/publicaciones/latina/z8/r4el.htm>
LPEZ HIDALGO, Antonio. (2002). Genricos periodsticos complementrios - Una aproximacin crtica a los formatos del periodismo visual. Sevilha: Comunicacin Social - ediciones y publicaciones
MACHADO, Elias. (2007). Banco de Dados como espao de composio multimdia. In: BARBOSA,
Suzana Jornalismo digital de terceira gerao. Vol. 1. Covilh, Universidade da Beira Interior
MANOVICH, Lev. (2004). Visualizao de dados como uma nova abstrao e anti-sublime. So Paulo:
Annablume
MARN OCHOA, Beatriz Elena. (2009). La infografa Digital, una nueva forma de comunicacin. [consult. Dezembro 2012] Disponvel em: http://www.tdx.cat/bitstream/handle/10803/48653/bemo1de1.pdf?sequence=1
MENDES MARQUES, Ana Sofia. (2008). Infografia - Uma aplicao num Portal Vitivincola. (Dissertao de mestrado) [Consult. Junho 2013] Disponvel em: http://repositorio-aberto.
up.pt/bitstream/10216/58540/1/000134924.pdf
MORAES, A. (1998). Infografia: o design da notcia. Dissertao de mestrado, Departamento de
Artes. Pontifcia Universidade Catlica, Rio de Janeiro
NICHANI, M. ; RAJAMANICKAM, Venkatesh. (2003). Visual Interactive Explainers - A Simple
Classification. [Consult. Julho 2013] Disponvel em: http://www.elearningpost.com/articles/archives/interactive_visual_explainers_a_simple_classification
NORMAN, Donald A. (1988). The Design of Everyday Things. EUA:Basic Books
PALACIOS, Marcos. (2002). Jornalismo Online, informao e memria: apontamentos para debate.
PALACIOS, Marcos. (2002). Um mapeamento de caractersticas e tendncias no jornalismo online brasileiro e portugus.
PELTZER, Gonzalo. (1991). Periodismo Iconografico. Madrid: Ediciones Rialp
RAJAMANICKAM, Venkatesh. (2005). Infographics Seminar Handout. [Consult. Julho 2013] Disponvel em: http://www.informationdesign.org/downloads Infographic_Handout.pdf
RIBAS, Beatriz. (2005). A Narrativa Webjornalstica um estudo sobre modelos de composio no ciberespao. Salvador. Faculdade de Comunicao Social - UFBA (dissertao de mestrado)

76

RIBAS, Beatriz. (2004). Infografia Multimdia: um modelo narrativo para o webjornalismo.[Consult.

Junho 2013] Disponvel em: http://www.facom.ufba.br/jol/pdf/2004_ribas_infografia_
multimidia.pdf
RIBEIRO, Susana. (2008). Almeida Infografia de Imprensa Histria e anlise ibrica comparada.
Coimbra: Minerva
SALAVERRA, Ramn. (2004). Diseado el lenguaje para el ciberperiodismo
SALAVERRA, Ramn e CORES, Rafael. (2005). Gneros periodsticos en los cibermedios hispanos.
In: SALAVERRIA, Ramon Cibermedios: el impacto de internet en los medios decomunicacin en Espaa. Sevilla: Comunicacin Social
SCALZO, Marlia. (2004). Jornalismo de Revista. So Paulo:Editora Contexto
SCHMITT, Valdenise. (2006). A infografia Jornalstica na Cincia e Tecnologia. tese apresentada
Universidade Federal de Santa Catarina. [Consult. Junho 2013] Disponvel em: http://www.
bocc.ubi.pt/pag/schmitt-valdenise-infografia-jornalistica.pdf
SERRA, Joseph Mara. (1998). La irrupcin del infografismo en Espaa. Revista Latina de
Comunicacin Social, La Laguna. Tenerife. [Consult. Junho] Disponvel em:
http://www.ull.es/publicaciones/latina/a/10Ainfo9.htm.
SMICIKLAS, Mark. (2012). The Power of Infographics. EUA
SND-E (Society for News Design captulo Espaol) Disponvel em: http://www.snd-e.com/
es/malofiej/historia
SND-E (Society for News Design captulo Espaol) Malofiej 21 - Premios Internacionales de
Infografia Universidade de Navarra: Indexbook, 2013 Disponvel em: http://www.snd-e.
com/es/malofiej/premios
STEVE, Jones. (2003). Enciclopdia of new media. Nova Iorque: Sage Publications
TEIXEIRA, Tatiana. (2007). Metodologias de pesquisa sobre infografia no Jornalismo Digital - uma
anlise preliminar. Aracaju
TUFTE, Edward. (1990). Envisioning Information. EUA: Graphics Press
TUFTE, Edward. (2001). The Visual Display of Quantitative Information. 2 edio. EUA: Graphics
Press LLC
VALERO SANCHO, Jos Lus. (2001). La infografia: tcnicas, anlisis y usos periodsticos. Valncia/
Castell de la Plana. Barcelona: Servi Publicacions D.L.

77

VALERO SANCHO, Jos Lus. (2000) Tcnica y tecnologa en la infografia de prensa, Revista Latina
de Comunicacin Social. n. 27. [Consult. ] Disponvel em: http://www.ull.es/publicaciones/latina/aa2000tma/128valero.html
VIANA, Carlos Eduardo. (2001). Para um Manual do Jornalismo On-line. Secretaria Especial de
Comunicao Social. Rio de Janeiro

78