Infográficos

animados
e interativos em
saúde





Um estudo sobre a
compreensão de
notícias

Rafael de Castro
Andrade
UFPR
Setor de Artes, Comunicação e Design
ORIENTADORA
Programa de Pós Graduação em Design
Carla Galvão Spinillo
O OBJETO DE ESTUDO

Infografia Jornalística 

Animada e Interativa

Uma peça gráfica que utiliza simultaneamente a

linguagem verbal gráfica, esquemática e
pictórica, voltada prioritariamente à explicação
de algum fenômeno.
(LIMA, 2009, p. 23)

1/35
2/35
O OBJETO DE ESTUDO

Infografia Jornalística 

Animada e Interativa

Uma peça gráfica que utiliza Possibilidade de uso de recursos

simultaneamente a linguagem verbal do meio digital como interação,
gráfica, esquemática e pictórica, animação e áudio
voltada prioritariamente à explicação 

de algum fenômeno. (MIRANDA, 2013)


(LIMA, 2009, p. 23)

3/35
IG

Zero
Hora
R7
SOBRE A PESQUISA

Questão de pesquisa

Como animação e interação

influenciam a compreensão de
infografias jornalísticas de saúde?

4/35
SOBRE A PESQUISA

Objetivo Geral

Verificar os efeitos da animação e

interação na compreensão de infografias
jornalísticas da área de saúde

5/35
SOBRE A PESQUISA

Objetivos específicos


1 Identificar aspectos gráfico-
informacionais de animação
e interação recorrentes na
infografia jornalística de
saúde



2 Identificar os efeitos da
presença de animação e
interação na compreensão
da infografia



3 Discutir o impacto destes
efeitos na compreensão da
infografia

6/35
SOBRE A PESQUISA

Objetivos específicos


1 Identificar aspectos gráfico-
informacionais de animação
e interação recorrentes na
infografia jornalística de
saúde
 Estudo analítico

 6 CAPÍTULO 6
2 Identificar os efeitos da
presença de animação e
interação na compreensão
da infografia



3 Discutir o impacto destes
efeitos na compreensão da
infografia

6/35
SOBRE A PESQUISA

Objetivos específicos


1 Identificar aspectos gráfico-
informacionais de animação
e interação recorrentes na
infografia jornalística de
saúde
 Estudo analítico

 6 CAPÍTULO 6
2 Identificar os efeitos da
presença de animação e
interação na compreensão Estudo experimental
da infografia
 7 CAPÍTULO 7


3 Discutir o impacto destes
efeitos na compreensão da
infografia

6/35
SOBRE A PESQUISA

Objetivos específicos


1 Identificar aspectos gráfico-
informacionais de animação
e interação recorrentes na
infografia jornalística de
saúde
 Estudo analítico

 6 CAPÍTULO 6
2 Identificar os efeitos da
presença de animação e
interação na compreensão Estudo experimental
da infografia
 7 CAPÍTULO 7


3 Discutir o impacto destes
efeitos na compreensão da
Discussão geral dos estudos
infografia
8 CAPÍTULO 8

6/35
7/35
Fundamentação
Teórica





Características da infografia e uso de representações

visuais na comunicação de conteúdos de saúde
Animação e interação na infografia
Relações da Teoria Cognitiva da Aprendizagem
Multimídia com a infografia
FUNDAMENTAÇÃO TEÓRICA

Representações visuais na
comunicação de assuntos de saúde

Uso de texto+imagem para representar anatomia

DaVinci e Vesalius

Uso de gráficos e mapas como evidência e

elemento de argumentação


Jhon Snow e Florence Nightingale

8/35
 DaVinci
Por volta de
1512
Vesalius
1543
Snow
1854
Nightinga
le
1855
FUNDAMENTAÇÃO TEÓRICA

Animação como
auxílio a explicação

Facilitar a visualização de processos/procedimentos

(HÖFFLER & LEUTNER, 2007)

