apresentacao infograficos felipe viaro

49
Infográficos para fins instrucionais Design Instrucional UFRGS Felipe Viaro 14 de junho de 2013

Upload: felipeviaro

Post on 25-May-2015

436 views

Category:

Documents


3 download

DESCRIPTION

Aula sobre infográficos para a disciplina de Design Instrucional da UFRGS / 2013

TRANSCRIPT

Page 1: Apresentacao infograficos   felipe viaro

Infográficos para fins instrucionaisDesign InstrucionalUFRGSFelipe Viaro14 de junho de 2013

Page 2: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Estrutura

Contextoatual

Conceito

Criação de infográficos

Uso educacional

Page 3: Apresentacao infograficos   felipe viaro

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.

Page 4: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Contextoatual

Conceito

Criação de infográficos

Uso educacional

Page 5: Apresentacao infograficos   felipe viaro

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.

Page 6: Apresentacao infograficos   felipe viaro

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).

Page 7: Apresentacao infograficos   felipe viaro

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.

Page 8: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Contexto atual

Meio impresso

Meio digital

Page 9: Apresentacao infograficos   felipe viaro

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)

Page 10: Apresentacao infograficos   felipe viaro

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.

Page 11: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Contexto atual

Infográficos vencedores do prêmio Malijoef21

Page 12: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Contexto atual

Page 13: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Contexto atual

Page 14: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Contextoatual

Conceito

Criação de infográficos

Uso educacional

Page 15: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos

O que são infográficos?

Page 16: Apresentacao infograficos   felipe viaro

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.

Page 17: Apresentacao infograficos   felipe viaro

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)

Page 18: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos

Ex:Infográfico representando um processo

Page 19: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos

Infográficos

Estáticos

Dinâmicos

Page 20: Apresentacao infograficos   felipe viaro

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.

Page 21: Apresentacao infograficos   felipe viaro

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.

Page 22: Apresentacao infograficos   felipe viaro

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

Page 23: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos Dinâmicos

Page 24: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos Dinâmicos

Page 25: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos Dinâmicos

Page 26: Apresentacao infograficos   felipe viaro

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.

Page 27: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos

Vídeo infográfico dinâmico

Page 28: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Contextoatual

Conceito

Criação de infográficos

Uso educacional

Page 29: Apresentacao infograficos   felipe viaro

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).

Page 30: Apresentacao infograficos   felipe viaro

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):

Page 31: Apresentacao infograficos   felipe viaro

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.

Page 32: Apresentacao infograficos   felipe viaro

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.

Page 33: Apresentacao infograficos   felipe viaro

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.

Page 34: Apresentacao infograficos   felipe viaro

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.

Page 35: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos para uso educacional

DESIGN INSTRUCIONAL

Bruna Schuch e Patrick RigonPSICOLOGIA DAS CORES

Page 36: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos para uso educacional

Page 37: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Infográficos para uso educacional

Page 38: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Contextoatual

Conceito

Criação de infográficos

Uso educacional

Page 39: Apresentacao infograficos   felipe viaro

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.

Page 40: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Criação de infográficos

Page 41: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Criação de infográficos

Page 42: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Criação de infográficos

Page 43: Apresentacao infograficos   felipe viaro

Felipe Viaro - Design Instrucional / UFRGS, 14 de junho de 2013

Criação de infográficos

Page 44: Apresentacao infograficos   felipe viaro

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

Page 45: Apresentacao infograficos   felipe viaro

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

Page 46: Apresentacao infograficos   felipe viaro

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

Page 47: Apresentacao infograficos   felipe viaro

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

Page 48: Apresentacao infograficos   felipe viaro

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.

Page 49: Apresentacao infograficos   felipe viaro

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/