EyetrackComo atrair a atenção   do leitor online
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III
Ponto 1• esmagadora maioria vai primeiro para o  canto esquerdo no alto da página• depois ziguezaguea pelo texto até a par...
Ponto 2• constatação contraria as afirmações de  muitos designers de que a maioria dos  leitores usa na leitura online a m...
Ponto 3• as manchetes do lado esquerdo no alto  da página são mais lidas que as demais.• dentro de cada manchete, as três ...
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III                                  Quando a                                  manchete princi...
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III                                  As primeiras palavras                                  de...
Ponto 4• os leitores prestam mais atenção no texto  do que nas imagens num site de  jornalismo online
Ponto 5• usuários mergulharam mais no texto  quando a fonte é menor (por exemplo  Verdana 2, no editor de HTML) do que  qu...
Ponto 6• a zona vermelha é a que atraiu mais a  atenção enquanto a verde, menos
800 x 600
1024 x 768
1280 x 720
Ponto 7• os maiores índices de leitura ocorrem  quando o titulo é grafado em negrito  (bold) e é seguido, sem separações, ...
Ponto 8• chamadas ou leads, as pessoas tendem a ler  apenas a primeira terça parte do texto.
Ponto 9• Os leitores rolam as páginas muito  longas.• O problema é que na parte baixa, ele  prefere fazer leitura dinâmica...
Ponto 10• Ferramentas de navegação funcionaram melhor  quando colocadas na parte superior da  página.• Surpreendentemente,...
Ponto 11• Os parágrafos curtos (menos de 50  palavras) e de no máximo duas frases  atraíram o dobro da atenção dos mais  l...
Ponto 12• notícias produzidas no sistema multimídia  (integrando texto, áudio, vídeo e  interatividade) apresentaram um gr...
Ponto 13• usuário não é leitor tão superficial  como se pensava;• escolhem as notícias que mais agradam  seus interesses e...
Ponto 14• Maior atenção a formatos não  convencionais de escrita:  – Perguntas e respostas  – Linha do tempo  – Barras de ...
Dicas para redaçao na web
Estratificação da informação
Titulação e chamada
CMS – Sistema deGerenciamento de conteúdo
TEXTO•   Seja conciso, não ultrapasse 50% do tamanho    de uma notícia de jornal impresso•   Uso de Subtítulos•   Uso de h...
• Não existe periodicidade de publicação  das notícias da Internet, mas o importante  é dar a notícia o quanto antes, isto...
• Faça a edição levando em conta o tempo  gasto pelo usuário com a leitura de  notícias, o horário de maior visita ao site...
• Os recursos multimídia disponíveis  conduzem a um novo planejamento da  redação jornalística, exigindo que o  jornalista...
• Elabore as pesquisas de opinião com  antecedência, a menos que sejam  provocadas por fatos jornalísticos que  exijam rep...
NOSSO MODELO•   Fonte sem serifa (verdana ou arial)•   Manchete em negrito, corpo 12•   Chamada curta, em itálico, corpo 1...
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Pesquisa de Eyetrack e redação web
Próximos SlideShares
Carregando em…5
×

Pesquisa de Eyetrack e redação web

1.831 visualizações

