1. O documento discute a adaptação de infográficos jornalísticos do impresso para o online, comparando um exemplo premiado chamado "Tapuiassauro" em ambos os formatos. 2. Teorias cognitivas sobre aprendizado multimídia são apresentadas para explicar como informações visuais e verbais são processadas. 3. Conclui-se que embora recursos interativos possam quebrar a linearidade, o foco deve ser no layout para ajudar leitores a acessarem informações.

1. A adaptação de
infográficos jornalísticos:
a relação entre o on-line
e o impresso
Ricardo Cunha Lima (MSc)
Rafael Andrade (MSc)
André Monat (PhD)
Carla Spinillo (PhD)

2. 1. Design de noticias e
infografia
2. Layout e infografia
3. Teoria cognitiva de
multimídia e aprendizado
4. Análise e conclusão
Sumário

3. 1. Design de notícias
e infografia

4. 1.1 O que é infografia?
Infografia: Carlos Monteiro

5. Tem a seu dispor a linguagem verbal gráfica,
pictórica, e esquemática
(LIMA, 2009)
1.1 O que é infografia?

6. Um tipo de matéria jornalística que não se
limita ao texto escrito
A infografia não um tipo de iconografia pela
possibilidade de se comportar como fonte
autônoma de informação (LIMA, 2009)
1.1 O que é infografia?
matéria
jornalística=

7. A estratégia de leitura pode se
desenvolver de forma não-linear
(LIMA, 2009)
1.1 O que é infografia?

8. 2. Layout e infografia

9. 2.1 Layout
Comparação entre a versão impressa e
on-line da mesma matéria do Jornal O Globo

10. 3. Teoria cognitiva
de multimídia
e aprendizado

11. 1. As informações visual e verbal são processadas ​​em
diferentes canais (Baddley, 1974) e (Paivio, 1986)
2. Cada canal tem uma capacidade limitada de
processamento de informação que se origina a partir
da carga cognitiva (Sweller et al., 1998)
3. O tratamento das informações em diferentes canais
promove ativamente a construção de representações
mentais coerentes (Wittrock e Mayer, 1996).
3.1 Bases da teoria cognitiva de
aprendizado em multimídia

12. 4. Análise e conclusão

13. 4.1 Comparação do infográfico “Tapuiassauro”
infográfico: Glauco Lara, Rubens Paiva e William Mariotto;
ilustração: Farrell e Leandro Sanches; texto: Herton Escobar;
Versão Web: Carlos Leme, Daniel Lima| Jornal Estado de S. Paulo
On-line (digital) Impresso
Infográfico premiado em 2011 no 19º Malofiej,
incluindo o “ouro” na categoria digital

14. 4.2 “Tapuiassauro” impresso

15. 4.2 “Tapuiassauro” impresso

16. 4.3 “Tapuiassauro” on-line
Controle de seleção
de conteúdo

17. Controle de narrativa linear
O passo a passo da representação da fossilização do
dinossauro em lâminas segmentadas (passo 1 e 2).
O controle de narrativa linear permite ao leitor ir
para a frente e para trás entre os slides.
4.3 “Tapuiassauro” on-line

18. 4.3 “Tapuiassauro” on-line

19. 4.3 “Tapuiassauro” on-line

20. 4.3 “Tapuiassauro” on-line

21. 4. Considerações finais
A utilização de recursos de interação e animação
podem ser usados na tentativa de quebrar a
linearidade da leitura
Algumas experiências têm sido realizadas nesse sentido, isso reflete
a atual fase de adaptação entre o conteúdo impresso e online.
As soluções não virão necessariamente dos
avanços na tecnologia
Jornais devem investir em equipes de projeto que tenham recursos
para poder explorar os problemas de linguagem gráfica online.
O foco deve continuar a ser no layout
O layout é a principal estrutura do projeto que ajuda os
leitores a acessar e compreender a informação jornalística.

22. Bibliografia
LIMA, Ricardo C. Análise da infografia jornalística. Dissertation (Master of Science) – Universidade do
Estado do Rio de Janeiro, Escola Superior de Desenho Industrial, Rio de Janeiro.
LIMA, Ricardo C. O que é infografia jornalística. InfoDesign, São Paulo, 12 (2015).
MIRANDA, Fabiano (2013). Animação e interação na infografia jornalística: Uma abordagem do
Design da Informação. Dissertation (Master of Science). Universidade Federal do Paraná, Curitiba.
MORAES, Ary. (2013). Infografia – História e Projeto. Blucher, p.90.
TWYMAN, Michael. (1985). Using pictorial language: a discussion of the dimensions of the problem,
in T. D., Duffy and R., Waller (Eds.), Designing usable texts. New York: Academic Press.
WALLER, Rob. (2012). Graphic literacies for a digital age: the survival of layout, The Information
Society: An International Journal, 28:4, 236-252.
http://www.estadao.com.br/infograficos/
http://visualoop.com/ (org.: Tiago Veloso)
http://www.b9.com.br/podcasts/anticast/ (org.: Rafael Ancara Andrade, et al.)

23. Obrigado!