Rafael de Castro Andrade
ORIENTADORA
Carla Galvão Spinillo
UFPR
Setor de Artes, Comunicação e Design
Programa de Pós Graduação em Design
Infográficos
animados
e interativos em
saúde
Um estudo sobre a
compreensão de
notícias
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.
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)
Possibilidade de uso de recursos do meio digital como interação, animação e áudio (MIRANDA, 2013) O OBJETO DE ESTUDO
Infografia Jornalística
Animada e Interativa
IG
Zero Hora
Como animação e interação
influenciam a compreensão de
infografias jornalísticas de saúde?
SOBRE A PESQUISA
Verificar os efeitos da animação e
interação na compreensão de infografias
jornalísticas da área de saúde
Objetivo Geral
5/35
Identificar aspectos gráfico-informacionais de animação e interação recorrentes na infografia jornalística de saúde Identificar os efeitos da presença de animação e interação na compreensão da infografia
Discutir o impacto destes efeitos na compreensão da infografia
Objetivos específicos
1
2
3
SOBRE A PESQUISA
Identificar aspectos gráfico-informacionais de animação e interação recorrentes na infografia jornalística de saúde Identificar os efeitos da presença de animação e interação na compreensão da infografia
Discutir o impacto destes efeitos na compreensão da infografia
Objetivos específicos
6 CAPÍTULO 6 Estudo analítico1
2
3
6/35 SOBRE A PESQUISA
Identificar aspectos gráfico-informacionais de animação e interação recorrentes na infografia jornalística de saúde Identificar os efeitos da presença de animação e interação na compreensão da infografia
Discutir o impacto destes efeitos na compreensão da infografia
Objetivos específicos
7 6 CAPÍTULO 6 CAPÍTULO 7 Estudo analítico Estudo experimental1
2
3
SOBRE A PESQUISA
Identificar aspectos gráfico-informacionais de animação e interação recorrentes na infografia jornalística de saúde Identificar os efeitos da presença de animação e interação na compreensão da infografia
Discutir o impacto destes efeitos na compreensão da infografia
Objetivos específicos
8 7 6 CAPÍTULO 6 CAPÍTULO 7 CAPÍTULO 8 Estudo analítico Estudo experimentalDiscussão geral dos estudos
1
2
3
6/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
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
DaVinci
Por volta de 1512
Vesalius 1543
Snow 1854
Nightinga le 1855
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
10/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
Interação na Animação
A interação permite o usuário parar, começar, rever, analisar e focar em determinadas partes da animação (TVERSKY et al. 2002) Quando se adiciona controles a animação, parte importante da responsabilidade do aprendizado de certo conteúdo é transferido ao usuário (HANNAFIN e PECK, 1988)
O usuário pode editar este conteúdo para
atender as suas próprias necessidades cognitivas
(SCHWAN & RIEMPP, 2004)
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
A TCAM suas bases e aplicações
em infográficos interativos
animados
Canal duplo para receber e processar informações; Capacidade de processamento limitada destes
canais;
Que a construção de conhecimento com estas informações recebidas é um processo ativo que envolve o conhecimento prévio.
1
2
3
Processamento de imagens e
textos segundo a TCAM
14/35
Processamento de textos
representados graficamente
Processamento de
textos narrados
16/35
Princípios da TCAM
Princípio Multimídia
Aprendizado mais profundo por imagens e palavras do que só por palavras ou só por imagens.
Princípio da Contiguidade
Aprendizado mais profundo quando as informações relevantes a uma explicação estão próximas espacialmente
Princípio da Coerência
Aprendizado mais profundo com explicações simplificadas curtas e concisas
Princípio da Modalidade
Aprendizado mais profundo quando se tem o texto em áudio Princípio da
Redundância
Há um aprendizado mais profundo quando se mostra apenas narração do que narração e texto em tela
Princípio da Interatividade
Há um aprendizado mais profundo quando são adicionados recursos interativos simples
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
ESTUDO ANALÍTICO 2 3
Procedimentos
metodológicos
ESTUDO EXPERIMENTAL Tendência das características gráficas na amostra de infográficos de saúde MATERIAL PARA O ESTUDO EXPERIMENTAL Infográficos de modos de apresentação diferentes baseados nas tendências identificadas Efeitos da animação e interação na compreensão REVISÃO BIBLIOGRÁFICA 1 Subsídio teórico para discussão MÉTODOS25 Infográficos
Publicados em portais de
notícias brasileiros, com
temática relativa à saúde.
Protocolo de Análise Gráfica
ANIMAÇÃO MENU ELEMENTOS VERBAIS ELEMENTOS PICTÓRICOS APRESENTAÇÃO DA INTERATIVIDADE ESTUDO ANALÍTICOAspectos observados
ANIMAÇÃO MENU ELEMENTOS VERBAIS ELEMENTOS PICTÓRICOS APRESENTAÇÃO DA INTERATIVIDADE 20/35 ESTUDO ANALÍTICOResultados da Análise
Pouca Incidência ANIMAÇÃO MENU ELEMENTOS VERBAIS ELEMENTOS PICTÓRICOS APRESENTAÇÃO DA INTERATIVIDADE ESTUDO ANALÍTICOTendê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
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.
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
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.
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
Infográfico representante
da amostra
ANIMADO INTERATIVO ESTÁTICO INTERATIVO ANIMADO NARRADO SEM TEXTO ANIMADO NARRADO ANIMADO 24/35
Perfil dos participantes
Design do Experimento
AI SORTEIO 50 PARTICIPANTES 10 PARTICIPANTES 10 PARTICIPANTES 10 PARTICIPANTES 10 PARTICIPANTES EI ANST AN ENTREVISTA 10 PARTICIPANTES A ANIMADO INTERATIVO ESTÁTICO INTERATIVO ANIMADO ANIMADO NARRADO SEM TEXTO ANIMADO NARRADO 26/38 ESTUDO EXPERIMENTALProtocolo entrevista
Pesquisa aprovada pelo comitê de ética
UFPR
6 Questões opinativas + 7 Questões de compreensão
MUITAS INFORMAÇÕES REPRESENTAÇÕES CONFUSAS TERMOS ESPECÍFICOS CONFUSOS ANIMAÇÕES COMPETEM COM O TEXTO
Resultados do experimento
Dificuldades
28/35 ESTUDO EXPERIMENTALUSO DE IMAGEM E TEXTO EM CONJUNTO
ANIMAÇÕES DAS ETAPAS 2 E 3 FUNDAMENTAIS PARA A
COMPREENSÃO DO INFOGRÁFICO
USO DE SETAS E CORES PARA IDENTIFICAR OS ELEMENTOS
Resultados do experimento
Facilidades
TER EXPLICAÇÃO VISUAL COERENTE COM O TEXTO NA ETAPA 4
Resultados do experimento
Sugestões
DIVIDIR EXPLICAÇÕES EM MAIS ETAPAS E MAIS DETALHADO30/35
Resultados do experimento
Compreensão
Média de
visualizações C CP NC/RI NR AI
Animado Interativo 2 vezes 40 14 16 0
A
Animado De 2 a 3 vezes 46 17 7 0
AN
Animado com Narração De 2 a 3 vezes 44 18 7 1
ASNT
Animado com Narração sem Texto
2 vezes 43 13 12 2
EI
Estático Interativo De 1 a 2 vezes 46 13 11 0
TOTAL 219 75 53 3
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
Discussão
Princípios propostos
pela TCAM O que foi observado na Análise Gráfica
Estudo Analítico
O que foi observado no Teste de Compreensão
Estudo experimental
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
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
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.
