0
Escrever é fazer sexo http://casadogalo.com/escrever-e-fazer-sexo/
Webwriting Logo, quando você criar  qualquer coisa para o meio digital –  seja um site, um CD-Rom, uma campanha de banners...
Definições Webwriting
Bruno  Rodrigues 1ª edição do livro Webwriting “ Redação  online  criativa”
Bruno  Rodrigues atualmente Webwriting É um conjunto de técnicas que auxiliam na criação e distribuição de conteúdo em  am...
Webwriting Ambientes digitais? INTERNET, INTRANET, EXTRANET, CD/DVD-ROM, DISPOSITIVOS MÓVEIS  (IPHONE, SMARTPHONES, PALM, ...
Dicionário do Trabalho Vivo/USP Webwriting “ Profissional que atua em mídias digitais, tendo como objeto de trabalho não s...
Quem “criou”? Webwriting
Quem são  “ os caras”? Webwriting Crawford Kiliam, Nick Usborne David Mill Bruno Rodrigues Ana Erthal
Webwriting? Mas então o que é
Webwriting Não é uma escrita jornalística Não é uma redação publicitária
Webwriting Não é uma escrita jornalística Não é uma redação publicitária É uma mistura das duas.
Webwriting <ul><li>ALGUMAS CARACTERÍSTICAS </li></ul><ul><li>Texto informativo/persuasivo </li></ul><ul><li>Para convencer...
Webwriting ALGUMAS CARACTERÍSTICAS - Deve ser atraente (“escrever é fazer sexo”, lembra?)
Webwriting ALGUMAS CARACTERÍSTICAS - Se concentrar no essencial da informação (“snack culture”)
“ O leitor não lê.  Webwriting Escaneia.”
Webwriting Padrão de leitura em F Estudo de Jackob Nielsen com 232 usuários visitando centenas de sites
Webwriting Eye-tracking http://googleblog.blogspot.com/2009/02/eye-tracking-studies-more-than-meets.html
Webwriting Textos “escaneáveis” <ul><li>Títulos </li></ul><ul><li>Sub-títulos </li></ul><ul><li>Links </li></ul><ul><li>Pa...
Webwriting Ao escrever texto para mídias digitais: O OBJETIVO É CATIVAR O  LEITOR ,  GANHAR SUA ATENÇÃO
Webwriting Ao escrever texto para mídias digitais: PENSE O CONTEÚDO PENSE NO TODO PENSE NAS  PESSOAS
Webwriting “ Você precisa saber  com quem você está falando.” Bob Levinson
Parabolic People http://www.laterit-productions.com/index.php?page=ba_popup&film=65&lg=br
Atividade:   Analisar (e pesquisar) textos na web  que tenham emoção ou que deveriam ter Ex: http://www.flamengo.com.br/si...
<ul><ul><li>Somos caçadores de informações </li></ul></ul>Webwriting
Webwriting Segundo  Nielsen ,  o  tempo   que o usuário utiliza para  procurar   algo numa página  é  26  segundos
Webwriting <ul><li>Em ambientes digitais </li></ul><ul><ul><li>O tempo e o espaço são reduzidos </li></ul></ul>
Webwriting O que você faz quando Tem pouco tempo e espaço ?
Webwriting O que você faz quando tem pouco tempo e espaço?
Webwriting O que você faz quando tem pouco tempo e espaço?
Webwriting O que você faz quando tem pouco tempo e espaço?
Webwriting Segundo Nielsen, o texto deve ser OBJETIVO CONCISO ESCANEÁVEL http://www.useit.com/papers/webwriting/writing.html
Webwriting O que você faz quando tem pouco tempo e espaço? Escreve de modo  objetivo ,  tentando ser criativo e persuasivo...
Webwriting Os três princípios: OBJETIVIDADE VISIBILIDADE NAVEGABILIDADE
Webwriting OBJETIVIDADE <ul><li>Ir direto ao ponto </li></ul><ul><li>Preferencialmente textos curtos </li></ul>
 
http://www2.petrobras.com.br/portal/frame_ri.asp?pagina=/ri/port/index.asp&lang=pt&area=ri
 
 
http://www.sadia.com.br/sobre-a-sadia/
 
 
http://www.portalccaa.com.br/main.asp?Team={6B64C78E-DC91-4F4B-8057-6B9D7DB2BF8A }
 
 
 
 
 
Webwriting OBJETIVIDADE <ul><li>Não reprima seu texto </li></ul><ul><li>Se a informação pedir, use outros recursos: </li><...
Links Webwriting
 
 
http://mattberseth2.com/demo/Default.aspx?Name=JQuery+TabContainer+Theme+with+Tab+Transition+Animations&Filter=All  Webwri...
Tootip Webwriting http://translate.googleusercontent.com/translate_c?hl=pt-BR&sl=en&tl=pt&u=http://jquery.bassistance.de/t...
 
Webwriting Accordion http://www.marghoobsuleman.com/jQuery-common-accordion
 
 
Webwriting Flash
http://www.usiminas.com/irj/servlet/prt/portal/prtroot/pcd!3aportal_content!2fusiminas!2fcomum!2fconteudo!2fiviews!2fbr.co...
Webwriting OBJETIVIDADE <ul><li>Pense o conteúdo em camadas </li></ul><ul><li>Trabalhe uma idéia a cada parágrafo </li></u...
 
 
http://g1.globo.com/Noticias/Economia_Negocios/0,,MUL1484622-9356,00-RECEITA+FEDERAL+INFORMA+QUE+ESTE+SERA+O+ULTIMO+ANO+DO...
http://g1.globo.com/Noticias/Economia_Negocios/0,,MUL1452052-9356,00-RECEITA+AMPLIA+ATENDIMENTO+PARA+CONTRIBUINTE+QUE+CAIU...
 
 
 
<ul><li>Objetividade é dar a informação completa </li></ul><ul><li>- Como fazer isso depende do seu planejamento  </li></u...
 
 
http://www.usiminas.com/irj/servlet/prt/portal/prtroot/pcd!3aportal_content!2fusiminas!2fcomum!2fconteudo!2fiviews!2fbr.co...
 
Webwriting VISIBILIDADE <ul><li>Dê destaque às informações mais importantes </li></ul><ul><li>Em mídias digitais, o texto ...
 
 
 
 
Webwriting VISIBILIDADE <ul><li>Uso de listas, bullets, ícones </li></ul><ul><li>Informações em série, dados numéricos,  <...
 
 
 
 
 
 
 
Webwriting VISIBILIDADE - Se precisar, seja “redundante” (com as buscas orgânicas, o usuário entra por todo lado)
Webwriting NAVEGABILIDADE <ul><li>Imagine-se com um guia turístico </li></ul><ul><li>Primeiro, capture a atenção  </li></u...
 
<ul><li>Evite excesso de links </li></ul><ul><li>Evite links para sites externos </li></ul>Webwriting NAVEGABILIDADE utili...
 
 
 
Webwriting NAVEGABILIDADE utilizar textos que sejam auto-explicativos, com informa ç ões suficientes sobre o conte ú do do...
 
<ul><ul><li>Atividade:   </li></ul></ul><ul><ul><li>Reescrever o texto de uma página de acordo  </li></ul></ul><ul><ul><li...
Upcoming SlideShare
Loading in...5
×

Escrever é Fazer Sexo e os Princípios do Webwriting

2,176

Published on

Aula da disciplina de criação de produção de texto (webwriting e arquitetura da informação) da Pós Graduação em Mídias Sociais e Interativas do SENAC do Rio de Janeiro.

Published in: Education, News & Politics

Transcript of "Escrever é Fazer Sexo e os Princípios do Webwriting"

  1. 1. Escrever é fazer sexo http://casadogalo.com/escrever-e-fazer-sexo/
  2. 2. Webwriting Logo, quando você criar qualquer coisa para o meio digital – seja um site, um CD-Rom, uma campanha de banners, etc –, tenha sempre em mente que, de uma forma ou de outra, deverá proporcionar algum tipo de prazer para seu público-alvo “ Orgasmos e escovas de dentes: o povo quer prazer” – Eco Moliterno – Webinsider http:// webinsider . uol .com. br / index . php /2008/09/21/orgasmos-e-escovas-de-dente-o-publico-quer-prazer/
  3. 3. Definições Webwriting
  4. 4. Bruno Rodrigues 1ª edição do livro Webwriting “ Redação online criativa”
  5. 5. Bruno Rodrigues atualmente Webwriting É um conjunto de técnicas que auxiliam na criação e distribuição de conteúdo em ambientes digitais
  6. 6. Webwriting Ambientes digitais? INTERNET, INTRANET, EXTRANET, CD/DVD-ROM, DISPOSITIVOS MÓVEIS (IPHONE, SMARTPHONES, PALM, PSP), TV DIGITAL, PEN DRIVE, ETC, ETC, ETC.
  7. 7. Dicionário do Trabalho Vivo/USP Webwriting “ Profissional que atua em mídias digitais, tendo como objeto de trabalho não só o texto propriamente dito, mas também toda e qualquer informação textual ou visual que seja veiculada. Sua preocupação não deve estar restrita à qualidade e criatividade do texto mas também a questões ligadas à organização e a facilidade de acesso à informação.”
  8. 8. Quem “criou”? Webwriting
  9. 9. Quem são “ os caras”? Webwriting Crawford Kiliam, Nick Usborne David Mill Bruno Rodrigues Ana Erthal
  10. 10. Webwriting? Mas então o que é
  11. 11. Webwriting Não é uma escrita jornalística Não é uma redação publicitária
  12. 12. Webwriting Não é uma escrita jornalística Não é uma redação publicitária É uma mistura das duas.
  13. 13. Webwriting <ul><li>ALGUMAS CARACTERÍSTICAS </li></ul><ul><li>Texto informativo/persuasivo </li></ul><ul><li>Para convencer o usuário a prosseguir na leitura </li></ul><ul><li>Vocação para ser “vendedor” – no sentido de incitar à ação </li></ul><ul><li>Uso do imperativo: “ Preencha o cadastro ” </li></ul><ul><li>“ Veja outros exemplos ” </li></ul>
  14. 14. Webwriting ALGUMAS CARACTERÍSTICAS - Deve ser atraente (“escrever é fazer sexo”, lembra?)
  15. 15. Webwriting ALGUMAS CARACTERÍSTICAS - Se concentrar no essencial da informação (“snack culture”)
  16. 16. “ O leitor não lê. Webwriting Escaneia.”
  17. 17. Webwriting Padrão de leitura em F Estudo de Jackob Nielsen com 232 usuários visitando centenas de sites
  18. 18. Webwriting Eye-tracking http://googleblog.blogspot.com/2009/02/eye-tracking-studies-more-than-meets.html
  19. 19. Webwriting Textos “escaneáveis” <ul><li>Títulos </li></ul><ul><li>Sub-títulos </li></ul><ul><li>Links </li></ul><ul><li>Palavras-chave </li></ul><ul><li>Listas, bullets, ícones </li></ul>
  20. 20. Webwriting Ao escrever texto para mídias digitais: O OBJETIVO É CATIVAR O LEITOR , GANHAR SUA ATENÇÃO
  21. 21. Webwriting Ao escrever texto para mídias digitais: PENSE O CONTEÚDO PENSE NO TODO PENSE NAS PESSOAS
  22. 22. Webwriting “ Você precisa saber com quem você está falando.” Bob Levinson
  23. 23. Parabolic People http://www.laterit-productions.com/index.php?page=ba_popup&film=65&lg=br
  24. 24. Atividade: Analisar (e pesquisar) textos na web que tenham emoção ou que deveriam ter Ex: http://www.flamengo.com.br/site/conteudo/conteudo.php?id=40 http://www.vale.com/vale/cgi/cgilua.exe/sys/start.htm?sid=2 Webwriting
  25. 25. <ul><ul><li>Somos caçadores de informações </li></ul></ul>Webwriting
  26. 26. Webwriting Segundo Nielsen , o tempo que o usuário utiliza para procurar algo numa página é 26 segundos
  27. 27. Webwriting <ul><li>Em ambientes digitais </li></ul><ul><ul><li>O tempo e o espaço são reduzidos </li></ul></ul>
  28. 28. Webwriting O que você faz quando Tem pouco tempo e espaço ?
  29. 29. Webwriting O que você faz quando tem pouco tempo e espaço?
  30. 30. Webwriting O que você faz quando tem pouco tempo e espaço?
  31. 31. Webwriting O que você faz quando tem pouco tempo e espaço?
  32. 32. Webwriting Segundo Nielsen, o texto deve ser OBJETIVO CONCISO ESCANEÁVEL http://www.useit.com/papers/webwriting/writing.html
  33. 33. Webwriting O que você faz quando tem pouco tempo e espaço? Escreve de modo objetivo , tentando ser criativo e persuasivo, destacando os pontos principais e conduzindo o leitor
  34. 34. Webwriting Os três princípios: OBJETIVIDADE VISIBILIDADE NAVEGABILIDADE
  35. 35. Webwriting OBJETIVIDADE <ul><li>Ir direto ao ponto </li></ul><ul><li>Preferencialmente textos curtos </li></ul>
  36. 37. http://www2.petrobras.com.br/portal/frame_ri.asp?pagina=/ri/port/index.asp&lang=pt&area=ri
  37. 40. http://www.sadia.com.br/sobre-a-sadia/
  38. 43. http://www.portalccaa.com.br/main.asp?Team={6B64C78E-DC91-4F4B-8057-6B9D7DB2BF8A }
  39. 49. Webwriting OBJETIVIDADE <ul><li>Não reprima seu texto </li></ul><ul><li>Se a informação pedir, use outros recursos: </li></ul><ul><li>Links </li></ul><ul><li>TabContainer </li></ul><ul><li>Accordion </li></ul><ul><li>Tooltip </li></ul><ul><li>Flash </li></ul>
  40. 50. Links Webwriting
  41. 53. http://mattberseth2.com/demo/Default.aspx?Name=JQuery+TabContainer+Theme+with+Tab+Transition+Animations&Filter=All Webwriting Tabcontainer
  42. 54. Tootip Webwriting http://translate.googleusercontent.com/translate_c?hl=pt-BR&sl=en&tl=pt&u=http://jquery.bassistance.de/tooltip/demo/&rurl=translate.google.com.br&anno=2&usg=ALkJrhjau-Lj6wVulMS0wK_B- GWeceXdWw
  43. 56. Webwriting Accordion http://www.marghoobsuleman.com/jQuery-common-accordion
  44. 59. Webwriting Flash
  45. 60. http://www.usiminas.com/irj/servlet/prt/portal/prtroot/pcd!3aportal_content!2fusiminas!2fcomum!2fconteudo!2fiviews!2fbr.com.su.i.iview.JAI_iView_Publica_do_KM/prtl_hs/SolucoesUsiminas/NovoSite/pt/index. html Webwriting Flash
  46. 61. Webwriting OBJETIVIDADE <ul><li>Pense o conteúdo em camadas </li></ul><ul><li>Trabalhe uma idéia a cada parágrafo </li></ul><ul><li>(se o raciocínio for longo, desdobre em mais de um parágrafo) </li></ul><ul><li>Planeje, fragmente, fracione, divida o conteúdo </li></ul><ul><li>em páginas, links, áreas e seções </li></ul>
  47. 64. http://g1.globo.com/Noticias/Economia_Negocios/0,,MUL1484622-9356,00-RECEITA+FEDERAL+INFORMA+QUE+ESTE+SERA+O+ULTIMO+ANO+DO+IR+VIA+FORMULARIO. html
  48. 65. http://g1.globo.com/Noticias/Economia_Negocios/0,,MUL1452052-9356,00-RECEITA+AMPLIA+ATENDIMENTO+PARA+CONTRIBUINTE+QUE+CAIU+NA+MALHAFINA. html
  49. 69. <ul><li>Objetividade é dar a informação completa </li></ul><ul><li>- Como fazer isso depende do seu planejamento </li></ul><ul><li>e da sua criatividade </li></ul>Webwriting OBJETIVIDADE
  50. 72. http://www.usiminas.com/irj/servlet/prt/portal/prtroot/pcd!3aportal_content!2fusiminas!2fcomum!2fconteudo!2fiviews!2fbr.com.su.i.iview.JAI_iView_Publica_do_KM/prtl_hs/SolucoesUsiminas/NovoSite/pt/index. html
  51. 74. Webwriting VISIBILIDADE <ul><li>Dê destaque às informações mais importantes </li></ul><ul><li>Em mídias digitais, o texto também </li></ul><ul><li>tem uma função visual </li></ul>
  52. 79. Webwriting VISIBILIDADE <ul><li>Uso de listas, bullets, ícones </li></ul><ul><li>Informações em série, dados numéricos, </li></ul><ul><li>Tópicos de um mesmo assunto, </li></ul><ul><li>Itens que merecem destaque </li></ul>
  53. 87. Webwriting VISIBILIDADE - Se precisar, seja “redundante” (com as buscas orgânicas, o usuário entra por todo lado)
  54. 88. Webwriting NAVEGABILIDADE <ul><li>Imagine-se com um guia turístico </li></ul><ul><li>Primeiro, capture a atenção </li></ul><ul><li>e o interesse do usuário </li></ul><ul><li>Depois, dê a ele opções de saber mais </li></ul>
  55. 90. <ul><li>Evite excesso de links </li></ul><ul><li>Evite links para sites externos </li></ul>Webwriting NAVEGABILIDADE utilizar textos que sejam auto-explicativos, com informa ç ões suficientes sobre o conte ú do do endere ç o apontado. não usar expressões como “ Clique aqui ” . utilizar textos que sejam auto-explicativos, com informa ç ões suficientes sobre o conte ú do do endere ç o apontado. não usar expressões como “ Clique aqui ” .
  56. 94. Webwriting NAVEGABILIDADE utilizar textos que sejam auto-explicativos, com informa ç ões suficientes sobre o conte ú do do endere ç o apontado. não usar expressões como “ Clique aqui ” . utilizar textos que sejam auto-explicativos, com informa ç ões suficientes sobre o conte ú do do endere ç o apontado. não usar expressões como “ Clique aqui ” . <ul><li>Utilizar títulos de links que sejam auto-explicativos, com informações suficientes sobre o conteúdo apontado. </li></ul><ul><li>Apontar exatamente para o conteúdo descrito no link. </li></ul><ul><li>Não usar expressões como “ Clique aqui ”. </li></ul><ul><li>Usar o atributo ALT (do código HTML) com o significado das imagens </li></ul>
  57. 96. <ul><ul><li>Atividade: </li></ul></ul><ul><ul><li>Reescrever o texto de uma página de acordo </li></ul></ul><ul><ul><li>com os princípios apresentados </li></ul></ul><ul><ul><li>Petrobras </li></ul></ul><ul><ul><li>Flamengo </li></ul></ul><ul><ul><li>Malwee </li></ul></ul><ul><ul><li>Natura </li></ul></ul><ul><ul><li>Sadia </li></ul></ul>Webwriting
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×