Webwriting: a Redação para Web

912 visualizações

Publicada em

Apresentação de aula. Disciplina: "Comunicação Impressa e Digital". Faculdades Helio Alonso (Facha). Contém: O papel do redator web; Distribuição da informação; Camadas de informação; Dicas: como redigir títulos, textos, links e destaques para cada camada.
Baseado na Cartilha de Redação Web do Governo Federal Brasileiro (Padrões Brasil E-Gov), de autoria de Bruno Rodrigues.

Publicada em: Design
0 comentários
6 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

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

Nenhuma nota no slide

Webwriting: a Redação para Web

  1. 1. LUIZ AGNERCOMUNICAÇÃOIMPRESSA E DIGITALRedação para a webCurso: Publicidade e PropagandaFACHA – Faculdades Hélio AlonsoMaio 2012
  2. 2. Plano de aula O papel do redator web Distribuição da informação Camadas de informação Dicas: como redigir títulos, textos, links e destaques para cada camada
  3. 3. O papel do redator web É o “guia de turismo” dos sítios. Com o arquiteto, cria rede de conexões. Convida a conhecer as informações. Apresenta as informações básicas. Sugere aspectos para a sua complementação. Aponta assuntos correlatos. Recomenda outros sítios.
  4. 4. A metáfora da cebola Comportamento da informação difere ao longo de um site. A distribuição em camadas é a base do conteúdo online.
  5. 5. A metáfora da cebola Distribuição em 3 camadas: - Camada de apresentação - Camada genérica - Camada de detalhamento
  6. 6. Camada deapresentação Os destaques mostram o que tem maior apelo junto ao público-alvo, ou o aspecto que resume a informação. É a vitrine do sítio. Elementos de apoio: imagem e legenda da imagem.
  7. 7. Camada deapresentação
  8. 8. Camada deapresentação Destaques da primeira página (home page) são derivados das primeiras páginas dos jornais impressos. Os destaques e o menu principal são a forma do visitante acessar o conteúdo de uma página web. Linkam para a segunda camada de informação: a Genérica.
  9. 9. Camada genérica O texto principal é o coração da camada genérica. Apresenta os aspectos principais do tema abordado. Contextualiza o visitante e o estimula a conhecer mais o assunto.
  10. 10. Camada genérica Responde às questões jornalísticas básicas:  O que?  Quando?  Quem?  Como?  Por que? O texto da camada genérica precisa fisgar a atenção logo de saída – persuasão é necessária.
  11. 11. Camada dedetalhamento Mostra os detalhes da informação. Vão além das questões básicas. Textos acompanhados por links para documentos, tabelas, planilhas, e-books e gráficos. Mostra links para informações relacionadas e outros sites. Conhecidas como as páginas de “leia mais”.
  12. 12. Títulos para textos dedestaques Os títulos da Camada de Apresentação (home) devem atrair o visitante. O internauta passa os olhos rapidamente (varredura ou scan). Precisam incluir a palavra-chave que define o aspecto da informação a ser apresentado.
  13. 13. Títulos para textos dedestaques: exemplo  “Serviço de acesso à ficha médica do cidadão já está disponível”  “Novo serviço revoluciona relação Governo e Cidadão”
  14. 14. Títulos para textos dedestaques: exemplo PREFIRA:  “Serviço de acesso à ficha médica do cidadão já está disponível” Em vez de:  “Novo serviço revoluciona relação Governo e Cidadão”
  15. 15. Textos de destaques Deve ser econômico. Devem competir com banners, logotipos, botões, etc. Deve ter função persuasiva:  Conheça, descubra, consulte... Se o título do destaque aborda um determinado aspecto, o mesmo não deve se repetir no texto, na imagem ou em sua legenda.
  16. 16. Textos de destaques:exemplo
  17. 17. Textos de destaques:exemplo Título do destaque:  “Serviço de acesso à ficha médica do cidadão já está disponível” Texto do destaque:  ‘Basta fornecer CPF, ID e data do nascimento para criar a senha de acesso. O sistema atenderá dois terços dos municípios do país´
  18. 18. Textos de destaques:exemplo Título do destaque:  “Serviço de acesso à ficha médica do cidadão já está disponível” [o que, quando] Texto do destaque:  ‘Basta fornecer CPF, ID e data do nascimento para criar a senha de acesso. O sistema atenderá dois terços dos municípios do país´ [como, quem]
  19. 19. Títulos para textosprincipais Os títulos devem conter a palavra- chave ou expressão-chave. É útil repetir o título do destaque como título do texto principal, para melhor navegação.
  20. 20. Títulos para textos principaisHome page Os títulos devem conter a mesma palavra-chave ou expressão-chave.
  21. 21. Títulos para textos principaisHome page É útil repetir o título do destaque como título do texto principal, para melhor navegação.
  22. 22. Textos principais Sucintos e breves. Estruturar o conteúdo em itens (em vez de texto corrido). Abordar o aspecto mais interessante no primeiro parágrafo. Deslocar a palavra principal de cada frase para o início da frase. Restringir: 1 idéia por parágrafo.
  23. 23. Títulos para textos dedetalhamento A maioria dos conteúdos em um sítio é granular, ou seja, uma informação se desdobra, camada após camada, como uma forma do redator distribuir o conteúdo de maneira eficaz. Cada vez mais o internauta acessa diretamente as páginas de detalhamento (vindo do Google).
  24. 24. Títulos para textos dedetalhamento É necessário criar contexto e facilitar a compreensão dos que chegam através dos mecanismos de busca. Depois, a cada título/camada deste desdobramento, some cada nova palavra-chave à palavra-chave anterior.
  25. 25. Títulos para textos dedetalhamento: exemplo “Até dezembro, acesso web a fichas médicas dos cidadãos abrangerá todo o País.” Expressões-chave:
  26. 26. Títulos para textos dedetalhamento: exemplo “Até dezembro, acesso web a fichas médicas dos cidadãos abrangerá todo o País.” Expressões-chave:  Acesso à ficha médica do cidadão  Acesso via web  Informação do mês
  27. 27. Texto de detalhamento Não precisa ser sucinto. Não há limite de extensão. Pode se desdobrar em diversas páginas e camadas subsequentes. As informações complementares - devem ser úteis.
  28. 28. O que vimos O papel do webwriter Distribuição da informação As 3 camadas da informação:    Regras para títulos, textos, links e destaques para cada camada
  29. 29. O que vimos O papel do webwriter Distribuição da informação As 3 camadas da informação:  Apresentação  Genérica  Detalhamento Regras para títulos, textos, links e destaques para cada camada
  30. 30. BibliografiaAutor: Bruno Rodrigues
  31. 31. Baixar esta aula Apresentação de hoje: www.agner.com.br/facha_CID

×