Reduzir o esforço cognitivo empregado para o

processamento da informação
(SCHNOTZ & LOWE, 2008)

Motivar o aprendizado
(RIEBER, 1991; KIM et al., 2007)

9/35
FUNDAMENTAÇÃO TEÓRICA

Animação como
auxílio a explicação

Aspectos gráficos de apresentação da animação impactam

a percepção e compreensão por parte do público
(SPINILLO et al.,2010)

Animação pode ser potencializada se acrescida de

recursos interativos
(TVERSKY et al.,2002)

10/35
FUNDAMENTAÇÃO TEÓRICA

Interação na Animação

A interação permite o Quando se adiciona O usuário pode editar

usuário parar, começar, controles a este conteúdo para
rever, analisar e focar animação, parte atender as suas próprias
em determinadas partes importante da necessidades cognitivas
da animação responsabilidade do (SCHWAN & RIEMPP, 2004)
(TVERSKY et al. 2002) aprendizado de
certo conteúdo é
transferido ao usuário
(HANNAFIN e PECK, 1988)

11/35
FUNDAMENTAÇÃO TEÓRICA

Interação na Animação

Geralmente é bem recebida pelos usuários

Pode não ser benéfica quando os

usuários são inexperientes


(LOWE, 2004; MEYER; RASCH & SCHNOTZ, 2010)

12/35
FUNDAMENTAÇÃO TEÓRICA

A TCAM suas bases e aplicações

em infográficos interativos
animados

1 Canal duplo para receber e processar informações;

2 Capacidade de processamento limitada destes

canais;

3 Que a construção de conhecimento com estas

informações recebidas é um processo ativo que
envolve o conhecimento prévio.

13/35
FUNDAMENTAÇÃO TEÓRICA

Processamento de imagens e
textos segundo a TCAM

14/35
FUNDAMENTAÇÃO TEÓRICA

Processamento de textos
representados graficamente

15/35
FUNDAMENTAÇÃO TEÓRICA

Processamento de
textos narrados

16/35
FUNDAMENTAÇÃO TEÓRICA

Princípios da TCAM
Princípio Aprendizado mais profundo por imagens e palavras do que só por
Multimídia palavras ou só por imagens.

Princípio da Aprendizado mais profundo quando as informações relevantes a uma

Contiguidade explicação estão próximas espacialmente

Princípio da Aprendizado mais profundo com explicações simplificadas curtas e

Coerência concisas

Princípio da Aprendizado mais profundo quando se tem o texto em áudio

Modalidade

Princípio da Há um aprendizado mais profundo quando se mostra apenas narração do

Redundância que narração e texto em tela

Princípio da Há um aprendizado mais profundo quando são adicionados recursos

Interatividade interativos simples
17/35
Estudos Anatítico e
Experimental





Análise de amostra de infográficos de saúde

veiculadas em portais de notícias brasileiros
Teste de compreensão com leitores
MÉTODOS
Procedimentos
metodológicos

1 2 3

MATERIAL PARA
REVISÃO O ESTUDO
ESTUDO ESTUDO
BIBLIOGRÁFICA EXPERIMENTAL
ANALÍTICO EXPERIMENTAL

Subsídio teórico Tendência das

para discussão características Efeitos da
gráficas na animação e
amostra de interação na
infográficos de compreensão
saúde
Infográficos de modos
de apresentação
diferentes baseados nas
tendências identificadas

18/35
25 Infográficos
Publicados em portais de
notícias brasileiros, com
temática relativa à saúde.
 ESTUDO ANALÍTICO
Protocolo de Análise Gráfica

ELEMENTOS
VERBAIS

ANIMAÇÃO

ELEMENTOS
PICTÓRICOS

MENU

APRESENTAÇÃO
DA INTERATIVIDADE

19/35
 ESTUDO ANALÍTICO
Aspectos observados
ELEMENTOS
VERBAIS

MENU

