Edição Digital de Revistas
-
Upload
ildo-francisco-golfetto -
Category
Documents
-
view
219 -
download
1
description
Transcript of Edição Digital de Revistas
ED
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
03
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
4 89
17 193522
Programa de Pós-Graduaçãoem Design e Expressão Gráfica
sumário
03
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
4 89
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
Considerações iniciais
04
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.
05
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
Considerações iniciais
04
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.
05
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)
06 07
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)
06 07
mídia impressa
Um produto que resulta das relações entre aspectos conceituais, comerciais, jornalísticos e de design.
A revistacomo mídia
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.
08 09
mídia impressa
Um produto que resulta das relações entre aspectos conceituais, comerciais, jornalísticos e de design.
A revistacomo mídia
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.
08 09
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
10 11
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
10 11
Caracterização• Imitação
Reprodução exata
Caracterização• Metáfora
Graphic User Interface
12 13
Caracterização• Imitação
Reprodução exata
Caracterização• Metáfora
Graphic User Interface
12 13
Caracterização• Emulação
Reprodução de outro sistema
Caracterização• Simulacro
Grau profundo de imersão
14 15
Caracterização• Emulação
Reprodução de outro sistema
Caracterização• Simulacro
Grau profundo de imersão
14 15
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
16 17
“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
16 17
“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.
18
hiperlinks
O movimento cognitivo através de espaços formados por informação e conhecimento.
Navegaçãoem hipermídia
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
19
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.
18
hiperlinks
O movimento cognitivo através de espaços formados por informação e conhecimento.
Navegaçãoem hipermídia
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
19
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
20 21
Á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
20 21
Á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
22 23
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
22 23
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
24 25
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
24 25
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
26 27
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
26 27
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
Grupo focal 2• Data de realização
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 29
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
Grupo focal 2• Data de realização
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 29
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
30 31
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
30 31
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.
32 33
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.
32 33
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.
34 35
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.
34 35
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
36 37
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
36 37