Eyetrack Como atrair a atenção  do leitor online
 
 
Ponto 1 esmagadora maioria vai primeiro para o canto esquerdo no alto da página depois ziguezaguea pelo texto até a parte inferior direita
 
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.
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.
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 quando os editores usam uma tipologia maior.
Ponto 6 a zona vermelha é a que atraiu mais a atenção enquanto a verde, menos
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.
 
 
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 ( scanning ) detendo-se apenas naquilo que lhe chamar a atenção ou se destacar do resto da página.
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.
 
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.
 
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.
Eyetrack 2007
Ponto 1 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.
77% 62% 57%
Ponto 2 Dois tipos de leitores: Metódicos Scanning
Metódicos Lêem do alto para baixo, sem escanear; Lê em página inteira; Relê algumas passagens; Quando online, utilizam os menus e barra de navegação para localizar as notícias
Scanning Escaneam textos, imagens e outros elementos; Lêem parte da notícia e depois focalizam outros elementos na página sem retornar ao texto; Quando online, pulam de um elemento a outro e, algumas vezes, clicam em um link para ler a notícia
75% metodicos 50% scanners
Ponto 3 Maior atenção a formatos não convencionais de escrita: Perguntas e respostas Linha do tempo Barras de texto na lateral Listas
30%  retenção 15% retenção
Ponto 4 Tamanho das fotos e manchetes
Grandes manchetes Grandes imagens Barra de navegação Chamadas Listas de notícias
Ponto 5 Fotografias Coloridas X P&B Instantâneos X estúdio Qualidade
Dicas para redaçao na web
TEXTO Seja conciso, não ultrapasse 50% do tamanho de uma notícia de jornal impresso  O texto deve ser de fácil leitura, com subtítulos e parágrafos curtos As informações longas devem ser segmentadas através de hipertextos  Use verbos fortes, que tornam texto mais atraente Evite períodos longos e frases na voz passiva. Dê prioridade à ordem direta
TEXTO Revise o seu texto para evitar erros. Não confie na correção gramatical de seu computador.  Apresente os textos na ordem lógica, partindo de uma afirmação para uma conclusão Evite o uso de adjetivos nos textos. Leia o texto em voz alta antes da publicação. Se o ar faltar, o texto não está claro para o internauta. Escrever por extenso os números de zero a dez.
DESIGN Use título em negrito ou colorido e o bigode em itálico, sem espaço entre os dois Sempre dê espaço entre os parágrafos Utilize termos simples e parágrafos curtos, para facilitar a leitura e entendimento do leitor digital
DESIGN Evite mensagens dispensáveis, do tipo “boas-vindas” Estruture artigos com dois ou três níveis de títulos (título geral e subtítulos) Use fontes azuis ou sublinhadas nos  links  de  hipertexto Escreva textos em tópicos, usando marcadores (bullets)
DESIGN Destaque  as palavras importantes, para chamar a atenção do usuário  Utilize recursos multimídia para enriquecer as resenhas, aproximando o leitor do assunto em questão.
LINGUAGEM Limite o uso de metáforas, principalmente nos títulos. Os usuários podem interpretá-los ao pé da letra. Também evite clichês Use o humor com muito cuidado. Os usuários podem não perceber quando você está sendo engraçado ou sarcástico .
LINGUAGEM Evite trocadilhos, pois não funcionam para usuários internacionais que podem não estar muito familiarizados com seu idioma O uso de palavras estrangeiras deve ser evitado na Internet, a não ser que seja essencial para a contextualização de certo tipo de informação e que a tradução venha em seguida, grifada em parênteses
OUTRAS DICAS
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
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
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.
O título é o que mais chama a atenção dos leitores de notícias na Web. Logo em seguida vêm as fotos, chamadas, conteúdo e lead.
A leitura de uma notícia na rede tem duração média de 15 a 30 minutos. Os usuários preferem matérias que contenham hipertextos e sejam estruturadas em forma de pirâmide invertida.
Elabore as pesquisas de opinião com antecedência, a menos que sejam provocadas por fatos jornalísticos que exijam repercussão imediata.
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”
 
 
 
 
 
 

