edição digital de revistas

POTENCIALHIPERMIDIÁTICO

PROCESSOSDE INTERAÇÃO&

master

edições digitais de

revistas

Banca de Defesa de DissertaçãoMestrando: Ildo Francisco Golfetto

Orientadora: Berenice Santos Gonçalves

sumário

Considerações iniciais

A revistacomo mídia

Edições digitaisde revistas

Interação e interatividade

Metodologiade pesquisa

Considerações erecomendações

Navegaçãoem hipermídia

17 193522

Programa de Pós-Graduaçãoem Design e Expressão Gráfica

sumário

Edições digitaisde revistas

Interação e interatividade

Metodologiade pesquisa

Considerações erecomendações

17 193522

Programa de Pós-Graduaçãoem Design e Expressão Gráfica

Pra começar...

O que motivou a pesquisa, sua pertinência, justificativa e quais os objetivos gerais e específicos.

Tema•Design gráfico

Design editorial: projeto gráfico de revistas

• Fase de adaptação Incorporação de outras estratégias visuais

• Sinalização digital Opção para projetos em interfaces digitais

• Recorrência das edições digitaisA partir de 2003, uso cada vez mais frequente

Questão de pesquisa•Como se dá a interação e a navegação em edições digitais de revistas?

Objetivos• Geral

Identificar as especificidades relativas ao processo de interação e navegação em edições digitais de revistas brasileiras.

• EspecíficosDescrever a revista como produto em relação às tecnologias da atualidade;

Entender a interface das edições digitais quanto ao seu potencial de interatividade, recursos hipermidiáticos e processo de leitura;

Desenvolver e aplicar uma metodologia para análise da interação em edições digitais através da técnica de grupo focal.

Pra começar...

O que motivou a pesquisa, sua pertinência, justificativa e quais os objetivos gerais e específicos.

Tema•Design gráfico

Design editorial: projeto gráfico de revistas

• Fase de adaptação Incorporação de outras estratégias visuais

• Sinalização digital Opção para projetos em interfaces digitais

• Recorrência das edições digitaisA partir de 2003, uso cada vez mais frequente

Questão de pesquisa•Como se dá a interação e a navegação em edições digitais de revistas?

Objetivos• Geral

Identificar as especificidades relativas ao processo de interação e navegação em edições digitais de revistas brasileiras.

• EspecíficosDescrever a revista como produto em relação às tecnologias da atualidade;

Entender a interface das edições digitais quanto ao seu potencial de interatividade, recursos hipermidiáticos e processo de leitura;

Desenvolver e aplicar uma metodologia para análise da interação em edições digitais através da técnica de grupo focal.

Justificativa• Edições digitais são interfaces recentes

• Apenas um grupo de pesquisa no BrasilFaculdade de Comunicação (FaCom) da UFBA

• Não há estudos aprofundados, mas especulaçõesPrincipalmente quanto a sua interface gráfica

• Relevância para os meios acadêmico e editorial

• Adequação do escopo de pesquisa ao programa Trata de uma interface gráfica que alia a tradição do design editorial às possibilidades do design para web

Delimitação• Edições brasileiras

• Não foi avaliado o layoutFoco nos elementos de orientação

• Não foi considerado o percurso Que o usuário fará para chegar até a edição digital dentro do website em que se encontra disponível

• Usuário-leitorEm concordância com a atitude de Santaella (2004)

Justificativa• Edições digitais são interfaces recentes

• Apenas um grupo de pesquisa no BrasilFaculdade de Comunicação (FaCom) da UFBA

• Não há estudos aprofundados, mas especulaçõesPrincipalmente quanto a sua interface gráfica

• Relevância para os meios acadêmico e editorial

• Adequação do escopo de pesquisa ao programa Trata de uma interface gráfica que alia a tradição do design editorial às possibilidades do design para web

Delimitação• Edições brasileiras

• Não foi avaliado o layoutFoco nos elementos de orientação

