Apresentação realizada no VII Congresso Internacional de Design da Informação - CIDI 2015, em Brasília, Brasil, 2-5 de setembro de 2015 Referências bibliográficas [1] CAIRO, A. (2013). The Functional Art: An introduction to information graphics and visualization. Berkeley: New Riders. [2] CAIRO, A. (2009). Visualización y conocimiento. Una breve invitación a la infografía. In Home: MOSAIC.Andlt; http://mosaic.uoc.edu/2009/06/10/visualizacion-y-conocimiento-una-breve-invitacion-a-la-infografia/Andgt;. 10/04/2015 [3] FUNDO NACIONAL DE DESENVOLVIMENTO PARA A EDUCAÇÃO (2014). In Home: Fundo Nacional de Desenvolvimento para a Educação Andlt;http://www.fnde.gov.br/Andgt; 27/06/2014 [4] 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. [5] KRUM, R. (2013). Cool Infographics: Effective Communication with Data Visualization and Design. Indianapolis: John Wiley Andamp; Sons, Inc.. [6] MINISTÉRIO DA EDUCAÇÃO (2014). In Home: Portal MEC. Andlt; http://portal.mec.gov.brAndgt; 27/06/2014. [7] NORMAN, D. A. (2002). O Design do Dia-a-Dia. Tradução de Ana Dieró. Rio de Janeiro: Rocco. [8] PREECE, J.; ROGERS, Y.; SHARP, H. (2005). Design de interação: além da interação homem computador. Tradução de Viviane Possamai. Porto Alegre: Bookman. [9] RAJAMANICKAM, V. (2005). Infographics seminar handout. Singapura. [10] RAJAMANICKAM, V. (2003). Interactive Visual Explainers-A Simple Classification. In Home: E-learning Post Andlt;http://www.elearningpost.com/articles/archives/interactive_visual_explainers_a_simple_classificationAndgt;. 28/06/2014. [11] TWYMAN, M. (1982). The graphic presentation of language. Information Design Journal, 3/1, pp. 2-22. Como citar: Santos, Gabriele M. S. (2013); "Variáveis para análise de infográficos interativos: um estudo descritivo em artefatos educacionais para o ensino médio". In: <slideshare>

1. Variáveis para análise de infográficos interativos:
um estudo descritivo em artefatos educacionais para
o ensino médio
Gabriele M. S. Santos, Silvio B. Campello, Solange G. Coutinho
Brasília, Setembro de 2015
Congresso Internacional de Design de Informação - CIDI 2015

2. GABRIELE
SANTOS
Designer de
interação
Mestranda
QUEM
Silvio
Campello
Solange
Coutinho

3. GABRIELE
SANTOS
INFOGRÁFICOS
DIGITAIS
INTERATIVOS
Designer de
interação
Mestranda
QUEM e O QUE ?
Silvio
Campello
Solange
Coutinho
MATERIAL
DIDÁTICO

4. O último edital do MEC para seleção dos livros de 2015, exigiu
além dos livros físicos, uma versão digital, apresentando o mesmo
conteúdo do livro impresso, adicionado a objetos educacionais
digitais, como vídeos, animações, simuladores, infográficos, ima-
gens, jogos, entre outros recursos para auxiliar no aprendizado.
Contexto e Justificativas
Como são os infográficos digitais
interativos oferecido no material
educacional do ensino médio?
questionamento Inicial
popularização dos
infográficos na web
possibilidade de inte-
ração em meio digital
recursos digitais
nas escolas públicas
o material didático vai
além do impresso

5. O último edital do MEC para seleção dos livros de 2015, exigiu
além dos livros físicos, uma versão digital, apresentando o mesmo
conteúdo do livro impresso, adicionado a objetos educacionais
digitais, como vídeos, animações, simuladores, infográficos, ima-
gens, jogos, entre outros recursos para auxiliar no aprendizado.
Contexto e Justificativas
popularização dos
infográficos na web
possibilidade de inte-
ração em meio digital
recursos digitais
nas escolas públicas
o material didático vai
além do impresso
Como são os infográficos digitais
interativos oferecido no material
educacional do ensino médio?
questionamento Inicial
Como analisar esse objeto de estudo?
As investigações sobre infografia digital e infografia interativa, ainda são recentes, com
escassez de informações e referências, oferecendo principalmente aspectos voltados a
infografia estática.

