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. (LIMA, 2009, p. 23)

1/35

2/35

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)

3/35

O OBJETO DE ESTUDO

Infografia Jornalística Animada e Interativa

IG

Zero Hora

R7

Como animação e interação influenciam a compreensão de infografias jornalísticas de saúde?

SOBRE A PESQUISA

Questão de pesquisa

4/35

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

SOBRE A PESQUISA

Identificar aspectos gráfico-informacionais de animação e interação recorrentes na infografia jornalística de saúdeIdentificar 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

6/35

SOBRE A PESQUISA

Identificar aspectos gráfico-informacionais de animação e interação recorrentes na infografia jornalística de saúdeIdentificar 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 6Estudo analítico

1

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údeIdentificar 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 experimental

1

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údeIdentificar 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 experimental

Discussão geral dos estudos

1

2

3

6/35

SOBRE A PESQUISA

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

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

FUNDAMENTAÇÃO TEÓRICA

DaVinci Por volta de

1512

Vesalius 1543

Snow 1854

Nightingale

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

FUNDAMENTAÇÃO TEÓRICA

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 (TVERSKY et al.,2002)

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)

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

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

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

17/35

FUNDAMENTAÇÃO TEÓRICA

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

18/35

MÉTODOS

25 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

19/35

ESTUDO ANALÍTICO

Aspectos observados

ANIMAÇÃO

MENU

ELEMENTOS VERBAIS

ELEMENTOS PICTÓRICOS

APRESENTAÇÃO DA INTERATIVIDADE

20/35

ESTUDO ANALÍTICO

Resultados da Análise

Pouca Incidência

ANIMAÇÃO

MENU

ELEMENTOS VERBAIS

ELEMENTOS PICTÓRICOS

APRESENTAÇÃO DA INTERATIVIDADE

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

ESTUDO ANALÍTICO

ANIMADO INTERATIVO

ESTÁTICO INTERATIVO

ANIMADO NARRADO SEM TEXTO

ANIMADO NARRADO

ANIMADO

24/35

Perfil dos participantes

25/35

ESTUDO EXPERIMENTAL

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 NARRADO26/38

ESTUDO EXPERIMENTAL

27/35

Protocolo entrevista

Pesquisa aprovada pelo

comitê de ética UFPR

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

ESTUDO EXPERIMENTAL

MUITAS INFORMAÇÕES

REPRESENTAÇÕES CONFUSAS

!!TERMOS ESPECÍFICOS CONFUSOS

ANIMAÇÕES COMPETEM COM O TEXTO

Resultados do experimentoDificuldades

28/35

ESTUDO EXPERIMENTAL

USO 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 experimentoFacilidades

29/35

ESTUDO EXPERIMENTAL

TER EXPLICAÇÃO VISUAL COERENTE COM O TEXTO NA

ETAPA 4

!!

Resultados do experimentoSugestões

DIVIDIR EXPLICAÇÕES EM MAIS ETAPAS E MAIS DETALHADO

30/35

ESTUDO EXPERIMENTAL

Resultados do experimentoCompreensã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

Texto2 vezes 43 13 12 2

EI Estático Interativo

De 1 a 2 vezes 46 13 11 0

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

ESTUDO EXPERIMENTAL

Considerações e Conclusões

Discussão dos estudos com a literatura

Conclusões Finais

Desdobramentos

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

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

CONSIDERAÇÕES E CONCLUSÕES

34/35

ESTADÃO

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

CONSIDERAÇÕES E CONCLUSÕES

Obrigado !

ancara@gmail.com