APRESENTAÇÃO
DA INTERATIVIDADE

ANIMAÇÃO

20/35
ELEMENTOS
PICTÓRICOS
 ESTUDO ANALÍTICO

Resultados da Análise

ELEMENTOS
VERBAIS

ANIMAÇÃO

ELEMENTOS
PICTÓRICOS

MENU

APRESENTAÇÃO
DA INTERATIVIDADE

Pouca
Incidência

21/35
ESTUDO ANALÍTICO

Tendências identificadas
na análise

Utilização de animações decorativas

em conjunto com animações
elucidativas;

Baixa utilização de recursos sonoros 


(e.g. narração, feedbacks sonoros)

Predominância do estilo desenho e

uso de cortes seccionais

Utilização de formas mais simples de

interação como controles de
narrativa.

22/35
ESTUDO ANALÍTICO

Tendências identificadas
na análise

Utilização de animações decorativas

em conjunto com animações
elucidativas;

Baixa utilização de recursos sonoros 


(e.g. narração, feedbacks sonoros)

Predominância do estilo desenho e

uso de cortes seccionais

Utilização de formas mais simples de

interação como controles de
narrativa.

22/35
ESTUDO ANALÍTICO

Tendências identificadas
na análise

Utilização de animações decorativas

em conjunto com animações
elucidativas;

Baixa utilização de recursos sonoros 


(e.g. narração, feedbacks sonoros)

Predominância do estilo desenho e

uso de cortes seccionais

Utilização de formas mais simples de

interação como controles de
narrativa.

22/35
ESTUDO ANALÍTICO

Tendências identificadas
na análise

Utilização de animações decorativas

em conjunto com animações
elucidativas;

Baixa utilização de recursos sonoros 


(e.g. narração, feedbacks sonoros)

Predominância do estilo desenho e

uso de cortes seccionais

Utilização de formas mais simples de

interação como controles de
narrativa.

22/35
ESTUDO ANALÍTICO

Tendências identificadas
na análise

Utilização de animações decorativas

em conjunto com animações
elucidativas;

Baixa utilização de recursos sonoros 


(e.g. narração, feedbacks sonoros)

Predominância do estilo desenho e

uso de cortes seccionais

Utilização de formas mais simples de

interação como controles de
narrativa.

22/35
ESTUDO ANALÍTICO

Infográfico representante
da amostra

23/35
 ANIMADO NARRADO
ANIMADO
ANIMADO SEM TEXTO
INTERATIVO

ESTÁTICO ANIMADO
INTERATIVO NARRADO

24/35
ESTUDO EXPERIMENTAL
Perfil dos participantes

25/35
 ESTUDO EXPERIMENTAL
Design do Experimento

AI

10 PARTICIPANTES
ANIMADO INTERATIVO

EI

10 PARTICIPANTES ESTÁTICO INTERATIVO

SORTEIO A ENTREVISTA

10 PARTICIPANTES ANIMADO

ANST

10 PARTICIPANTES ANIMADO NARRADO

50 PARTICIPANTES
SEM TEXTO

AN

10 PARTICIPANTES ANIMADO NARRADO

26/38
ESTUDO EXPERIMENTAL
Protocolo entrevista

Pesquisa
aprovada pelo
comitê de ética
UFPR

6 Questões opinativas + 7 Questões de compreensão

27/35
ESTUDO EXPERIMENTAL

Resultados do experimento

Dificuldades

MUITAS TERMOS ESPECÍFICOS

INFORMAÇÕES CONFUSOS

REPRESENTAÇÕES CONFUSAS ANIMAÇÕES

COMPETEM COM
O TEXTO
28/35
ESTUDO EXPERIMENTAL

Resultados do experimento

Facilidades

USO DE IMAGEM
E TEXTO EM CONJUNTO

ANIMAÇÕES DAS ETAPAS 2 E 3

