Eyetrack Como 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 <ul><li>esmagadora maioria vai primeiro para o canto esquerdo no alto da página </li></ul><ul><li>depois ziguezagu...
 
Ponto 2 <ul><li>constatação contraria as afirmações de muitos designers de que a maioria dos leitores usa na leitura onlin...
Ponto 3 <ul><li>as manchetes do lado esquerdo no alto da página são mais lidas que as demais.  </li></ul><ul><li>dentro de...
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III Quando a manchete principal são posicionada mais próximas do centro da página, usuários te...
Poynter Institute, Eyetrack III
Poynter Institute, Eyetrack III As primeiras palavras de  uma manchete são  cruciais para capturar a atenção
 
 
 
Ponto 4 <ul><li>os leitores prestam mais atenção no texto do que nas imagens num site de jornalismo online  </li></ul>
 
 
Ponto 5 <ul><li>usuários mergulharam mais no texto quando a fonte é menor (por exemplo Verdana 2, no editor de HTML) do qu...
Ponto 6 <ul><li>a zona vermelha é a que atraiu mais a atenção enquanto a verde, menos </li></ul>
800 x 600
1024 x 768
1280 x 720
 
Ponto 7 <ul><li>os maiores índices de leitura ocorrem quando o titulo é grafado em negrito ( bold ) e é seguido, sem separ...
 
 
Ponto 8 <ul><li>chamadas ou leads, as pessoas tendem a ler apenas a primeira terça parte do texto.  </li></ul>
Ponto 9  <ul><li>Os leitores rolam as páginas muito longas. </li></ul><ul><li>O problema é que na parte baixa, ele prefere...
Ponto 10 <ul><li>Ferramentas de navegação funcionaram melhor quando colocadas na  parte superior da página .  </li></ul><u...
 
 
 
 
Ponto 11 <ul><li>Os parágrafos curtos (menos de 50 palavras) e de no máximo duas frases atraíram o dobro da atenção dos ma...
 
Ponto 12 <ul><li>notícias produzidas no sistema  multimídia  (integrando texto, áudio, vídeo e interatividade) apresentara...
Ponto 13 <ul><li>usuário não é leitor tão superficial como se pensava ; </li></ul><ul><li>escolhem as notícias que mais ag...
Ponto 14 <ul><li>Maior atenção a formatos não convencionais de escrita: </li></ul><ul><ul><li>Perguntas e respostas </li><...
 
 
 
Dicas para redaçao na web
 
 
 
 
 
Estratificação  da informação
Titulação e chamada
 
CMS – Sistema de Gerenciamento de conteúdo
 
 
 
 
 
 
 
TEXTO <ul><li>Seja conciso, não ultrapasse 50% do tamanho de uma notícia de jornal impresso  </li></ul><ul><li>Uso de Subt...
<ul><li>Não existe periodicidade de publicação das notícias da Internet, mas o importante é dar a notícia o quanto antes, ...
<ul><li>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 ...
<ul><li>Os recursos multimídia disponíveis conduzem a um novo planejamento da redação jornalística, exigindo que o jornali...
<ul><li>Elabore as pesquisas de opinião com antecedência, a menos que sejam provocadas por fatos jornalísticos que exijam ...
NOSSO MODELO <ul><li>Fonte sem serifa (verdana ou arial) </li></ul><ul><li>Manchete em negrito, corpo 12  </li></ul><ul><l...
 
 
 
 
Upcoming SlideShare
Loading in …5
×

Eyetrackpol e redação para web

