Design da Informaçãoe InfografiaProfa. Joana Gusmão Lemos - UFPR

Comunicação Visual e Infografia

● http://www1.folha.uol.com.br/infograficos/ ● http://g1.globo.com/infograficos/ ● http://noticias.uol.com.br/infograficos/ ● http://especiais.ig.com.br/infograficos/ ● http://veja.abril.com.br/multimidia/infograficos ● http://exame.abril.com.br/topicos/infograficos ● http://planetasustentavel.abril.com.br/infograficos/ ● http://www.megacurioso.com.br/infografico ● http://www.tecmundo.com.br/infografico

Comunicação Visual e Infografia

O que é um Infográfico?

Info gráfico

Comunicação Visual e Infografia

Infográficos básicos

Gráficos universais

Informações Verbais

Aplicações

Comunicação Visual e Infografia

Origem?Pré-história:

Mapas: 6.200 a.C – Turquia

Leonardo da Vinci (1510 – 1513): Estudo sobre fetos

Comunicação Visual e Infografia

Séc. XIX: tecnologia da impressão > uso de imagens e fotografias em jornais

1980: Digitalização de dados 1990: Windows 95 e Macintosh > aumento das possibilidades

visuais para os jornais Interfaces gráficas e sites 1995: Tratamento de desenhos vetoriais: consagração da

infografia

Comunicação Visual e Infografia

Tudo deve ser explicado, esclarecido e detalhado - de forma concisa e exata, numa linguagem tanto coloquial e direta quanto possível [...] O didatismo deve estender-se também à disposição visual do que é editado. [...] A apreensão pelo leitor deve ser fácil, clara e rápida. [...] A rigor, tudo o que puder ser dito sob a forma de quadro, mapa, gráfico ou tabela não deve ser dito sob a forma de texto. (SILVA, 2005)

Comunicação Visual e Infografia

Qual é a vantagem do infográfico para transmitir uma informação?- Teorias cognitivas:

- memória sensorial: captação de estímulos

- memória de curto prazo: “agência multimídia” > manipula e gera imagens e sons e os organiza significativamente

- memória de longo prazo: armazena esquemas mentais produzido pela memória curta

Comunicação Visual e Infografia

Qual é a vantagem do infográfico para transmitir uma informação?APRENDIZAGEM MULTIMÍDIA:

- Auxilia a memorização(Número mágico de Muller: 5 a 9 itens...)

- Atua nos 2 canais principais de processamento da informação pelo corpo humano: visual (ou pictórico) e verbal (ou auditivo)

- Infográficos: ferecem uma noção mais rápida e clara dos sujeitos, do tempo, do espaço e das ações e relações.

Comunicação Visual e Infografia

Cairo (2008) fala sobre a importância da infografia, principalmente para os novatos em determinado assunto.

Adicionalmente, as imagens nos infográficos são fundamentais para a compreensão do conteúdo, não podendo ser selecionadas por critérios meramente decorativos, ou seja, como imagens que não contribuem para o entendimento do conteúdo (CLARK e MAYER, 2008).

Clark e Mayer (Mayer 2005), as pessoas aprendem melhor com texto e imagem, uma vez que:

As apresentações multimídia podem incentivar os alunos a se empenharem na aprendizagem ativa representando mentalmente o material em palavras e imagens e fazendo conexões mentais entre as representações visuais e verbais. Por outro lado, apresentar somente palavras pode incentivar os alunos - especialmente aqueles com menos experiência ou conhecimento linguístico – a participarem superficialmente da aprendizagem, por não conseguirem conectar as palavras com conceitos e outros conhecimentos.

Comunicação Visual e Infografia

Tipos de infográficos:

De Linha do tempo...

http://especiais.ig.com.br/infograficos/

Comunicação Visual e Infografia

Aos multimídiáticos da internet: possibilidade de interatividade e outras mídias, como vídeo e áudio.

Ex.:http://epoca.globo.com/infograficos/568_fone_de_ouvido/fone_de_ouvido_V3.html

http://super.abril.com.br/multimidia/info_432780.shtml