• Não foi considerado o percurso Que o usuário fará para chegar até a edição digital dentro do website em que se encontra disponível

• Usuário-leitorEm concordância com a atitude de Santaella (2004)

mídia impressa

Um produto que resulta das relações entre aspectos conceituais, comerciais, jornalísticos e de design.

O que é uma revista• Díficil definição

• Registro histórico e influência social

“Os mais brilhantes poetas, escritores, artistas, jornalistas, fotógrafos e

cientistas têm usado as páginas das revistas para transmitir ideias, opiniões,

interpretações, protestos, denúncias, beleza e diversão, formando assim o

pensamento e o estilo de vida das sociedades. ”

(ALI, 2009).

Recursos e elementos• Recursos visuais de editoração

Diagrama: representação gráfica de uma estrutura

Grid: trama modular base para a diagramação

Imagem: rápidas, emocionais, instintivas e polissêmicas

Tipografia: seu uso dá forma ao conteúdo textual

Cor: exprime atmosfera, descreve realidade, codifica informação

• Elementos de composiçãoCapa

Outros: manchete, sumário, títulos, legendas, olhos, citações, box, cartola, créditos, expediente, etc.

mídia impressa

Um produto que resulta das relações entre aspectos conceituais, comerciais, jornalísticos e de design.

O que é uma revista• Díficil definição

• Registro histórico e influência social

“Os mais brilhantes poetas, escritores, artistas, jornalistas, fotógrafos e

cientistas têm usado as páginas das revistas para transmitir ideias, opiniões,

interpretações, protestos, denúncias, beleza e diversão, formando assim o

pensamento e o estilo de vida das sociedades. ”

(ALI, 2009).

Recursos e elementos• Recursos visuais de editoração

Diagrama: representação gráfica de uma estrutura

Grid: trama modular base para a diagramação

Imagem: rápidas, emocionais, instintivas e polissêmicas

Tipografia: seu uso dá forma ao conteúdo textual

Cor: exprime atmosfera, descreve realidade, codifica informação

• Elementos de composiçãoCapa

Outros: manchete, sumário, títulos, legendas, olhos, citações, box, cartola, créditos, expediente, etc.

mídia digital

A cópia da publicação impressa que foi distribuídaeletronicamente como uma unidade.

EdiçõesDigitais

Inovação digital • Tecnologia a favor das revistas

E-zines e equívocos das editoras

• Eletrônicas, digitais e onlineEletrônico é digital, mas não quer dizer que seja online

• Leitura em tela25 a 30% mais lento segundo Nielsen (2000) e Shneiderman & Plaisant (2004)

Confrontada pela Universidad del País Vasco, apontando que não é mais lenta e tende a incitar maior concentração

Propriedades• Folheável

Modelo conceitual baseado em objeto

• Obra fechadaComparativo a hipermídia em CD-Rom

• Distribruição pela internet Website, e-mail ou software

• Menor custo ao leitorSegundo o IVC, no mínimo50% do preço da versão impressa

mídia digital

A cópia da publicação impressa que foi distribuídaeletronicamente como uma unidade.

EdiçõesDigitais

Inovação digital • Tecnologia a favor das revistas

E-zines e equívocos das editoras

• Eletrônicas, digitais e onlineEletrônico é digital, mas não quer dizer que seja online

• Leitura em tela25 a 30% mais lento segundo Nielsen (2000) e Shneiderman & Plaisant (2004)

Confrontada pela Universidad del País Vasco, apontando que não é mais lenta e tende a incitar maior concentração

Propriedades• Folheável

Modelo conceitual baseado em objeto

• Obra fechadaComparativo a hipermídia em CD-Rom

• Distribruição pela internet Website, e-mail ou software

• Menor custo ao leitorSegundo o IVC, no mínimo50% do preço da versão impressa

Caracterização• Imitação

Reprodução exata

Caracterização• Metáfora

Graphic User Interface

Caracterização• Imitação

Reprodução exata

Caracterização• Metáfora

