Relatório do projecto Greenville,

desenvolvido no âmbito da residência

curricular no INESC Porto,
de Janeiro a Abril de 2010

Maria Joana Rodrigues Sobral

Docente Orientador: Adriano Rangel

Mestrado em Design da Imagem

Faculdade de Belas Artes
da Universidade do Porto
Maio de 2010
Descrição da produção do projecto, o problema
e contextualização ao nível do design, da ciência
e da imagem

página 3

Diagrama ilustrativo dos conceitos, pressupostos

e condicionantes do projecto

página 7

Imagens

página 8
A residência no INESC Porto, no contexto da unidade
curricular “A Imagem da Ciência”, foi o pretexto ideal
para trabalhar em representações visuais de realidades
complexas. Daí a escolha da primeira área de trabalho
proposta, “Visualização de conceitos científicos”.
O objectivo foi, então, desenvolver um projecto de
design de informação.
Mas antes de qualquer pesquisa formal, era
imprescindível compreender o universo desta
instituição de uma forma global, isto é, analisar
— ainda que muito sumariamente — os diferentes
conteúdos ali tratados. Sabíamos que só depois de
uma primeira sondagem das possibilidades é que se
criariam condições para uma escolha informada do
material representar.
O eleito acabou por ser o projecto MERGE
(Mobile Energy Resources for Grids of Electricity),
desenvolvido pela Unidade de Sistemas de Energia do
INESC Porto. Foram vários os factores que ditaram
esta escolha. Primeiro, era preciso encontrar um
único projecto da instituição. A especificidade era
um factor determinante por motivos óbvios: aquilo
que se pretendia era desenhar um único objecto
visual representativo de um determinado universo,
portanto, contemplar-se-ia apenas um assunto. Depois
era igualmente importante escolher conteúdos que
pudessem ser transformados numa imagem passível de
ser lida e entendida por um público leigo. Ou, dito de
outro modo, quais os projectos do INESC Porto que
poderiam interessar ao comum cidadão? O que é que
ali interfere de forma mais directa na vida das pessoas?
Não se pretendia trabalhar sobre conceitos demasiado
abstractos, queria-se antes comunicar consequências
tangíveis. Finalmente, o projecto escolhido teria de
ser suficientemente complexo, isto é, teria de abranger
vários níveis de informação ou diferentes cenários para
assim justificar a utilização da linguagem do design de
informação.
O horizonte temporal do projecto permitiu que
fosse feita esta primeira pesquisa que, por sua vez,
possibilitou uma ponderação adequada das opções.
Assim, muito tempo foi passado em entrevistas e
conversas informais com diferentes cientistas do
INESC Porto. Procurámos desvendar, ainda que de
uma forma um tanto intuitiva nesta fase inicial, os
materiais que encaixariam nas necessidades acima
referidas. Falámos directamente com responsáveis
das Unidades de Telecomunicações e Multimédia,
Sistemas de Produção, Sistemas de Energia e
Informação e Computação Gráfica. Mas, se quase
todos os projectos se enquadravam potencialmente
nestes critérios, nenhum nos parecia suficientemente
aliciante. A grande maioria girava em torno de
questões pouco emocionantes, pelo menos assim nos
parecia. Ainda assim, o projecto MERGE da Unidade
de Sistemas de Energia, o projecto MICROGRIDS da
mesma Unidade e o projecto CAALYX da Unidade de
Informação e Computação Gráfica aproximavam-se
mais do mundo real, isto é, traziam implicações mais
imediatas à vida das pessoas e, portanto, ocuparam o
TOP dos candidatos.
Ainda ponderámos desenhar um conjunto de
ícones ou pictogramas que pudessem ser utilizados
por todas as unidades do INESC Porto em materiais
de comunicação, mas cedo percebemos que nos
interessava mais trabalhar a partir de um único
projecto, perceber as suas mecânicas e representá-
-las. Porque, se assim fosse, o trabalho implicaria um
mergulho real no universo de estudo, coisa que nunca
seria feita se o universo de estudo deixasse de ser um
página 3
só projecto para passar a ser toda a instituição.
O MERGE é um projecto megalómano, que
introduz mudanças de fundo no paradigma da
produção e consumo de energia. Igualmente, o
projecto traz implicações para um conjunto bastante
alargado de realidades desde a massificação do carro
eléctrico até à produção doméstica de electricidade ou
à utilização segura de energias alternativas. Pareceu-
-nos, portanto, um bom candidato.
Feita a escolha, era preciso averiguar a melhor
forma de representar visualmente os conceitos
contidos no projecto. Seguiu-se então uma procura
muito prática por sistemas formais que servissem estes
conceitos.
“And yet, as the word inFORMation itself implies, there
is a hidden form-making impulse in information society. Or,
at least, we can say that information processes often leave
material residues. Or, to be more brutal but more honest,
that information processes can be forced to leave material
forms. More challenging, though, is to figure out (…) the ways
to translate information into forms which are intrinsic rather
than alien to this information.”1
Sabíamos que as decisões formais dependeriam
dos próprios conceitos do projecto da USE ou, por
outras palavras, que a resposta ao problema estava
contida no próprio problema. Não fazia sentido
subordinar o MERGE a quaisquer intenções formais
prévias. O principal problema era então este: que
representação visual melhor serve este propósito? O
que é que o MERGE nos diz sobre a forma como deve
1 MANOVICH, Lev – Information and Form, 2000. [Consult. 5
Maio 2010]. Disponível em WWW: <http://www.manovich.net/IA/
electrolobby.html>. Berlin: Gestalten, 2008, p. 7.
ser ilustrado?
Claro que não podemos dizer que partimos para
a investigação formal sem qualquer ideia daquilo
que poderia ser o resultado final. Talvez até a escolha
do MERGE tenha sido ela própria resultado de uma
reflexão sobre quais os projectos da instituição que
encaixariam eventualmente naquilo que era já uma
imagem mental muito embrionária do que se pretendia
experimentar.
De qualquer forma, na procura pela resposta à
nossa pergunta, fomos compreender o funcionamento
do projecto. Da análise aprofundada dos conteúdos
resultou uma lista dos elementos a representar bem
como um conjunto de esquiços que ensaiavam as
diferentes relações entre esses elementos. Porque
a nossa lista contemplava quase exclusivamente
objectos pertencentes ao mundo físico (casas,
carros, sol, nuvens) e, portanto, passíveis de ser
distribuídos pelo espaço, optámos por utilizar o
plano axonométrico. A representação axonométrica
revelou-se a mais adequada porque não privilegia
nenhum ponto de vista, isto é, oferece-nos uma
visão simultaneamente global e detalhada. Por outro
lado, simula a tridimensionalidade e assemelha-se à
Esquiço de ensaio das relações entre os objectos.
perspectiva linear, permitindo assim o desenho de
uma paisagem próxima do mundo real.
“If we can show data as blocks, spheres, rivers, nets, or
landscapes, we open up a new and rich visual language
through which the external world is brought into our internal
world of understanding.”2
2 HEERDEN, Ferdi van. In KLANTEN, Robert, BOURQUIN, Nicolas
(ed. ) – Data Flow: Visualising Information in Graphic Design.
página 4
 “The spatial arrangement of data imposes flow,
