Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Princípios do Webwriting

430 Aufrufe

Veröffentlicht am

  • Als Erste(r) kommentieren

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

×