Graphic User Interface

Caracterização• Emulação

Reprodução de outro sistema

Caracterização• Simulacro

Grau profundo de imersão

Caracterização• Emulação

Reprodução de outro sistema

Caracterização• Simulacro

Grau profundo de imersão

Caracterização• Simulação

Comportamento análogo

humano-computador

A interatividade é o potencial de opções que ainterface oferece e a interação é o que se realiza.

Interatividadee interação

Interface• Domínio do design segundo Bonsiepe (1997)

Interface FerramentaAção

Usuário

“Uma edição digital pode ser caracterizada como uma simulação, pois imita o

funcionamento análogo de um objeto real, a revista impressa.”

(GOLFETTO & GONÇALVES, 2009).

Caracterização• Simulação

Comportamento análogo

humano-computador

A interatividade é o potencial de opções que ainterface oferece e a interação é o que se realiza.

Interatividadee interação

Interface• Domínio do design segundo Bonsiepe (1997)

Interface FerramentaAção

Usuário

“Uma edição digital pode ser caracterizada como uma simulação, pois imita o

funcionamento análogo de um objeto real, a revista impressa.”

(GOLFETTO & GONÇALVES, 2009).

Conceituação• Interatividade

Qualidade daquilo que é interativo

Relação homem-maq́ uina, mediada por computador

Com caráter qualitativamente maior do que a reatividade.

• Interação Representa uma ação significativa entre o usuário e a interface digital

É representativa de mudança de estado dainformação presente na tela.

hiperlinks

O movimento cognitivo através de espaços formados por informação e conhecimento.

Definição• Definição com ênfases informacional e espacial

Navegação

sistemade escrita

metáforaespacial

delocamento oumovimentação

localizaçãoe orientação

encontrarcaminhos

metamorfose da leitura

ênfase informacional

ênfase espacial

busca deinformação

conhecimentoemergente

Conceituação• Interatividade

Qualidade daquilo que é interativo

Relação homem-maq́ uina, mediada por computador

Com caráter qualitativamente maior do que a reatividade.

• Interação Representa uma ação significativa entre o usuário e a interface digital

É representativa de mudança de estado dainformação presente na tela.

hiperlinks

O movimento cognitivo através de espaços formados por informação e conhecimento.

Definição• Definição com ênfases informacional e espacial

Navegação

sistemade escrita

metáforaespacial

delocamento oumovimentação

localizaçãoe orientação

encontrarcaminhos

metamorfose da leitura

ênfase informacional

ênfase espacial

busca deinformação

conhecimentoemergente

Sistema de navegação• Áreas clicáveis; • Mecanismos de identificação; • Indicadores de localização;• Ferramentas de navegação;• Ferramentas de retronavegação; • Feedback.

Problemas de navegação• Desorientação espacial

É o primeiro problema e o mais comum

• Fatores para melhoriaPrincípios ergornômicos para Interfaces Humano-Computador (IHC)

• Sinalização digital

Sinalização tradicional

Design daInformação

Design deUsabilidade

SinalizaçãoDigital

Áreas clicáveis Mecanismos de auxílio à identificação de áreas clicáveis

Indicadores de localizaçãoFerramentas de auxílio à navegaçãoFerramentas de retronavegação

“Consiste em um processo de movimentação entre os nós de um espaco̧

informacional utilizando links ou ferramentas de auxílio à navegação.”

(PADOVANI & MOURA, 2008).

Sistema de navegação• Áreas clicáveis; • Mecanismos de identificação; • Indicadores de localização;• Ferramentas de navegação;• Ferramentas de retronavegação; • Feedback.

Problemas de navegação• Desorientação espacial

É o primeiro problema e o mais comum

• Fatores para melhoriaPrincípios ergornômicos para Interfaces Humano-Computador (IHC)

• Sinalização digital

Sinalização tradicional

Design daInformação

Design deUsabilidade

SinalizaçãoDigital

Áreas clicáveis Mecanismos de auxílio à identificação de áreas clicáveis