direction, context and order. (...) The intuitive three-
dimensional reasoning we apply to the world in order to
survive everyday tasks can help us understand and read
datascapes. Our experience of depth, order, and flow is
imposed upon visual expressions of abstracted data.”3
Outra das conclusões a que chegámos no decorrer
do processo de trabalho foi a de que era possível —
e desejável — dividir a totalidade dos conteúdos
em porções ou micro-universos. Pareceu-nos mais
honesto representar cada um dos cenários propostos
pelo MERGE de forma individual e compô-los, depois,
numa imagem única. A tarefa que se seguiu foi, então,
a de identificar cada um destes cenários. Assim, a
imagem a que chegámos é lida aos bocados, um pouco
à semelhança da banda desenhada, apesar de dispensar
a linearidade. A ordem pela qual percorremos a
imagem não interfere com o sentido do que é lido
mas continuamos a precisar de tempo para entender
aquela narrativa: o nosso olhar terá de demorar-se
primeiro numa porção da imagem em detrimento
das restantes para depois passar à porção seguinte e
assim sucessivamente. A imagem total é composta de
pequenas imagens relativamente independentes umas
das outras e as fronteiras entre elas não são evidentes.
Isto acontece deliberadamente, até porque a nossa
intenção era construir a imagem de uma cidade, logo,
de um organismo uno e fluido.
Acreditámos ser esta a forma mais lógica de
traduzir visualmente aqueles conteúdos, por outras
palavras, a representação que traia menos o seu
referente ou que mais directamente derivava dele.
3 Id., ib., p. 98.
Naturalmente, à medida que o trabalho foi
crescendo houve decisões que tiveram de ser revistas.
No entanto, o resultado final acabou por não se
distanciar muito daquilo que se tinha traçado numa
fase inicial como o objectivo. O processo de trabalho
foi tranquilo e regular. Talvez porque a natureza do
infografia exigia que o planeamento fosse muito
cuidado, não encontrámos surpresas dramáticas pelo
caminho.
Falámos já das decisões de design que se prendem
com a estrutura da informação. Mas houve que tomar
outras decisões, também elas determinantes não só
para a legibilidade dos conteúdos mas também para
o entendimento daquele projecto pelo público como
um projecto útil e positivo. Quer-se com isto dizer que
não se procurou apenas tornar inteligíveis os conceitos
mas também provocar no observador alguma emoção,
para que de forma quase imediata se construísse entre
ele e aquele objecto uma empatia que convidasse à Estudo para um cenário.
leitura. Era importante que a imagem conseguida fosse
capaz de comunicar as vantagens do projecto para
o ambiente, para a saúde económica do país e para
o bolso dos consumidores e que o ambiente visual
criado passasse esta ideia de felicidade e bem-estar.
As formas arredondadas das personagens, a
sua humanização, as escolhas cromáticas, enfim,
alguma infantilização daquele contexto complexo e
eventualmente pouco aliciante, foram opções gráficas
deliberadas cujo objectivo tinha mais que ver com a
procura por uma afinidade com o público do que com
a procura pela clareza da informação.
Os veículos transformaram-se em pessoas e
aparecem contentes se são movidos a energia eléctrica
e aborrecidos se usam combustíveis fósseis. Muito
clara está a distinção entre o maravilhoso e colorido
página 5
mundo do carro eléctrico e das energias alternativas e
o triste e cinzento mundo do petróleo, das bombas de
gasolina e das emissões de CO2. Percebemos que estes
dois mundos são países diferentes porque a passagem
do mundo tristonho para o mundo feliz é marcada por
uma fronteira territorial, reforçando assim a ideia de
uma independência energética e financeira do país
face ao estrangeiro. O título do trabalho vem também
neste sentido: Greenville sugere-nos imediatamente a
imagem de uma cidade feliz e também ecológica.
Muito importante foi o facto de termos
conseguido definir uma identidade gráfica para
os ícones e os elementos que constroem o fundo.
Porque optámos pela representação axonométrica,
todos os objectos foram desenhados sobre uma
grelha construída com losangos. Depois, houve que
nivelar outros factores, como as relações de escala e
o contorno dos objectos não pertencentes ao fundo.
Foi ainda necessário pensar as diferenças morfológicas
entre personagens animadas e não animadas e entre
personagens terrestres e atmosféricas.
Relativamente aos conteúdos, optou-se por
introduzir alguns elementos lúdicos e despropositados,
que em nada acrescentam se tivermos apenas em conta
a narrativa informativa mas que contribuem para o
ambiente alegre e primaveril do mundo feliz: as nuvens
que lêem o jornal e se esquecem de soprar, os patinhos
e o barco na barragem, a loja de gelados ou a lavagem
automática de automóveis são alguns deles.
Há, no entanto, coisas que sentimos terem ficado
por fazer. As linhas que representam os percursos
da energia e do dinheiro poderiam ter sido melhor
estudadas, por exemplo. Os dois níveis de informação
representados na infografia (o nível dos elementos
figurativos e o nível dos elementos abstractos que
representam ligações e trocas) talvez se confundam
demasiado. Porque a imagem era necessariamente
colorida, acabou por se tornar algo complicado
distinguir estes dois níveis de informação e, apesar de
não pertenceram ao mundo físico, as linhas escondem-
se atrás dos edifícios, obedecendo às regras da
perspectiva axonométrica. As linhas que transportam
a electricidade parecem pertencer simultaneamente
ao mundo das coisas tangíveis (a ficha eléctrica que
aparece numa das extremidades das linhas fá-las
parecer cabos) e ao mundo das coisas simbólicas
(ao longo das linhas aparecem setas que indicam o
sentido do fluxo da energia). Talvez se pudesse ter
evitado esta mistura pouco assumida entre os dois
níveis de informação caso se tivessem conseguido criar
efectivamente duas camadas independentes e fáceis de
distinguir.
Finalmente, importa dizer que houve a
preocupação de legitimar cientificamente os conteúdos
representados. Queríamos que a infografia fosse Exemplo da humanização de um objecto.
honesta, caso contrário nem sequer cumpriria o
objectivo primário do design de informação. Se
a ideia do exercício era tornar visíveis conceitos
científicos, desrespeitá-los significava não responder
ao enunciado. Desta forma, e numa fase já avançada
do desenho, procurámos confrontar os responsáveis
pela Unidade de Sistemas de Energia com o trabalho.
A conversa permitiu tirar algumas dúvidas e concluir
o projecto.
Grelha utilizada no desenho dos objectos.
página 6
 Contacto Contínuo Naive Humanização / Personificação

