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.