SlideShare uma empresa Scribd logo
Infográficos para fins instrucionais
Design Instrucional
UFRGS
Felipe Viaro
14 de junho de 2013
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Estrutura
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
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.
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
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.
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).
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.
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Meio impresso
Meio digital
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)
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.
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Infográficos vencedores do prêmio Malijoef21
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto atual
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
O que são infográficos?
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.
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)
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
Ex:
Infográfico representando um processo
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
Infográficos
Estáticos
Dinâmicos
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.
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.
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
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Dinâmicos
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Dinâmicos
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos Dinâmicos
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.
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos
Vídeo infográfico dinâmico
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
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).
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):
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.
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.
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.
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.
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
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Infográficos para uso educacional
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Contexto
atual
Conceito
Criação de
infográficos
Uso
educacional
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.
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013
Criação de infográficos
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
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
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
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
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.
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/

Mais conteúdo relacionado

Semelhante a Apresentacao infograficos felipe viaro

Boletim de Informática UFRGS ed 086
Boletim de Informática UFRGS ed 086Boletim de Informática UFRGS ed 086
Boletim de Informática UFRGS ed 086Leonardo Pujol
 
Os sentidos da tecnologia da informação na experiência educativa e design ...
Os sentidos da tecnologia da informação na experiência educativa e design ...Os sentidos da tecnologia da informação na experiência educativa e design ...
Os sentidos da tecnologia da informação na experiência educativa e design ...UFPE
 
O desafio da acessibilidade
O desafio da acessibilidade O desafio da acessibilidade
O desafio da acessibilidade Alice Costa
 
Dissertação MsC Thiago Araujo - Amadeus Droid
Dissertação MsC Thiago Araujo - Amadeus DroidDissertação MsC Thiago Araujo - Amadeus Droid
Dissertação MsC Thiago Araujo - Amadeus DroidThiago
 
Code o ensino de linguagens de programação educativas como ferramentas de e...
Code   o ensino de linguagens de programação educativas como ferramentas de e...Code   o ensino de linguagens de programação educativas como ferramentas de e...
Code o ensino de linguagens de programação educativas como ferramentas de e...Francisco Eudes Almeida
 
A aprendizagem on-line através de minicursos para telecentros
A aprendizagem on-line através de minicursos para telecentrosA aprendizagem on-line através de minicursos para telecentros
A aprendizagem on-line através de minicursos para telecentrosDrica Guzzi
 
Desenvolvimento do aplicativo Guia de Profissões Ponto Jovem
Desenvolvimento do aplicativo Guia de Profissões Ponto JovemDesenvolvimento do aplicativo Guia de Profissões Ponto Jovem
Desenvolvimento do aplicativo Guia de Profissões Ponto JovemPablo Fonseca
 
Introducao a Competencia Informacional CRB-8 SENAC 2009
Introducao a Competencia Informacional CRB-8 SENAC 2009Introducao a Competencia Informacional CRB-8 SENAC 2009
Introducao a Competencia Informacional CRB-8 SENAC 2009Elisabeth Dudziak
 
Apresentação Dissertação
Apresentação DissertaçãoApresentação Dissertação
Apresentação DissertaçãoRegina Fazioli
 
Oficina dispositivos móveis aprender e ensinar com a integração das tecnolog...
Oficina  dispositivos móveis aprender e ensinar com a integração das tecnolog...Oficina  dispositivos móveis aprender e ensinar com a integração das tecnolog...
Oficina dispositivos móveis aprender e ensinar com a integração das tecnolog...Josi Zanette do Canto
 
Uma Experiência no Ensino de Informática para Deficientes Visuais no Municípi...
Uma Experiência no Ensino de Informática para Deficientes Visuais no Municípi...Uma Experiência no Ensino de Informática para Deficientes Visuais no Municípi...
Uma Experiência no Ensino de Informática para Deficientes Visuais no Municípi...Roseane Martins
 
Pesquisa na Escola
Pesquisa na Escola Pesquisa na Escola
Pesquisa na Escola Jeane Garcia
 
Tecnologias Digitais na Educação: proposta taxonômica para apoio à integração...
Tecnologias Digitais na Educação: proposta taxonômica para apoio à integração...Tecnologias Digitais na Educação: proposta taxonômica para apoio à integração...
Tecnologias Digitais na Educação: proposta taxonômica para apoio à integração...Universidade Estadual do Ceará
 
Sobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoSobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoCursoTICs
 
Infográficos na educação e no ensino de línguas
Infográficos na educação e no ensino de línguasInfográficos na educação e no ensino de línguas
Infográficos na educação e no ensino de línguasGonzalo Abio
 