6. Com o objetivo maior de entender como são os infográficos digitais
interativos oferecidos em material didático para ensino médio, este
estudo apresenta o desenvolvimento de um método para análise de
infográficos digitais interativos, seguido da aplicação do método em um
estudo descritivo e por fim os resultados alcançados na análise.
Objetivos
Desenvolvimento
1
Aplicação
2
Resultados
3
MÉTODO
DE ANÁLISE

7. Pesquisa Bibliográfica
Cairo Rajamanickam
Poucos autores apresentam
características para identificação e
análise de infográficos do tipo
interativo.
Diversos autores estudaram a infografia. Cada um com
objetivos e visões diferentes, mas que de certa forma
foram alimentando os demais estudos. Dessa maneira,
apenas autores mais recentes começaram a trazer
aspectos do meio digital para os estudos em infografia.
Dessa forma, entre autores com investigações mais
relevantes nos últimos anos, destacam-se
Rajamanickam (2005) e Cairo (2013). Seus
estudos foram investigados para
definir as variáveis aplicadas no
estudo descritivo sobre infográficos
interativos

8. Métodos de comunicação
Estático: apresenta a totalidade da informação em um relance, podendo ser apresentado em meio
analógico ou digital. Mais comum em impressos;
Dinâmico: apresenta a informação de forma progressiva, em sequência linear por meio de animação
ou vídeo;
Interativo: A informação é apresentada, baseada nas escolhas do leitor, de forma seletiva. Método
mais aplicado em meio digital.
Venkatesh Rajamanickam - valorização do conteúdo informacional
Método de
Comunicação
- Estático
- Dinâmico
- Interativo
Intenção de
Comunicação
- Narração
- Instrução
- Exploração
- Simulação

9. Venkatesh Rajamanickam - valorização do conteúdo informacional
Intenção de comunicação dos infográficos
Categoria Objetivos Características
Narração
O objetivo é explicar proporcionando ao leitor uma
experiência indireta da intenção durante a história (fato,
ficção) ou narração de certo ponto de vista.
Histórias (fatos, ficção) contadas
por um certo ponto de vista. Inclui
anedotas, estudos de caso, etc.
Instrução
Objetivo de explicar permitindo que o leitor acompanhe
sequencialmente a instrução. Explicações passo a passo
de como as coisas funcionam ou os eventos acorrem.
Explicações em passo a passo
de como coisas funcionam ou
como eventos acontecem.
Exploração
O objetivo é oferecer ao leitor a oportunidade de explorar
e descobrir a intenção. O próprio leitor descobre a
intenção através da exploração e racionalização.
Essas costumam permitir que o
leitor descubra a intenção por
exploração ou racionalização.
Simulação
O objetivo é permitir que o usuário experimente a
intenção, normalmente um fenômeno do mundo real.
Permite que o próprio leitor experimente a intenção.
Permite que o próprio leitor
experimente a intenção.
Intenção de Comunicação

10. Alberto Cairo – Variáveis baseadas em áreas correlatas
Guidelines
de Interação
- Visibilidade
- Feedback
- Restrições
- Consistência
Estilo de
Interação
- Instrução
- Conversação
- Manipulação
- Exploração
Estrutura de
Navegação
- Linear
- Não-linear
Baseado em Donald Norman
Baseado em Jenifer Tidwell
Técnicas de
Navegação
- Rolagem e deslocamento;
- Zoom;
- Abrir e fechar;
- Selecionar e rearranjar;
- Buscar e filtrar.
Cairo recorre as áreas de Design de interação, IHC e Engenharia de Software.
Baseado em Preece et.al