Comunicação Visual e Infografia

1. Princípio de representação múltipla (multimídia) - as pessoas aprendem melhor a partir de imagens e palavras do que apenas de palavras.

2. Princípio de proximidade espacial - as pessoas aprendem melhor quando imagem e texto correlacionados são apresentados próximos entre si (na página ou tela).

7 Princípios de Mayer (2005, 2009) para o desenvolvimento de material educacional multimídia:

Comunicação Visual e Infografia

3. Princípio da modalidade -as pessoas aprendem melhor quando a animação tem som do que quando a animação tem texto.

4. Proximidade temporal - as pessoas aprendem melhor quando imagem e texto correlacionados são apresentados simultaneamente e não sequencialmente.

5. Princípio das diferenças individuais - as pessoas aprendem melhor quando o material se justa aos seus estilos de aprendizagem e estilos cognitivos.

Comunicação Visual e Infografia

6. Princípio da coerência - as pessoas aprendem melhor quando imagens, textos e sons não relacionados com o conteúdo são excluídos do material.

7. Princípio da redundância - é preferível a utilização da animação e da narração em simultâneo do que utilizá-las separadamente.

* Redundância causa ruído em um texto, mas numa infografia facilita a compreensão visual. Num info sobre um acidente de avião, espera-se ver um avião, não uma bolinha vermelha (KANNO, 2013).

Comunicação Visual e Infografia

Cairo (2010): o principal objetivo de um infográfico é ajudar a cognição do leitor – levando em consideração a capacidade e limites da memória humana –, ou seja,

O infográfico deve ser elaborado para que haja uma redução da carga cognitiva de seu leitor no entendimento da informação.

http://www.vmetais.com.br/pt-BR/Sustentabilidade/Paginas/Acoes-e-Projetos/campanhadaagua.aspx

http://planetasustentavel.abril.com.br/pops/infografico-saude-agua.shtml

http://planetasustentavel.abril.com.br/pops/quanta-comida-e-desperdicada-no-mundo.shtml

http://planetasustentavel.abril.com.br/pops/super-infografico-mandioca.shtml

http://planetasustentavel.abril.com.br/infograficos/popup.shtml?file=/download/painel_inicial_casa_sustentavel.pdf&img_src=/imagem/infograficos-casa-sustentavel.jpg

http://www.tecmundo.com.br/internet/88067-dicas-montar-commerce-infografico.htm

COMO PRODUZIR BONS INFOGRÁFICOS?

Kanno, M. (2013, p.115-116)

Comunicação Visual e Infografia

Ferramentas...https://magic.piktochart.com/

EXERCÍCIO: escolha um infográfico disponível em um dos sites indicados e o analise, identificando e explicitando em sua composição a aplicação dos:

7 Princípios de MayerElementos e princípios indicados por Kanno (2013)

REFERÊNCIAS

CAIRO, Alberto. La beleza de la simplicidad: el poder de la infografia en la era de los datos. jul. 2010. Disponível em: http://infografiaembasededados.files.wordpress.com/2010/07/ aprsentacao-alberto-cairo.pdf. Acesso em: 2 ago. 2010.

CLARK, Ruth Colvin; MAYER, Richard. E-learning and the science of instuction: proven guidelines for consumers and designers of multimedia learning. 2 ed. San Francisco: Pfeiffer, 2008.

COSTA, V. M. ; TAROUCO, L. M. R. . Infográfico: características, autoria e uso educacional. RENOTE. Revista Novas Tecnologias na Educação, v. 8, p. 1-13, 2010.

KANNO, M. (2013). Infografe: Como e porque usar infográficos para criar visualizações e comunicar de forma imediata e eficiente. São Paulo: Edição eletrônica.

MAYER, R. E. (Org.) The Cambridge Handbook of Multimedia Learning. New York: Cambridge UniversityPress, 2005.

MAYER, R. E.. Multimedia Learning. New York: Cambridge University Press, 2009.

TEIXEIRA, Tattiana. Infografia e jornalismo: conceitos, análises e perspectivas. Bahia: Edufba, 2011.