Post on 20-Jun-2015
f
InfografiaInfografiaMultimédiaMultimédia
Workshop AC/UFPWorkshop AC/UFP
MultimédiaMultimédia
Eduardo Zilles Borba Eduardo Zilles Borba –– ezb@ezb.com.br ezb@ezb.com.br
Universidade Fernando Pessoa Universidade Fernando Pessoa Agência de Comunicação da UFPAgência de Comunicação da UFP
Porto, Portugal Porto, Portugal -- 25/05/201025/05/2010
1.1. A evolução da infografia A evolução da infografia
Roteiro do workshopRoteiro do workshop
2. Conceitos de infografia multimédia2. Conceitos de infografia multimédia2. Conceitos de infografia multimédia2. Conceitos de infografia multimédia
3.3. Casos de sucessoCasos de sucesso
Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br) 2
4.4. Projecto práticoProjecto prático-- briefing, brainstorm, produção criativa, aprovação, publicaçãobriefing, brainstorm, produção criativa, aprovação, publicação-- exemplos prácticos de metodologiaexemplos prácticos de metodologia-- dicas de links para webdicas de links para web
Infografia multimédiaInfografia multimédia
1.1. IntroduçãoIntrodução
O ser humano recebe informação através O ser humano recebe informação através dos sentidos dos sentidos (Cairo, 2008)(Cairo, 2008)::
IntroduçãoIntrodução
3Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� 80,0% Visão80,0% Visão�� 14,0% Audição14,0% Audição�� 3,5% Olfacto3,5% Olfacto�� 1,5% Tacto1,5% Tacto�� 1,0% Gosto/Paladar1,0% Gosto/Paladar
Dos primatas aos cibernautasDos primatas aos cibernautas
1. Evolução da infografia1. Evolução da infografia
Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
Dos primatas aos cibernautasDos primatas aos cibernautas
“A infografia não somente mostra e descreve feitos, mas sim
descobre conexões, padrões não evidentes na primeira vista
que, se não fossem representados, permaneceriam
Sobre a infografia…Sobre a infografia…
1.1.Evolução da infografia Evolução da infografia
5Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
que, se não fossem representados, permaneceriam
desconhecidos para o leitor…
… a visualização da informação/infografia facilita a análise. A
dimensão estética deve ser relegada a um segundo plano, e
é uma consequência (um afeto secundário) da qualidade da
informação”. (Cairo, 2008, p.29).
PréPré--HistóriaHistória EgípciosEgípcios
Rev.Rev.ImprensaImprensa
Esquemas,Esquemas,Dados eDados e
InfoInfoJornalismoJornalismo
Dos primatas aos cibernautasDos primatas aos cibernautas
1.1.Evolução da infografia Evolução da infografia
3000 a.C. até3000 a.C. até394 d.C394 d.C
Séc.XVSéc.XV Séc.XVI ao XXSéc.XVI ao XX Anos 80Anos 80
6Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
HistóriaHistória EgípciosEgípcios ImprensaImprensa Dados eDados eGráficosGráficos
JornalismoJornalismo
-- PinturasPinturas-- FormasFormas-- ObjectosObjectos
-- SinaisSinais-- SímbolosSímbolos-- SignosSignos
-- Prensa de GutembergPrensa de Gutemberg-- Impressão de textoImpressão de textoem Grande escala. em Grande escala.
(Ex: Bíblia).(Ex: Bíblia).
-- Da Vinci (esquemas)Da Vinci (esquemas)-- Playfair (gráficos)Playfair (gráficos)
-- Beck (metro)Beck (metro)
-- USA TodayUSA Today(complementares,(complementares,meteorologia…)meteorologia…)
Dos primatas aos cibernautasDos primatas aos cibernautas
19951995 –– Surge a Surge a InternetInternet (web) com novas características para(web) com novas características paraa mensagem a mensagem (Schultz, 1999).(Schultz, 1999). A comunicação desperta A comunicação desperta para um novo paradigma para um novo paradigma -- da massa e do átomo para da massa e do átomo para
Era DigitalEra Digital
1.1.Evolução da infografia Evolução da infografia
7Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
para um novo paradigma para um novo paradigma -- da massa e do átomo para da massa e do átomo para o o indivíduoindivíduo e o e o digitaldigital (Negroponte, 1995; Levy, 1999). (Negroponte, 1995; Levy, 1999).
�� MultimedialidadeMultimedialidade�� InteractividadeInteractividade�� HipertextualidadeHipertextualidade�� UbiquidadeUbiquidade�� Velocidade de actualizaçãoVelocidade de actualização�� MemóriaMemória�� PersonalizaçãoPersonalização
Dos primatas aos cibernautasDos primatas aos cibernautas
1.1.Evolução da infografia Evolução da infografia
8Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
2.2. Infografia MultimédiaInfografia Multimédia
Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
Infografia online é…
� uma unidade informativa, na maioria dos casos
apresentada em sequência sucessiva, que se elabora
2.2. Infografia MultimédiaInfografia Multimédia
10Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
apresentada em sequência sucessiva, que se elabora
para publicações digitais não estritamente linguísticas,
realizada mediante elementos icônicos (estáticos ou
dinâmicos) com apoio de diversas unidades sensoriais:
vídeo, áudio, texto, foto/imagem, ilustração, animação.(Valero Sancho, 2004)
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
2.2. Infografia MultimédiaInfografia Multimédia
11Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
Características da infografia na Internet
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
1 1 -- MULTIMÉDIAMULTIMÉDIA
2.2. Infografia MultimédiaInfografia Multimédia
12Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
É a combinação, controlada por computador, É a combinação, controlada por computador, de textos, gráficos,de textos, gráficos,imagens, vídeos, áudios, animações e qualquer outro meio imagens, vídeos, áudios, animações e qualquer outro meio
pelo qual a informação possa ser representada, pelo qual a informação possa ser representada, armazenada, armazenada, transmitida e processada sob a forma digital, em que existe transmitida e processada sob a forma digital, em que existe pelo menos um tipo de media estática pelo menos um tipo de media estática (texto, gráfico, imagem) (texto, gráfico, imagem) e e
um media dinâmico um media dinâmico (vídeo, áudio, animação)(vídeo, áudio, animação). . (Gouveia, 2009)(Gouveia, 2009)
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
MULT
IMÉD
IAMULT
IMÉD
IA
2.2. Infografia MultimédiaInfografia Multimédia
13Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
MULT
IMÉD
IAMULT
IMÉD
IA
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
2 2 -- INTERACTIVIDADEINTERACTIVIDADE
2.2. Infografia MultimédiaInfografia Multimédia
14Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
ÉÉ a característica do sistema multimédia que permite ao a característica do sistema multimédia que permite ao utilizador final controlar como e quando os elementos de utilizador final controlar como e quando os elementos de
informação são apresentados. informação são apresentados. (Gouveia, 2009)(Gouveia, 2009)
Interacção entre Homem/Humano e máquina/computadorInteracção entre Homem/Humano e máquina/computador
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
INTER
ACTIVIDADE
INTER
ACTIVIDADE
2.2. Infografia MultimédiaInfografia Multimédia
15Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
INTER
ACTIVIDADE
INTER
ACTIVIDADE
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
3 3 -- HIPERTEXTUALHIPERTEXTUALÉÉ o texto em formato digital ao qual agregao texto em formato digital ao qual agrega--se outros conjuntos de se outros conjuntos de
2.2. Infografia MultimédiaInfografia Multimédia
16Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
ÉÉ o texto em formato digital ao qual agregao texto em formato digital ao qual agrega--se outros conjuntos de se outros conjuntos de informação na forma de blocos cujo acesso se dá através de informação na forma de blocos cujo acesso se dá através de
referências específicas denominadas hiperlinks. referências específicas denominadas hiperlinks. (Wikipedia.com, 2010)(Wikipedia.com, 2010)
No caso dos infográficos feitos para a web, ao passo que cadaNo caso dos infográficos feitos para a web, ao passo que cadaelemento elemento –– vídeo, foto, áudio, texto… vídeo, foto, áudio, texto… -- deve ser compreensíveldeve ser compreensívelde maneira isolada, todos têm de manter coerência entre si e de maneira isolada, todos têm de manter coerência entre si e
contribuir para uma contribuir para uma unidade comunicativa. unidade comunicativa. (Salaverría, 2001)(Salaverría, 2001)
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
HIPER
TEX
TUAL
HIPER
TEX
TUAL
2.2. Infografia MultimédiaInfografia Multimédia
17Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
HIPER
TEX
TUAL
HIPER
TEX
TUAL
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
4 4 –– UBÍQUA / GLOBALUBÍQUA / GLOBAL
2.2. Infografia MultimédiaInfografia Multimédia
18Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
CCapacidade da informação estar disponível em qualquer local apacidade da informação estar disponível em qualquer local e a qualquer momento (e a qualquer momento (sentido de omnipresençasentido de omnipresença). ).
“A Internet se entranha na pele da cultura”.“A Internet se entranha na pele da cultura”.(Kerckhove, 1995)(Kerckhove, 1995)
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
UBÍQUA/G
LOBAL
UBÍQUA/G
LOBAL
2.2. Infografia MultimédiaInfografia Multimédia
19Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
UBÍQUA/G
LOBAL
UBÍQUA/G
LOBAL
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
5 5 –– VELOCIDADE DE ACTUALIZAÇÃOVELOCIDADE DE ACTUALIZAÇÃO
2.2. Infografia MultimédiaInfografia Multimédia
20Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
Uma das principais características da mensagem na Uma das principais características da mensagem na Internet é a sua velocidade e simplicidade para Internet é a sua velocidade e simplicidade para
actualização de conteúdos (actualização de conteúdos (tempo real)tempo real)..(Virilio, 1995)(Virilio, 1995)
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
TEM
PO REA
LTEM
PO REA
L
2.2. Infografia MultimédiaInfografia Multimédia
21Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
TEM
PO REA
LTEM
PO REA
L
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
6 6 –– MEMÓRIAMEMÓRIA
2.2. Infografia MultimédiaInfografia Multimédia
22Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
A A capacidade de armazenar a informaçãocapacidade de armazenar a informação abre um abre um novo horizonte para a criação de base de dados novo horizonte para a criação de base de dados
extensas extensas –– até mesmo “infinitas”até mesmo “infinitas”.. (Negroponte, 1995)(Negroponte, 1995)
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
2.2. Infografia MultimédiaInfografia Multimédia
23Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
MEM
ÓRIA
MEM
ÓRIA
x
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
7 7 –– PERSONALIZAÇÃOPERSONALIZAÇÃO
2.2. Infografia MultimédiaInfografia Multimédia
24Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
A mensagem é A mensagem é centralizada no indivíduocentralizada no indivíduo. . Igualmente, é personalizada a Igualmente, é personalizada a EXPERIÊNCIA da pessoa EXPERIÊNCIA da pessoa
com umacom uma interface multimédia.interface multimédia.
A informação não é apenas emitida e recebida. A informação não é apenas emitida e recebida. Existe um elevado grau de Existe um elevado grau de feedbackfeedback que que
prolonga o fim da mensagem.prolonga o fim da mensagem.
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
PER
SONALIZA
ÇÃO
PER
SONALIZA
ÇÃO
2.2. Infografia MultimédiaInfografia Multimédia
25Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
PER
SONALIZA
ÇÃO
PER
SONALIZA
ÇÃO
Principais conceitos da infografia na ciberculturaPrincipais conceitos da infografia na cibercultura
2.2. Infografia MultimédiaInfografia Multimédia
�� NarrativasNarrativas
�� Linear / SequencialLinear / Sequencial �� NãoNão--linear / Relacionallinear / Relacional
26Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� Linear / SequencialLinear / Sequencial-- narrativa com início, meio e narrativa com início, meio e fim. O indivíduo intervem para fim. O indivíduo intervem para “avançar” a peça.“avançar” a peça.
�� AutónomoAutónomo-- infográfico independente de infográfico independente de qualquer notícia. Apresentaqualquer notícia. Apresentatoda a informação necessária.toda a informação necessária.
�� NãoNão--linear / Relacionallinear / Relacional-- narrativa livre e construída narrativa livre e construída pelo indivíduo através de pelo indivíduo através de hiperligaçõeshiperligações
�� ComplementoComplemento-- actua como um elemento para actua como um elemento para aprofundar a informação de uma aprofundar a informação de uma peça principal.peça principal.
Casos de SucessoCasos de Sucesso
3. Exemplos de infografias multimédia3. Exemplos de infografias multimédia
Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
Casos de sucessoCasos de sucesso
3. Exemplos de infografia multimédia3. Exemplos de infografia multimédia
Estadão (Brasil)Estadão (Brasil)
-- Alta interactividadeAlta interactividade-- Boa multimedialidadeBoa multimedialidade
28Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
-- Boa multimedialidadeBoa multimedialidade
-- Relacional e espacial Relacional e espacial -- NãoNão--linearlinear-- Cartografia Cartografia (ambiental, real)(ambiental, real)
Link:http://www.estadao.com.br/brasilia50.shtm
Casos de sucessoCasos de sucesso
3. Exemplos de infografia multimédia3. Exemplos de infografia multimédia
Veja (Brasil)Veja (Brasil)
-- Alta interactividadeAlta interactividade-- Boa multimedialidadeBoa multimedialidade
29Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
-- Boa multimedialidadeBoa multimedialidade
-- Relacional Relacional -- NãoNão--linearlinear-- Cartografia Cartografia (simbólica/mapa)(simbólica/mapa)
-- Acção “antes e depois”Acção “antes e depois”
Link:http://veja.abril.com.br/complementos-
materias/mapa-flora-sp/info-popup.shtml
Casos de sucessoCasos de sucesso
3. Exemplos de infografia multimédia3. Exemplos de infografia multimédia
JN (Portugal)JN (Portugal)
-- Boa interactividadeBoa interactividade-- Baixa multimedialidadeBaixa multimedialidade
30Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
-- Baixa multimedialidadeBaixa multimedialidade
-- RelacionalRelacional-- NãoNão--linear linear -- MiniMini--site site (hiperlink para pg’s)(hiperlink para pg’s)
-- InformativoInformativo
Link:http://veja.abril.com.br/complementos-
materias/mapa-flora-sp/info-popup.shtml
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
AlteraçõesAlterações
32Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
PedidoPedidoBriefingBriefing
BrainstormBrainstormEsboçosEsboços
ProduçãoProduçãoCriativaCriativa AprovaçãoAprovação PublicaçãoPublicação
Publicar quando não há cliente. Publicar quando não há cliente. Exemplos: projecto pessoal,Exemplos: projecto pessoal,
jornal online(infog.coordenada pelo jornal online(infog.coordenada pelo editor de arte e/ou editoreditor de arte e/ou editor--chefe)chefe)
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
1. Pedido do cliente / Briefing1. Pedido do cliente / Briefing
�� CLIENTECLIENTE �� EDITOR / DIR.CRIATIVOEDITOR / DIR.CRIATIVO
33Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� CLIENTECLIENTE-- o que quer?o que quer?-- qual o objectivo?qual o objectivo?-- públicopúblico--alvo?alvo?-- qual a verba?qual a verba?-- deadlinedeadline
�� EDITOR / DIR.CRIATIVOEDITOR / DIR.CRIATIVO-- lead lead (quem, onde, quando, (quem, onde, quando, porque, quando, como…)porque, quando, como…)
-- texto ou briefing da texto ou briefing da história, facto, notícia.história, facto, notícia.-- deadline deadline (dia, semana…)(dia, semana…)
QUEM PRODUZ O CONTEÚDOQUEM PRODUZ O CONTEÚDO(TEXTO/FOTO)? CLIENTE,EQUIPA (TEXTO/FOTO)? CLIENTE,EQUIPA
DA AGÊNCIA, DESIGNER FREELANCERDA AGÊNCIA, DESIGNER FREELANCER
EQUIPE MULTIDISCIPLINAR NA EQUIPE MULTIDISCIPLINAR NA REDACÇÃO DO JORNAL (REPÓRTER, REDACÇÃO DO JORNAL (REPÓRTER,
ILUSTRADOR, FOTÓGRAFO…)ILUSTRADOR, FOTÓGRAFO…)
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
2. Brainstorm & Esboços2. Brainstorm & Esboços
�� Brainstorm multidisciplinar (equipa) / pesquisa e estudoBrainstorm multidisciplinar (equipa) / pesquisa e estudo
34Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� Brainstorm multidisciplinar (equipa) / pesquisa e estudoBrainstorm multidisciplinar (equipa) / pesquisa e estudo
�� Estipular conceito do infográfico (ideia central)Estipular conceito do infográfico (ideia central)
�� Desenhar esboços do projecto:Desenhar esboços do projecto:-- arquitectura dos conteúdosarquitectura dos conteúdos-- plano de navegação e usabilidadeplano de navegação e usabilidade
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
3. Produção criativa3. Produção criativa
�� Conteúdo Conteúdo (redacção, dados, índices, números…)(redacção, dados, índices, números…)
35Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� Conteúdo Conteúdo (redacção, dados, índices, números…)(redacção, dados, índices, números…)
�� Design Gráfico Design Gráfico (ilustração, ícones, símbolos, signos…)(ilustração, ícones, símbolos, signos…)
�� Design de Interacção Design de Interacção (hiperlinks, menu, animação, programação(hiperlinks, menu, animação, programação--action script, testes do produto digital…)action script, testes do produto digital…)
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
4. Aprovação4. Aprovação
�� Reunião com cliente para apresentar a peça.Reunião com cliente para apresentar a peça.
36Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� Reunião com cliente para apresentar a peça.Reunião com cliente para apresentar a peça.
�� Sugestões, alterações, acréscimos de conteúdos.Sugestões, alterações, acréscimos de conteúdos.
�� Algumas vezes, em casos de logotipos, podeAlgumas vezes, em casos de logotipos, pode--se se apresentar mais que uma proposta. Contudo, na apresentar mais que uma proposta. Contudo, na infografia isto não ocorre regularmente pelo elevado infografia isto não ocorre regularmente pelo elevado grau de pormenores.grau de pormenores.
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
5. Publicação5. Publicação
�� Após aprovado, publicar a peça multimédiaApós aprovado, publicar a peça multimédia
37Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� Após aprovado, publicar a peça multimédiaApós aprovado, publicar a peça multimédia(integrar ao site, gravar em CD/DVD, servidor ASP/PHP)(integrar ao site, gravar em CD/DVD, servidor ASP/PHP)
�� Testes de publicação, já na versão Testes de publicação, já na versão beta, beta, com o cliente ou com o cliente ou indivíduos neutros.indivíduos neutros.
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
AlteraçõesAlterações
38Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
PedidoPedidoBriefingBriefing
BrainstormBrainstormEsboçosEsboços
ProduçãoProduçãoCriativaCriativa AprovaçãoAprovação PublicaçãoPublicação
Publicar quando não há cliente. Publicar quando não há cliente. Exemplos: projecto pessoal,Exemplos: projecto pessoal,
jornal online(infog.coordenada pelo jornal online(infog.coordenada pelo editor de arte e/ou editoreditor de arte e/ou editor--chefe)chefe)
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
�� Exercício 1Exercício 1
�� Cliente: 1970 Viagens Cliente: 1970 Viagens (Agência de Viagens e Turismo)(Agência de Viagens e Turismo)
39Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� O que precisava: um incentivo para divulgar promoções O que precisava: um incentivo para divulgar promoções no site de uma forma visual e interactivano site de uma forma visual e interactiva
�� Peça: infográfico Peça: infográfico –– Mundo InteractivoMundo Interactivo
�� Meio: animação flash integrada na página inicial do site Meio: animação flash integrada na página inicial do site da 1970 Viagens através de um banner destacado com da 1970 Viagens através de um banner destacado com hiperlink para aceder ao infográfico.hiperlink para aceder ao infográfico.
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
40Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
ESBOÇO
ESBOÇO
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
41Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
ESBOÇO
ESBOÇO
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
42Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
ESBOÇO
ESBOÇO
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografiaPRODUÇÃO CRIATIVA
PRODUÇÃO CRIATIVA
43Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
PRODUÇÃO CRIATIVA
PRODUÇÃO CRIATIVA
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografiaAPROVA
DO/PUBLICADO
APROVA
DO/PUBLICADO
44Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
APROVA
DO/PUBLICADO
APROVA
DO/PUBLICADO
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
�� Exercício 2 (com os participantes)Exercício 2 (com os participantes)
�� Cliente: jornal diárioCliente: jornal diário
45Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� O que precisava: um infográfico especial sobre o Estoril O que precisava: um infográfico especial sobre o Estoril Open de Ténis. Dados a ressaltar: história, tenistas Open de Ténis. Dados a ressaltar: história, tenistas participantes e os vencedores das últimas edições.participantes e os vencedores das últimas edições.
�� Peça: infográfico Peça: infográfico –– Estoril Open de TénisEstoril Open de Ténis
�� Meio: animação flash para actuar como um complemento Meio: animação flash para actuar como um complemento da reportagem principal no site do jornal.da reportagem principal no site do jornal.
Uma metodologia para desenvolver infográficos digitaisUma metodologia para desenvolver infográficos digitais
4. Dicas para criar uma infografia4. Dicas para criar uma infografia
�� Dicas de links na webDicas de links na web
�� www.coolinfographics.comwww.coolinfographics.com
46Workshop AC/UFP Workshop AC/UFP –– Infografia Multimédia Infografia Multimédia -- Eduardo Zilles Borba (ezb@ezb.com.br) Eduardo Zilles Borba (ezb@ezb.com.br)
�� www.albertocairo.comwww.albertocairo.com
�� www.flowingdata.comwww.flowingdata.com
�� www.datavis.tumblr.comwww.datavis.tumblr.com
�� http://infographics.apa.athttp://infographics.apa.at
�� http://homer.uc3m.es/audiovisuales/miscelanea/conferencihttp://homer.uc3m.es/audiovisuales/miscelanea/conferencias/20071217_VC_Leganes.wmv as/20071217_VC_Leganes.wmv (workshop A.Cairo)(workshop A.Cairo)
Muito obrigado Muito obrigado pela participação!pela participação!
fWorkshop AC/UFP Workshop AC/UFP -- Universidade Fernando Pessoa Universidade Fernando Pessoa -- Porto, Portugal Porto, Portugal –– 25/05/2010.25/05/2010.
47
Eduardo Zilles BorbaEduardo Zilles Borbaezb@ezb.com.brezb@ezb.com.brwww.ezb.com.brwww.ezb.com.br
twitter.com/ezillesborbatwitter.com/ezillesborba