11. Alberto Cairo – Variáveis baseadas em áreas correlatas
introdução passo 1 passo 2 passo 3 introdução
Estrutura de Navegação
Linear Não-linear
Estilo de interação
Instrução: O usuário ‘diz’ ao infográfico para fazer algo, pressionando um botão, digitando um comando,
dando duplo click, etc. Esse é o tipo de interação mais comum.
Conversação: Permite que o usuário dialogue com o infográfico, como se acontece-se uma conversação real
onde o usuário acrescenta informações e/ou parâmetros que geram alterações no infográfico.
Manipulação: O usuário muda a estrutura e aparência do que está sendo apresentado para atingir seus
objetivos. Comum em infográficos em que é possível arrastar e criar elementos, mudar a cor, tamanho e
aparência deles.
Exploração: O usuário é inserido na ação. Coloca o usuário como parte da cena em que ele pode explorar e
buscar informações por diferentes pontos de vista de um ambiente ou objeto. Normalmente associados a
perspectiva 3D.

12. Método de
Comunicação
- Estático
- Dinâmico
- Interativo
Intenção de
Comunicação
- Narração
- Instrução
- Exploração
- Simulação
Estilo de
Interação
- Instrução
- Manipulação
- Exploração
Estrutura de
Navegação
- Linear
- Não-linear
+ ativo
+ passivo
+ ativo
+ passivo
+ ativo
+ passivo
1 2
Método de Análise Entender à que tipo de estímulo informacional os
alunos são apresentados e considerar as oportuni-
dades de participação (mais ativa ou passiva).
Identificar se a navegação é oferecida de forma
linear, ou permitem que o leitor possa definir seu
caminho na navegação.
Verificar como o leitor pode experimentar as
capacidades de interação com a interface do
infográfico.
Indetificar os infográficos interativos
para submissão à etapa 2.

13. Teve como objetivo identificar os infográficos digitais e interativos presentes no
material digital de seis disciplinas de uma coleção do ensino médio.
Estudo Descritivo
6 disciplinas
volume único (1º,2º e 3º)
Literatura
Biologia
Filosofia
Sociologia
Geografia
Física

14. INFOGRÁFICOS DIGITAIS:
Maior porcentagem de infográficos dinâmicos ou
estáticos;
Foram identificados 237 infográficos digitais:
Estático 83 (35%)
Dinâmicos 97 (40,9%)
Interativos 57 (24%)
Estudo Descritivo - Resultados

15. Os infográficos interativos foram encontrados
principalmente nas disciplinas de geografia e física.

16. BIOLOGIA
apesar do potencial para apresentação
de infográficos, não apresentou nenhum
infográfico interativo,
concentrando-se em
representações estáticas e
dinâmicas por meio de vídeos com
pequenas animações nos elementos
pictóricos e esquemáticos para
representar processos biológicos.

17. Intenção de
comunicação mais
ativa, que promove a
exploração e
racionalização;
Estilo de Interações principalmente por instrução
somente, com ações simples e de resposta direta. Pouco investimento em
interações por manipulação ou mesmo por exploração, que promovam
participação mais ativa do aluno.
Estrutura de
navegação bem
equilibrada entre
linear e não-linear.
INFOGRÁFICOS INTERATIVOS

18. Geografia x Física

19. Infográfico de Geografia Infográfico de Física

20. Infográfico de Geografia

21. Infográfico de Física

22. Considerações finais
SOBRE O MÉTODO
Se mostrou eficiente para o objetivo do estudo descritivo. Dessa forma,
indica-se a aplicação desse método para análises de contato inicial com
infográficos interativos,
Não deve satisfazer estudos que necessitem de análise mais detalhada, já
quetrata um pequeno número de variáveis e detalhamento. Sendo uma
oportunidades de adaptações futuras.

23. Considerações finais
SOBRE OS INFOGRÁFICOS INTERATIVOS EM MATERIAL EDUCACIONAL
Grande porcentagem de infográficos estáticos ou dinâmicos (em vídeo e
animação).
Os infográficos interativos trazem principalmente interações apenas por
instrução, com pouco investimento em interações por manipulação ou mesmo por
exploração.
Oferece pouca oportunidade para o aluno participar da construção e
modificação das informações.
A pesquisa pode ser expandida para comparar outras disciplinas que fazem parte
do currículo escolar definido pelo MEC, tornando os resultados mais precisos.

24. Comentários...
Obrigada!
Dúvidas...
Gabriele M. S. Santos <gabriele.sant@gmail.com>
Brasília, Setembro de 2015
Congresso Internacional de Design de Informação - CIDI 2015