3,846 views
3,786 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,846
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Eyetrackpol e redação para web

  1. 1. Eyetrack Como atrair a atenção do leitor online
  2. 4. Poynter Institute, Eyetrack III
  3. 5. Poynter Institute, Eyetrack III
  4. 6. Poynter Institute, Eyetrack III
  5. 7. Poynter Institute, Eyetrack III
  6. 8. Poynter Institute, Eyetrack III
  7. 9. Poynter Institute, Eyetrack III
  8. 10. Poynter Institute, Eyetrack III
  9. 11. Poynter Institute, Eyetrack III
  10. 14. Poynter Institute, Eyetrack III
  11. 15. Ponto 1 <ul><li>esmagadora maioria vai primeiro para o canto esquerdo no alto da página </li></ul><ul><li>depois ziguezaguea pelo texto até a parte inferior direita </li></ul>
  12. 17. Ponto 2 <ul><li>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. </li></ul>
  13. 18. Ponto 3 <ul><li>as manchetes do lado esquerdo no alto da página são mais lidas que as demais. </li></ul><ul><li>dentro de cada manchete, as três primeiras palavras são as mais importantes para atrair a atenção dos leitores. </li></ul>
  14. 19. Poynter Institute, Eyetrack III
  15. 20. 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. 21. Poynter Institute, Eyetrack III
  17. 22. Poynter Institute, Eyetrack III As primeiras palavras de uma manchete são cruciais para capturar a atenção
  18. 26. Ponto 4 <ul><li>os leitores prestam mais atenção no texto do que nas imagens num site de jornalismo online </li></ul>
  19. 29. Ponto 5 <ul><li>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. </li></ul>
  20. 30. Ponto 6 <ul><li>a zona vermelha é a que atraiu mais a atenção enquanto a verde, menos </li></ul>
  21. 31. 800 x 600
  22. 32. 1024 x 768
  23. 33. 1280 x 720
  24. 35. Ponto 7 <ul><li>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. </li></ul><ul><li>Títulos separados por linhas ou espaços, induziram os leitores a ignorar a chamada. </li></ul>
  25. 38. Ponto 8 <ul><li>chamadas ou leads, as pessoas tendem a ler apenas a primeira terça parte do texto. </li></ul>
  26. 39. Ponto 9 <ul><li>Os leitores rolam as páginas muito longas. </li></ul><ul><li>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. </li></ul>
  27. 40. Ponto 10 <ul><li>Ferramentas de navegação funcionaram melhor quando colocadas na parte superior da página . </li></ul><ul><li>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. </li></ul>
  28. 45. Ponto 11 <ul><li>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. </li></ul>
  29. 47. Ponto 12 <ul><li>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. </li></ul>
  30. 48. Ponto 13 <ul><li>usuário não é leitor tão superficial como se pensava ; </li></ul><ul><li>escolhem as notícias que mais agradam seus interesses e depois mergulham nelas com profundidade. </li></ul>
  31. 49. Ponto 14 <ul><li>Maior atenção a formatos não convencionais de escrita: </li></ul><ul><ul><li>Perguntas e respostas </li></ul></ul><ul><ul><li>Linha do tempo </li></ul></ul><ul><ul><li>Barras de texto na lateral </li></ul></ul><ul><ul><li>Listas </li></ul></ul>
  32. 53. Dicas para redaçao na web
  33. 59. Estratificação da informação
  34. 60. Titulação e chamada
  35. 62. CMS – Sistema de Gerenciamento de conteúdo
  36. 70. TEXTO <ul><li>Seja conciso, não ultrapasse 50% do tamanho de uma notícia de jornal impresso </li></ul><ul><li>Uso de Subtítulos </li></ul><ul><li>Uso de hipertextos </li></ul><ul><li>Uso de tópicos (marcadores) </li></ul><ul><li>Uso de negrito em palavras-chave ou frases </li></ul><ul><li>Bigode em itálico </li></ul><ul><li>Correção ortográfica </li></ul>
  37. 71. <ul><li>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 </li></ul>
  38. 72. <ul><li>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 </li></ul>
  39. 73. <ul><li>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. </li></ul>
  40. 74. <ul><li>Elabore as pesquisas de opinião com antecedência, a menos que sejam provocadas por fatos jornalísticos que exijam repercussão imediata. </li></ul>
  41. 75. NOSSO MODELO <ul><li>Fonte sem serifa (verdana ou arial) </li></ul><ul><li>Manchete em negrito, corpo 12 </li></ul><ul><li>Chamada curta, em itálico, corpo 10 </li></ul><ul><li>Link na manchete </li></ul><ul><li>Espaço entre os parágrafos, sem recuo </li></ul><ul><li>Textos complementares em “Leia também” </li></ul><ul><li>Indicações de sites em “Saiba mais” </li></ul><ul><li>Intertítulos </li></ul><ul><li>Negrito em palavras/frases principais de cada parágrafo </li></ul>

×