USO DE SETAS E CORES
FUNDAMENTAIS PARA A
PARA IDENTIFICAR OS
COMPREENSÃO DO
ELEMENTOS
INFOGRÁFICO 29/35
ESTUDO EXPERIMENTAL

Resultados do experimento

Sugestões

TER EXPLICAÇÃO
VISUAL COERENTE
COM O TEXTO NA
ETAPA 4

DIVIDIR EXPLICAÇÕES EM
MAIS ETAPAS E MAIS
DETALHADO
30/35
ESTUDO EXPERIMENTAL

Resultados do experimento

Compreensão

Média de
C CP NC/RI NR
visualizações

AI
2 vezes 40 14 16 0
Animado Interativo
A
De 2 a 3 vezes 46 17 7 0
Animado

AN
De 2 a 3 vezes 44 18 7 1
Animado com Narração
ASNT
Animado com Narração sem 2 vezes 43 13 12 2
Texto

EI
De 1 a 2 vezes 46 13 11 0
Estático Interativo

TOTAL 219 75 53 3

31/35
ESTUDO EXPERIMENTAL

Conclusões do experimento

A animação é benéfica a compreensão, porém requer

maior atenção por parte de quem visualiza o
infográfico

O uso de animação e interações como controles de

narrativa não favoreceram a compreensão

A narração é positiva como auxílio, porém mesmo com

a narração é necessário o texto em tela

32/35
Considerações e
Conclusões





Discussão dos estudos com a literatura

Conclusões Finais
Desdobramentos
CONSIDERAÇÕES E CONCLUSÕES
Discussão
Princípios propostos O que foi O que foi observado no
pela TCAM observado na Teste de Compreensão
Análise Gráfica Estudo experimental
Estudo Analítico

Princípio Multimídia Atendido Dados insuficientes 


Não estava no escopo do estudo comparar a
infografia com outras formas de apresentação de
informação.

Princípio da Contiguidade Atendido Atendido

Princípio da Coerência Não atendido Atendido em parte

Apesar dos dados insuficientes para afirmar se
animações decorativas prejudicaram a
compreensão. Foi identificado que os participantes
tiveram dificuldades com a falta de concisão entre
a explicação textual e a imagem na etapa 4, além
de explicações complicadas nas etapas 2 e 3.

Princípio da Modalidade Não atendido Não atendida

Princípio da Redundância Não atentido Não atendida

Princípio da Interatividade Atendida Não atendida

33/35
CONSIDERAÇÕES E CONCLUSÕES
Conclusões Finais
Há um lapso entre as possibilidades dos recursos interativos
disponíveis nos dias de hoje e a aplicação destes na infografia
de saúde. Em alguns momentos parecendo que estes recursos
estavam presentes apenas como atrativo tecnológico.

No entanto, recursos de interação, animação e narração mesmo

que simples podem colaborar com a infografia, desde que
estejam integrados e servindo ao conteúdo.

Mesmo assim, estes recursos não são capazes de resolver

complicações trazidas por problemas de articulação do
elementos gráficos do conteúdo.

A complexidade gráfica da infografia pode ser uma

característica benéfica e motivadora para o leitor. Porém, deve
haver um bom planejamento das relações gráficas e da forma
que é utilizada os recursos de interação e animação, auxiliando
o leitor a desvendar essa complexidade

34/35
ESTADÃO
CONSIDERAÇÕES E CONCLUSÕES
Desdobramentos
Aprimorar o instrumento de análise de infográficos;

Investigar a influencia de formas de interação mais

sofisticadas na compreensão;

Investigar formas de utilização da narração e suas

implicações na infografia animada e interativa;

Ampliar a discussão a respeito da comunicação de

assuntos de saúde;

Levantamento e discussão de aspectos da produção

da infografia animada e interativa que impactam nas
decisões de projeto dos infografistas;

Levantamento de diretrizes para a produção de

infografias animadas e interativas.

35/35
Obrigado
ancara@gmail.com