Informação fidedigna Infantilização Humor

Validação científica
Emoção Alegria
dos conteúdos
Mundo Bom Mundo Mau
Empatia com o público
Distinção Capacidade comunicativa
Legibilidade (leitura intuitiva)
Figurativo / Mundo físico Cor Compreensão da informação
Losangos
Níveis de informação 120º
Abstracto / Ligações Grelha de construção 120º
Design de informação Identidade
Simulação da tridimensionalidade 120º
Agregadores
Coerência formal entre os ícones Axonometria
Distribution System Operator Veículos eléctricos
MERGE Animadas
Expressões
USE Transporte longo curso Personagens faciais
Produção & INESC Porto Inanimadas
Consumo doméstico Ambiente Geral
Relações de escala Atmosféricas & Local
Energias Alternativas (In)dependência Contorno Terrestres Semelhante
Sol, Vento, Água económica Equilibrio curvas / rectas à perspectiva
Combustíveis fósseis e emissões de CO2
Smart Grids (s/ vento) Narrativa não linear
Carregamento em casa BD Visualização / Estrutura Desenho Vectorial

Carregamento no espaço público Divisão em cenários Detalhe

Produção própria & Consumo
Cidade
Paisagem / Datascape
Produção própria & Venda O mínimo de texto
Consumo tradicional Tipografia
Transporte e Carregamento
Legenda
Energias Alternativa ligadas directamente ao DSO
Primeiros esquiços:
Organização da informação;
Pesquisa formal;
Ligações entre objectos.

página 8
página 9
página 10
página 11
Estudos para a construção dos cenários.

página 12
página 13
página 14
Desenho vectorial:
Screens documentais do processo de trabalho.

página 15
página 16
Referências Visuais

In KLANTEN, Robert, BOURQUIN, Nicolas (ed. ) – Data Flow:

Visualising Information in Graphic Design. Berlin: Gestalten,
2008

página 17
página 18
Resultado (pormenor)

página 19