apps_dispositivos_moveis2016.pdf
apps_dispositivos_moveis2016.pdfapps_dispositivos_moveis2016.pdf
apps_dispositivos_moveis2016.pdfssuser5c8e4f
 
Tecnologias trazem o mundo para a escola entrevista-beth almeida
Tecnologias trazem o mundo para a escola entrevista-beth almeidaTecnologias trazem o mundo para a escola entrevista-beth almeida
Tecnologias trazem o mundo para a escola entrevista-beth almeidaFrancismar Lopes
 

Semelhante a Apresentacao infograficos felipe viaro (20)

Boletim de Informática UFRGS ed 086
Boletim de Informática UFRGS ed 086Boletim de Informática UFRGS ed 086
Boletim de Informática UFRGS ed 086
 
Os sentidos da tecnologia da informação na experiência educativa e design ...
Os sentidos da tecnologia da informação na experiência educativa e design ...Os sentidos da tecnologia da informação na experiência educativa e design ...
Os sentidos da tecnologia da informação na experiência educativa e design ...
 
O desafio da acessibilidade
O desafio da acessibilidade O desafio da acessibilidade
O desafio da acessibilidade
 
Dissertação MsC Thiago Araujo - Amadeus Droid
Dissertação MsC Thiago Araujo - Amadeus DroidDissertação MsC Thiago Araujo - Amadeus Droid
Dissertação MsC Thiago Araujo - Amadeus Droid
 
Code o ensino de linguagens de programação educativas como ferramentas de e...
Code   o ensino de linguagens de programação educativas como ferramentas de e...Code   o ensino de linguagens de programação educativas como ferramentas de e...
Code o ensino de linguagens de programação educativas como ferramentas de e...
 
A aprendizagem on-line através de minicursos para telecentros
A aprendizagem on-line através de minicursos para telecentrosA aprendizagem on-line através de minicursos para telecentros
A aprendizagem on-line através de minicursos para telecentros
 
Desenvolvimento do aplicativo Guia de Profissões Ponto Jovem
Desenvolvimento do aplicativo Guia de Profissões Ponto JovemDesenvolvimento do aplicativo Guia de Profissões Ponto Jovem
Desenvolvimento do aplicativo Guia de Profissões Ponto Jovem
 
Introducao a Competencia Informacional CRB-8 SENAC 2009
Introducao a Competencia Informacional CRB-8 SENAC 2009Introducao a Competencia Informacional CRB-8 SENAC 2009
Introducao a Competencia Informacional CRB-8 SENAC 2009
 
Datadot2015 FSB
Datadot2015 FSBDatadot2015 FSB
Datadot2015 FSB
 
Apresentação Dissertação
Apresentação DissertaçãoApresentação Dissertação
Apresentação Dissertação
 
Oficina dispositivos móveis aprender e ensinar com a integração das tecnolog...
Oficina  dispositivos móveis aprender e ensinar com a integração das tecnolog...Oficina  dispositivos móveis aprender e ensinar com a integração das tecnolog...
Oficina dispositivos móveis aprender e ensinar com a integração das tecnolog...
 
Uma Experiência no Ensino de Informática para Deficientes Visuais no Municípi...
Uma Experiência no Ensino de Informática para Deficientes Visuais no Municípi...Uma Experiência no Ensino de Informática para Deficientes Visuais no Municípi...
Uma Experiência no Ensino de Informática para Deficientes Visuais no Municípi...
 
Pesquisa na Escola
Pesquisa na Escola Pesquisa na Escola
Pesquisa na Escola
 
Aprendizage movel3
Aprendizage movel3Aprendizage movel3
Aprendizage movel3
 
Tecnologias Digitais na Educação: proposta taxonômica para apoio à integração...
Tecnologias Digitais na Educação: proposta taxonômica para apoio à integração...Tecnologias Digitais na Educação: proposta taxonômica para apoio à integração...
Tecnologias Digitais na Educação: proposta taxonômica para apoio à integração...
 
Realidade virtual
Realidade virtualRealidade virtual
Realidade virtual
 
Sobradinho - Daniela Carlotto
Sobradinho - Daniela CarlottoSobradinho - Daniela Carlotto
Sobradinho - Daniela Carlotto
 
Infográficos na educação e no ensino de línguas
Infográficos na educação e no ensino de línguasInfográficos na educação e no ensino de línguas
Infográficos na educação e no ensino de línguas
 
apps_dispositivos_moveis2016.pdf
apps_dispositivos_moveis2016.pdfapps_dispositivos_moveis2016.pdf
apps_dispositivos_moveis2016.pdf
 
Tecnologias trazem o mundo para a escola entrevista-beth almeida
Tecnologias trazem o mundo para a escola entrevista-beth almeidaTecnologias trazem o mundo para a escola entrevista-beth almeida
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/