Indicadores de localizaçãoFerramentas de auxílio à navegaçãoFerramentas de retronavegação

“Consiste em um processo de movimentação entre os nós de um espaco̧

informacional utilizando links ou ferramentas de auxílio à navegação.”

(PADOVANI & MOURA, 2008).

experimento

Aplicada, com ênfase qualitativa, indutiva e exploratória

Metodologia da pesquisa

Técnicas de coleta de dados• Grupos focais (+ laddering)

• Questionários

“Os insights que emergem das provocações e estímulos de um

Focus Group podem ajudar o pesquisador a refinar seus

conceitos e entendimentos sobre o assunto/tema pesquisado”

.(MARTINS E THEÓPHILO, 2007)

Objetos de interação• Revistas Veja e Poder

Ambas são brasileiras e com interface em Português

A primeira pela popularidade

A segunda pela diferença de plataforma

• Breve históricoVeja lançada em 2004 na plataforma Zínio, e atualmente na plataforma Digital Pages.

Poder publicada em 2008 já em formato digital, na plataforma Virtual Paper

experimento

Aplicada, com ênfase qualitativa, indutiva e exploratória

Metodologia da pesquisa

Técnicas de coleta de dados• Grupos focais (+ laddering)

• Questionários

“Os insights que emergem das provocações e estímulos de um

Focus Group podem ajudar o pesquisador a refinar seus

conceitos e entendimentos sobre o assunto/tema pesquisado”

.(MARTINS E THEÓPHILO, 2007)

Objetos de interação• Revistas Veja e Poder

Ambas são brasileiras e com interface em Português

A primeira pela popularidade

A segunda pela diferença de plataforma

• Breve históricoVeja lançada em 2004 na plataforma Zínio, e atualmente na plataforma Digital Pages.

Poder publicada em 2008 já em formato digital, na plataforma Virtual Paper

Análise das interfaces• Quanto aos recursos oferecidos

Analisada a presença ou não

• Digital Pages (Veja)Positivos: ajuda, busca, notas, favoritos e compartilhamento

Negativos: áreas ativas, miniaturas, impressão e tela cheia

• Virtual Paper (Poder)Positivos: botões, ampliações, tela cheia, impressão, miniaturas, sessões e compartilhamento

Negativos: ferramenta de leitura, hiperlinks, carregamento, contraste texto fundo

Análise das interfaces• Quanto aos recursos oferecidos

Analisada a presença ou não

• Digital Pages (Veja)Positivos: ajuda, busca, notas, favoritos e compartilhamento

Negativos: áreas ativas, miniaturas, impressão e tela cheia

• Virtual Paper (Poder)Positivos: botões, ampliações, tela cheia, impressão, miniaturas, sessões e compartilhamento

Negativos: ferramenta de leitura, hiperlinks, carregamento, contraste texto fundo

Grupos focais• Pré-teste

Ajustes no questionário e no roteiro

• Contexto dos grupos focaisLocais e organização dos espaços

• Sujeitos da pesquisaModerador

Equipe de apoio

Participantes selecionados a partir da pesquisa Tic Domicílios 2009 realizada pelo Cetic.com

Proporcionalidade para um grupo de 12 participantesatravés das seguintes categorias:

- Sexo- Nível de instrução- Faixa etária

Grupos focais• Pré-teste

Ajustes no questionário e no roteiro

• Contexto dos grupos focaisLocais e organização dos espaços

• Sujeitos da pesquisaModerador

Equipe de apoio

Participantes selecionados a partir da pesquisa Tic Domicílios 2009 realizada pelo Cetic.com

Proporcionalidade para um grupo de 12 participantesatravés das seguintes categorias:

- Sexo- Nível de instrução- Faixa etária

Grupo focal 1• Data de realização

28 de setembro de 2010

• Número de participantes12 pessoas

• Considerações Mais heteregêneo

Menor entrosamento e envolvimento que o segundo grupo