Pesquisa Eyetrack 2007

  • 1.
    Eyetrack Como atraira atenção do leitor online
  • 2.
  • 3.
  • 4.
    Ponto 1 esmagadoramaioria vai primeiro para o canto esquerdo no alto da página depois ziguezaguea pelo texto até a parte inferior direita
  • 5.
  • 6.
    Ponto 2 constataçãocontraria 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.
  • 7.
    Ponto 3 asmanchetes 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.
  • 8.
    Ponto 4 osleitores prestam mais atenção no texto do que nas imagens num site de jornalismo online
  • 9.
    Ponto 5 usuáriosmergulharam mais no texto quando a fonte é menor (por exemplo Verdana 2, no editor de HTML) do que quando os editores usam uma tipologia maior.
  • 10.
    Ponto 6 azona vermelha é a que atraiu mais a atenção enquanto a verde, menos
  • 11.
    Ponto 7 osmaiores í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.
  • 12.
  • 13.
  • 14.
    Ponto 8 chamadasou leads, as pessoas tendem a ler apenas a primeira terça parte do texto.
  • 15.
    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.
  • 16.
    Ponto 10 Ferramentasde 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.
  • 17.
  • 18.
    Ponto 11 Osparágrafos curtos (menos de 50 palavras) e de no máximo duas frases atraíram o dobro da atenção dos mais longos.
  • 19.
  • 20.
    Ponto 12 notíciasproduzidas 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.
  • 21.
  • 22.
    Ponto 1 usuárionão é leitor tão superficial como se pensava ; escolhem as notícias que mais agradam seus interesses e depois mergulham nelas com profundidade.
  • 23.
  • 24.
    Ponto 2 Doistipos de leitores: Metódicos Scanning
  • 25.
    Metódicos Lêem doalto para baixo, sem escanear; Lê em página inteira; Relê algumas passagens; Quando online, utilizam os menus e barra de navegação para localizar as notícias
  • 26.
    Scanning Escaneam textos,imagens e outros elementos; Lêem parte da notícia e depois focalizam outros elementos na página sem retornar ao texto; Quando online, pulam de um elemento a outro e, algumas vezes, clicam em um link para ler a notícia
  • 27.
  • 28.
    Ponto 3 Maioratenção a formatos não convencionais de escrita: Perguntas e respostas Linha do tempo Barras de texto na lateral Listas
  • 29.
    30% retenção15% retenção
  • 30.
    Ponto 4 Tamanhodas fotos e manchetes
  • 31.
    Grandes manchetes Grandesimagens Barra de navegação Chamadas Listas de notícias
  • 32.
    Ponto 5 FotografiasColoridas X P&B Instantâneos X estúdio Qualidade
  • 33.
  • 34.
    TEXTO Seja conciso,não ultrapasse 50% do tamanho de uma notícia de jornal impresso O texto deve ser de fácil leitura, com subtítulos e parágrafos curtos As informações longas devem ser segmentadas através de hipertextos Use verbos fortes, que tornam texto mais atraente Evite períodos longos e frases na voz passiva. Dê prioridade à ordem direta
  • 35.
    TEXTO Revise oseu texto para evitar erros. Não confie na correção gramatical de seu computador. Apresente os textos na ordem lógica, partindo de uma afirmação para uma conclusão Evite o uso de adjetivos nos textos. Leia o texto em voz alta antes da publicação. Se o ar faltar, o texto não está claro para o internauta. Escrever por extenso os números de zero a dez.
  • 36.
    DESIGN Use títuloem negrito ou colorido e o bigode em itálico, sem espaço entre os dois Sempre dê espaço entre os parágrafos Utilize termos simples e parágrafos curtos, para facilitar a leitura e entendimento do leitor digital
  • 37.
    DESIGN Evite mensagensdispensáveis, do tipo “boas-vindas” Estruture artigos com dois ou três níveis de títulos (título geral e subtítulos) Use fontes azuis ou sublinhadas nos links de hipertexto Escreva textos em tópicos, usando marcadores (bullets)
  • 38.
    DESIGN Destaque as palavras importantes, para chamar a atenção do usuário Utilize recursos multimídia para enriquecer as resenhas, aproximando o leitor do assunto em questão.
  • 39.
    LINGUAGEM Limite ouso de metáforas, principalmente nos títulos. Os usuários podem interpretá-los ao pé da letra. Também evite clichês Use o humor com muito cuidado. Os usuários podem não perceber quando você está sendo engraçado ou sarcástico .
  • 40.
    LINGUAGEM Evite trocadilhos,pois não funcionam para usuários internacionais que podem não estar muito familiarizados com seu idioma O uso de palavras estrangeiras deve ser evitado na Internet, a não ser que seja essencial para a contextualização de certo tipo de informação e que a tradução venha em seguida, grifada em parênteses
  • 41.
  • 42.
    Não existe periodicidadede publicação das notícias da Internet, mas o importante é dar a notícia o quanto antes, isto é, ser factual
  • 43.
    Faça a ediçãolevando 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
  • 44.
    Os recursos multimídiadisponí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.
  • 45.
    O título éo que mais chama a atenção dos leitores de notícias na Web. Logo em seguida vêm as fotos, chamadas, conteúdo e lead.
  • 46.
    A leitura deuma notícia na rede tem duração média de 15 a 30 minutos. Os usuários preferem matérias que contenham hipertextos e sejam estruturadas em forma de pirâmide invertida.
  • 47.
    Elabore as pesquisasde opinião com antecedência, a menos que sejam provocadas por fatos jornalísticos que exijam repercussão imediata.
  • 48.
    NOSSO MODELO Fontesem 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”
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.