O documento discute infográficos para fins educacionais. Ele descreve o contexto atual de infográficos, define o conceito de infográficos estáticos e dinâmicos e discute como infográficos podem ser usados para fins educacionais.
Tecnologias trazem o mundo para a escola entrevista-beth almeida
Apresentacao infograficos felipe viaro
1. Infográficos para fins instrucionais
Design Instrucional
UFRGS
Felipe Viaro
14 de junho de 2013
2. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Estrutura
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
3. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Objetivo
Tomar consciência do conceito infográficos e suas
potencialidades de uso educacional.
Fazer o uso de ferramentas de criação de infográficos.
4. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
5. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Com a sociedade da informação, as pessoas demandam
informação e estão expostas a um número cada vez maior de
informações e com menos tempo para absorvê-las.
Vivemos na era das TICs e da internet, onde a informação global
está a um toque de distância.
Neste cenário, a infografia se apresenta como uma
possibilidade viável e prática. Podendo ser consumida em
pouco tempo.
6. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Temos uma tendência natural de preferir a comunicação visual à
verbal (DONDIS, 2007).
7. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Encontramos infográficos em revistas, jornais, livros e, de
maneira diferenciada, na web. O infográfico é principalmente
utilizado com propósito jornalístico.
8. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Meio impresso
Meio digital
9. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Segundo pesquisas, a primeira coisa que se lê num jornal
são os títulos, seguidos pelos infográficos, que, muitas vezes,
são a única coisa consultada na matéria. (CAIXETA, 2005, p. 1)
10. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Por ser predominantemente visual e ser mais conciso que a
matéria jornalística escrita, o infográfico se adequa ao estilo de
vida da população em geral. Ele pode ser lido em poucos
minutos, portanto é uma mídia concisa, acessível e atrativa.
Os infográficos funcionam muitas vezes como fator de decisão
quando a dúvida é ler ou não a matéria.
Um tipo de conteúdo que é desestimulante é o tipo muro de palavras. Se a
pessoa não possui um conhecimento prévio ou interesse na matéria, é pouco
provável que irá ler.
11. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Infográficos vencedores do prêmio Malijoef21
12. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
13. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
14. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
15. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
O que são infográficos?
16. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
São representações visuais de caráter informacional que
aliam texto e imagem para descrever e explicar o complexo, de
maneira simples, sintética e com foco no receptor da
mensagem (CURTIS, 1991 apud FASSINA; CAVALCANTE;
ANDRADE, 2009).
A imagem deixa de ter somente o papel de ilustrar o texto
escrito, pelo contrário, apresenta-se como a própria
informação, protagonizando, juntamente com o verbal, o
processo de comunicação.
17. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
Este recurso é ótimo para:
- Descrever processos (como um acidente de avião
aconteceu, como um vírus ataca o corpo, como é a órbita de
um planeta, como dar um nó na gravata);
- Fazer analogias (de tamanho, de tempo, de espaço);
- Explicar coisas que são grandes demais (galáxias,
constelações) ou pequenas demais (células, partículas
subatômicas)
(SCALZO, 2004 apud MÓDOLO, 2007)
18. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
Ex:
Infográfico representando um processo
19. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
Infográficos
Estáticos
Dinâmicos
20. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Estáticos
Principais características dos infográficos:
- Complementaridade entre texto e imagem;
- Clareza no tratamento da informação;
- A imagem se apresenta como a própria informação;
- Textos objetivos e enxutos;
- O leitor pode começar a leitura por onde desejar;
- Melhor aproveitamento da página.
21. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Estáticos
Explica o processo de
intoxicação que passaram
as vítimas da tragédia na
boate kiss.
Exemplo de infográfico
estático online. Uso de
recursos de integração
com redes sociais.
Fonte: site do jornal Oglobo.
22. Também conhecidos como infográficos: multimídia, interativos,
animados e digitais.
Os infográficos dinâmicos possui as mesmas características
essenciais dos infográficos estáticos, mas utiliza outra base
tecnológica. Através da interatividade, acaba agregando
potencialidades e oferencendo outro tipo de suporte ao usuário.
Abre novas oportunidades para a apresentação do contéudo e
ativa o interesse do usuário.
- Contém slides sucessivos
- Linguagem hyperlink
- Pode conter diversas mídias
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Dinâmicos
23. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Dinâmicos
24. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Dinâmicos
25. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Dinâmicos
26. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
Os infográficos figuram como uma tendência atual, sendo
utilizados principalmente como ferramenta jornalística.
Entretanto suas potencialidades vem sendo exploradas em
áreas como marketing, pesquisa e educação.
27. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
Vídeo infográfico dinâmico
28. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
29. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
A relevância da comunicação, da linguagem textual e visual se
encontra presente no processo educativo. Os infográficos se
constituem destes elementos, podem assim perfazer sua
importância por serem uma peça informativa, realizada com
elementos icônicos e tipográficos, que permite ou facilita a
compreensão dos acontecimentos, ações ou coisas [...] e
acompanha ou substitui o texto informativo (SANCHES, 2001
apud BEZERRA, SERAFIM e MEDEIROS, 2011).
30. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
- os dados são transformados em informação por alguém, que criou
relações entre os padrões;
- o conhecimento é construído através da integração da informação nova
com a estrutura de conhecimento já existente na pessoa; Para isso deve
se levar em conta o conhecimento prévio do público-alvo.
- a sabedoria é algo mais filosófico e individual.
Dados Informação Conhecimento Sabedoria
Modelo de conhecimento de Shedroff (2010):
31. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
Segundo Oliveira (2004, p. 64) “a informação é a matéria-prima
do saber. Mas o saber, ou conhecimento, não se resume a uma
amálgama da informação. O saber é o resultado da gestão
criativa da informação”.
A “boa” informação deve ser:
a) Atual – A informação deve ser atual para que se possa tomar as
decisões de forma acertada;
b) Relevante – a informação deve ser importante para que a pessoa
necessite dela;
c) Disponível – a informação deve estar disponível, no momento certo,
permitindo o rápido acesso;
d) Legível – a informação deve estar em boa qualidade de visualização e
compreensão;
e) Oportuna – a informação deve estar certa no momento certo;
f) Correta – a informação deve está livre de erros para não comprometer
sua fiabilidade;
g) Fiável – a informação deve ser imparcial, objetiva, precisa e verificável.
32. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
Segundo Oliveira (2004, p. 64) “a informação é a matéria-prima
do saber. Mas o saber, ou conhecimento, não se resume a uma
amálgama da informação. O saber é o resultado da gestão
criativa da informação”.
A “boa” informação deve ser:
a) Atual – A informação deve ser atual para que se possa tomar as
decisões de forma acertada;
b) Relevante – a informação deve ser importante para que a pessoa
necessite dela;
c) Disponível – a informação deve estar disponível, no momento certo,
permitindo o rápido acesso;
d) Legível – a informação deve estar em boa qualidade de visualização e
compreensão;
e) Oportuna – a informação deve estar certa no momento certo;
f) Correta – a informação deve está livre de erros para não comprometer
sua fiabilidade;
g) Fiável – a informação deve ser imparcial, objetiva, precisa e verificável.
33. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
A necessidade dos comunicadores filtrarem grandes
quantidades de informação e apresentar apenas as melhores e
mais importantes elevou o perfil dos infográficos ao nível da
educação.
Atualmente, com a existência de ferramentas gratuitas e fáceis
de usar, projetos relacionados a infográficos se tornaram uma
opção viável.
34. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
Exemplos de uso educacional:
- O software Piktochart lista as universidades de Harvard e
Cornell entre seus usuários;
- Um professor utiliza infográficos para visualizar as datas
importantes no plano de um curso, na Universidade de
Champlain em Burlington;
- Um curso que brincava com o conceito “enganando com
estatísticas” na Bren School of Information and Computer
Sciencies, foi entitulado de “Como mentir com infográficos”;
- Na Elliot School of Communication os estudantes construíram
uma série de infográficos para explicar os principais conceitos
aprendidos em aula, como parte da avaliação de uma disciplina.
A proposta os fez revisar o conteúdo, reestruturá-lo de forma
significativa e demonstrar habilidades em comunicar por meio
de infográficos.
35. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
DESIGN INSTRUCIONAL
Bruna Schuch e Patrick Rigon
PSICOLOGIA DAS CORES
36. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
37. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
38. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
39. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
Processo de
desenvolvimento de
infográficos da equipe de
infografia da revista Época.
40. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
41. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
42. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
43. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
44. Versão beta free
Não necessita registro
para usar a ferramenta;
Utiliza um editor
drag-and-drop e possui
13 temas;
Não possui banco de
dados embedado no
software;
Pode-se fazer upload de
imagens;
Possui um banco de
objetos atrativo que está
categorizado por
pessoas, animais,
banners, natureza entre
outros.
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
45. Modelo Freemium
Mais de 890.000
infográficos criados;
Possui a ferramenta de
planilha para
manipulação de dados e
importa arquivos XLS e
CSV;
Possui 31 opções de
gráficos interessantes
(pizza,barras, círculos,
etc.);
Inserção de vídeos;
Permite o download da
imagem em qualidade de
impressão (PNG e PDF);
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
46. Modelo Freemium
Possui 90 temas, mas
poucos esteticamente
atraentes;
A versão free possui
menos temas e imagens
disponíveis;
Importa dados com
arquivos CSV ou
manipula dados no
programa;
Permite o download da
imagem em qualidade de
impressão (PNG ou JPG);
Clientes como Harvard,
Red Bull e GE.
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
47. Modelo Freemium
Integração com redes
sociais para análise de
dados;
Possui infográficos
estáticos e dinâmicos,
interativos e em vídeo;
Rede de
compartilhamento de
infográficos, pode-se
tirar muitas boas
referências;
Dividos em tópicos,
sendo um deles,
educação.
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
48. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Referências
CLARK, R.; LYONS, C. Graphics for learning: proven guidelines for planning,
designing, and evaluating visuals in training materials. San Francisco: Pfeiffer,
2011.
DONDIS, D. Sintaxe da linguagem visual. São Paulo: Martins Fontes, 2007.
EDUCAUSE. 7 things you should know about infographic creation tools.
Learning initiative, 2013
JUNIOR, J.; LISBOA, E.; COUTINHO, C. O infográfico e as suas potencialidades
educacionais. Encontro Nacional de Hipertexto e Tecnologias Educacionais.
Anais... , 2011. Sorocana.
MÓDOLO, Cristiane Machado. Infográficos: características, conceitos e
princípios básicos. In: XII Congresso Brasileiro de Ciências da Comunicação da
Região Sudeste. 2007.
THOMAS, M. INFOGRÁFICO INTERATIVO COMO FERRAMENTA
PEDAGÓGICA, 2012. Feevale.
49. Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Sites úteis
Pacote de vetores para criação de infográficos
http://designify.me/freebies/15-infographic-online-tools-and-free-vector-elements/
Ferramentas online para criação de infográficos
http://visual.ly/
http://infogr.am/beta/
http://piktochart.com/
http://www.easel.ly/
Infografia revista Época
http://colunas.revistaepoca.globo.com/fazcaber/tag/infografia/
Currículo e portfólio em forma de infográficos
http://vizualize.me/
http://re.vu/