Necessidade maior de intervenções do moderador

Discussão de cerca de 35 minutos

5 de outubro de 2010

• Número de participantes9 pessoas (3 faltantes)

• Considerações Número maior de graduados

Maior entrosamento e envolvimento que o primeiro grupo

Dinamismo e trocade idéias mais intensa

Discussão de cerca de uma hora

28 de setembro de 2010

• Número de participantes12 pessoas

• Considerações Mais heteregêneo

Menor entrosamento e envolvimento que o segundo grupo

Necessidade maior de intervenções do moderador

Discussão de cerca de 35 minutos

5 de outubro de 2010

• Número de participantes9 pessoas (3 faltantes)

• Considerações Número maior de graduados

Maior entrosamento e envolvimento que o primeiro grupo

Dinamismo e trocade idéias mais intensa

Discussão de cerca de uma hora

Dinâmica dos grupos• 1º momento: até 10 min

Apresentação

Preenchimento de ficha de ciência e aceite e questionário

• 2º momento: 30 minExecução da tarefa em laboratório de informática

Instruções solicitavam ao participante:- Buscar a matéria da manchete de capa nas duas

revistas;- Ler até determinado ponto da matéria;- Explorar a revista no tempo restante ou ir adiante;- Dispensar 15 min. para cada revista

Os intervalos de tempo foram avisados pelo moderador, ao faltarem 5 min e ou término de cada 15 min.

Uso primeiro da Veja e depois da Poder no Grupo Focal 1

Inversão da ordem de uso das revistas no Grupo Focal 2

• 3º momento: até 1h30minCoffee break

Grupo focal orientado por roteiro do moderador com 12 questões otimizadas para durar 1h30min

Dinâmica dos grupos• 1º momento: até 10 min

Apresentação

Preenchimento de ficha de ciência e aceite e questionário

• 2º momento: 30 minExecução da tarefa em laboratório de informática

Instruções solicitavam ao participante:- Buscar a matéria da manchete de capa nas duas

revistas;- Ler até determinado ponto da matéria;- Explorar a revista no tempo restante ou ir adiante;- Dispensar 15 min. para cada revista

Os intervalos de tempo foram avisados pelo moderador, ao faltarem 5 min e ou término de cada 15 min.

Uso primeiro da Veja e depois da Poder no Grupo Focal 1

Inversão da ordem de uso das revistas no Grupo Focal 2

• 3º momento: até 1h30minCoffee break

Grupo focal orientado por roteiro do moderador com 12 questões otimizadas para durar 1h30min

Aspectos recorrentes• Dificuldade de navegação devido profusão de

anúncios publicitários;

• Dificuldade na identificação das ferramentas de ampliação das páginas das revistas;

• Interrupção da leitura devido às colunas de texto e às imagens;

• Melhor processo de leitura com letras escuras em fundo claro, evidenciando o desconforto da leitura em fundo escuro com letras claras;

• Cansaço na leitura por se tratar de textos longos e a falta de continuidade causada pela diagramaçãoem múltipla colunas e interrupção do texto por causa das imagens;

• Maior atenção na leitura em tela;

Resultados obtidos• Uso de ferramentas

Folheamento e ampliação mais utilizados e também miniaturas de página e busca por palavra-chave

• OrientaçãoAo se sentir perdido recorre-se ao folheamento eavanço e retrocesso ajudaram na orientação

• NavegaçãoAnúncios publicitários, ausência de rolagem, hiperlinks,não funcionamento de recursos, tempo de espera, etc.

• Processo de leituraMaior atenção e concentração, contraste texto-fundo efalta de continuidade da leitura.

• Outras consideraçõesSolicitação de mais recursos interativos para essas edições,gratuidade e acessibilidade, revistas para “ver” outras para“ler”, possibilidade de acessar números anteriores, etc.

Aspectos recorrentes• Dificuldade de navegação devido profusão de

anúncios publicitários;

• Dificuldade na identificação das ferramentas de ampliação das páginas das revistas;