Publicada em

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.831
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1.405
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Pesquisa de Eyetrack e redação web

  1. 1. EyetrackComo atrair a atenção do leitor online
  2. 2. Poynter Institute, Eyetrack III
  3. 3. Poynter Institute, Eyetrack III
  4. 4. Poynter Institute, Eyetrack III
  5. 5. Poynter Institute, Eyetrack III
  6. 6. Poynter Institute, Eyetrack III
  7. 7. Poynter Institute, Eyetrack III
  8. 8. Poynter Institute, Eyetrack III
  9. 9. Poynter Institute, Eyetrack III
  10. 10. Poynter Institute, Eyetrack III
  11. 11. Ponto 1• esmagadora maioria vai primeiro para o canto esquerdo no alto da página• depois ziguezaguea pelo texto até a parte inferior direita
  12. 12. Ponto 2• constatação contraria as afirmações de muitos designers de que a maioria dos leitores usa na leitura online a mesma atitude adotada na televisão, ou seja, sua atenção era dirigida para o centro da tela.
  13. 13. Ponto 3• as manchetes do lado esquerdo no alto da página são mais lidas que as demais.• dentro de cada manchete, as três primeiras palavras são as mais importantes para atrair a atenção dos leitores.
  14. 14. Poynter Institute, Eyetrack III
  15. 15. Poynter Institute, Eyetrack III Quando a manchete principal são posicionada mais próximas do centro da página, usuários tendem a começar a leitura por aí.
  16. 16. Poynter Institute, Eyetrack III
  17. 17. Poynter Institute, Eyetrack III As primeiras palavras de uma manchete são cruciais para capturar a atenção
  18. 18. Ponto 4• os leitores prestam mais atenção no texto do que nas imagens num site de jornalismo online
  19. 19. Ponto 5• usuários mergulharam mais no texto quando a fonte é menor (por exemplo Verdana 2, no editor de HTML) do que quando os editores usam uma tipologia maior.
  20. 20. Ponto 6• a zona vermelha é a que atraiu mais a atenção enquanto a verde, menos
  21. 21. 800 x 600
  22. 22. 1024 x 768
  23. 23. 1280 x 720
  24. 24. Ponto 7• os maiores índices de leitura ocorrem quando o titulo é grafado em negrito (bold) e é seguido, sem separações, pela chamada com o mesmo tipo de fonte.• Títulos separados por linhas ou espaços, induziram os leitores a ignorar a chamada.
  25. 25. Ponto 8• chamadas ou leads, as pessoas tendem a ler apenas a primeira terça parte do texto.
  26. 26. Ponto 9• Os leitores rolam as páginas muito longas.• O problema é que na parte baixa, ele prefere fazer leitura dinâmica (scanning) detendo-se apenas naquilo que lhe chamar a atenção ou se destacar do resto da página.
  27. 27. Ponto 10• Ferramentas de navegação funcionaram melhor quando colocadas na parte superior da página.• Surpreendentemente, a segunda opção ficou para o lado direito da página, contrariando a tendência de um grande número de designers virtuais que colocam os botões utilitários na coluna da esquerda.
  28. 28. Ponto 11• Os parágrafos curtos (menos de 50 palavras) e de no máximo duas frases atraíram o dobro da atenção dos mais longos.
  29. 29. Ponto 12• notícias produzidas no sistema multimídia (integrando texto, áudio, vídeo e interatividade) apresentaram um grau de retenção na memória do usuário três vezes maior do que quando apresentadas numa única mídia.
  30. 30. Ponto 13• usuário não é leitor tão superficial como se pensava;• escolhem as notícias que mais agradam seus interesses e depois mergulham nelas com profundidade.
  31. 31. Ponto 14• Maior atenção a formatos não convencionais de escrita: – Perguntas e respostas – Linha do tempo – Barras de texto na lateral – Listas
  32. 32. Dicas para redaçao na web
  33. 33. Estratificação da informação
  34. 34. Titulação e chamada
  35. 35. CMS – Sistema deGerenciamento de conteúdo
  36. 36. TEXTO• Seja conciso, não ultrapasse 50% do tamanho de uma notícia de jornal impresso• Uso de Subtítulos• Uso de hipertextos• Uso de tópicos (marcadores)• Uso de negrito em palavras-chave ou frases• Bigode em itálico• Correção ortográfica
  37. 37. • Não existe periodicidade de publicação das notícias da Internet, mas o importante é dar a notícia o quanto antes, isto é, ser factual
  38. 38. • Faça a edição levando em conta o tempo gasto pelo usuário com a leitura de notícias, o horário de maior visita ao site e a audiência que se pretende atingir
  39. 39. • Os recursos multimídia disponíveis conduzem a um novo planejamento da redação jornalística, exigindo que o jornalista se prepare para saber como organizar e apresentar aquilo que escreve.
  40. 40. • Elabore as pesquisas de opinião com antecedência, a menos que sejam provocadas por fatos jornalísticos que exijam repercussão imediata.
  41. 41. NOSSO MODELO• Fonte sem serifa (verdana ou arial)• Manchete em negrito, corpo 12• Chamada curta, em itálico, corpo 10• Link na manchete• Espaço entre os parágrafos, sem recuo• Textos complementares em “Leia também”• Indicações de sites em “Saiba mais”• Intertítulos• Negrito em palavras/frases principais de cada parágrafo

×