Princípios do Webwriting

420 Aufrufe

Veröffentlicht am

0 Kommentare
1 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
420
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
25
Aktionen
Geteilt
0
Downloads
9
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Princípios do Webwriting

  1. 1. <ul><ul><li>Somos caçadores de informações </li></ul></ul>Webwriting
  2. 2. Webwriting Segundo Nielsen , o tempo que o usuário utiliza para procurar algo numa página é de 26 segundos
  3. 3. Webwriting <ul><li>Em ambientes digitais </li></ul><ul><ul><li>O tempo e o espaço são reduzidos </li></ul></ul>
  4. 4. Webwriting O que você faz quando Tem pouco tempo e espaço ?
  5. 5. Webwriting O que você faz quando tem pouco tempo e espaço?
  6. 6. Webwriting O que você faz quando tem pouco tempo e espaço?
  7. 7. Webwriting O que você faz quando tem pouco tempo e espaço?
  8. 8. Webwriting Segundo Nielsen, o texto deve ser OBJETIVO CONCISO ESCANEÁVEL http://www.useit.com/papers/webwriting/writing.html
  9. 9. 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
  10. 10. Webwriting Os três princípios: OBJETIVIDADE VISIBILIDADE NAVEGABILIDADE
  11. 11. Webwriting OBJETIVIDADE <ul><li>Ir direto ao ponto </li></ul><ul><li>Preferencialmente textos curtos </li></ul>
  12. 16. http://www.sadia.com.br/sobre-a-sadia/
  13. 19. http://www.portalccaa.com.br/main.asp?Team={6B64C78E-DC91-4F4B-8057-6B9D7DB2BF8A }
  14. 25. 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/HTML 5 </li></ul><ul><li>Etc </li></ul>
  15. 27. http://dojotoolkit.org/reference-guide/dijit/layout/TabContainer-examples.html Webwriting Tabcontainer
  16. 28. Tooltip 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
  17. 30. Webwriting Accordion http://www.marghoobsuleman.com/jQuery-common-accordion
  18. 33. Webwriting Flash >> HTML 5
  19. 34. 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
  20. 35. 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, seções, etc </li></ul>
  21. 37. http://www.cocacolabrasil.com.br/conteudos.asp?item=1&secao=7&conteudo=48
  22. 38. http://g1.globo.com/Noticias/Economia_Negocios/0,,MUL1452052-9356,00-RECEITA+AMPLIA+ATENDIMENTO+PARA+CONTRIBUINTE+QUE+CAIU+NA+MALHAFINA.html
  23. 40. <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
  24. 41. http://www.nestle.com.br/portalnestle/sollys/
  25. 45. 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>
  26. 50. 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>
  27. 56. Webwriting VISIBILIDADE - Se precisar, seja “redundante” (com as buscas orgânicas, o usuário entra por todo lado)
  28. 57. 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>
  29. 59. <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 ” .
  30. 61. http://www.navita.com.br/portal/portais/navita-portal.html
  31. 64. 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 palavras-chave sobre o conteúdo apontado. </li></ul><ul><li>Não apontar o link para uma página interna de um site. </li></ul><ul><li>O título do link dever ser o título da página de destino. </li></ul>
  32. 65. <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>Webwriting

×