• Interrupção da leitura devido às colunas de texto e às imagens;

• Melhor processo de leitura com letras escuras em fundo claro, evidenciando o desconforto da leitura em fundo escuro com letras claras;

• Cansaço na leitura por se tratar de textos longos e a falta de continuidade causada pela diagramaçãoem múltipla colunas e interrupção do texto por causa das imagens;

• Maior atenção na leitura em tela;

Resultados obtidos• Uso de ferramentas

Folheamento e ampliação mais utilizados e também miniaturas de página e busca por palavra-chave

• OrientaçãoAo se sentir perdido recorre-se ao folheamento eavanço e retrocesso ajudaram na orientação

• NavegaçãoAnúncios publicitários, ausência de rolagem, hiperlinks,não funcionamento de recursos, tempo de espera, etc.

• Processo de leituraMaior atenção e concentração, contraste texto-fundo efalta de continuidade da leitura.

• Outras consideraçõesSolicitação de mais recursos interativos para essas edições,gratuidade e acessibilidade, revistas para “ver” outras para“ler”, possibilidade de acessar números anteriores, etc.

conclusão

A partir da pesquisa pode-se fazer algumasconsiderações e também algumas recomendações

Considerações e recomendações

Considerações finais• Orientação e navegação

Facilitadas pela simulação e pelo botões de avanço e retrocesso

• Interação e imersãoEm níveis menos profundos

• Processo de leituraMais atenção e concentração, apesar de clicar e arrastar

Imagens funcionam como ruído quando ampliadas

• Metodologia Essencial para considerar a visão do leitor

A• Facilidade de navegação gerada pelas miniaturas

de páginas na Poder;

• Navegação considerada mais fácil na plataformaDigital Pages (Veja);

• Melhor navegação devidos aos hiperlinkspresentes no índice da Veja;

• Orientação e navegação facilitadas pelos botões de avanço e retrocesso de páginas;

• Confusão causada pela ambiguidade da forma do botão de paginação automática (autoplay);

• Expectativa por recursos interativos característicos de interfaces gráficas digitais.

conclusão

A partir da pesquisa pode-se fazer algumasconsiderações e também algumas recomendações

Considerações e recomendações

Considerações finais• Orientação e navegação

Facilitadas pela simulação e pelo botões de avanço e retrocesso

• Interação e imersãoEm níveis menos profundos

• Processo de leituraMais atenção e concentração, apesar de clicar e arrastar

Imagens funcionam como ruído quando ampliadas

• Metodologia Essencial para considerar a visão do leitor

A• Facilidade de navegação gerada pelas miniaturas

de páginas na Poder;

• Navegação considerada mais fácil na plataformaDigital Pages (Veja);

• Melhor navegação devidos aos hiperlinkspresentes no índice da Veja;

• Orientação e navegação facilitadas pelos botões de avanço e retrocesso de páginas;

• Confusão causada pela ambiguidade da forma do botão de paginação automática (autoplay);

• Expectativa por recursos interativos característicos de interfaces gráficas digitais.

Recomendações futuras• Acompanhamento

Projetos gráficos de revistas digitais para tablet’s

Revistas digitais de conteúdo “customizável”

• Usos diversosEm dispositivos sensíveis ao toque em locais públicos

Exibição de documentos, livros, revistas e catálogos

Democratização da informação, sem prejuízos ao original

• EaD e materiais didáticosGeram mais concentração

Incorporação de recursos interativos para enriquecer e contextualizar o aprendizado

Facilidade de atualização

Considerações finais• Potencial hipermidiático

Subutilizado

• Projeto gráfico-editorialCarece de um que contemple melhor a linguagem de internet usando a sinalização digital

• Fatores que contribuem para o usoGratuidade e acessibilidade

• Uso potencialDocumentos antigos

• Tablet’sNovidades alardeadas não são novas

• Edições digitais segundo o IVCConceito deve ser ampliado ou divisão em categorias/tipos