Princípios do Webwriting
-
Upload
duradez -
Category
Technology
-
view
504 -
download
0
Transcript of Princípios do Webwriting
![Page 1: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/1.jpg)
Somos caçadores de informações
Webwriting
![Page 2: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/2.jpg)
Webwriting
Segundo Nielsen,
o tempo que o usuário utiliza para
procurar algo numa página
é de 26 segundos
![Page 3: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/3.jpg)
Webwriting
Em ambientes digitais
O tempo e o espaço são reduzidos
![Page 4: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/4.jpg)
Webwriting
O que você faz quandoTem pouco tempo e espaço?
![Page 5: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/5.jpg)
WebwritingO que você faz quando
tem pouco tempo e espaço?
![Page 6: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/6.jpg)
WebwritingO que você faz quando
tem pouco tempo e espaço?
![Page 7: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/7.jpg)
WebwritingO que você faz quando
tem pouco tempo e espaço?
![Page 8: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/8.jpg)
Webwriting
Segundo Nielsen, o texto deve ser
OBJETIVO
CONCISO
ESCANEÁVEL
http://www.useit.com/papers/webwriting/writing.html
![Page 9: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/9.jpg)
Webwriting
O que você faz quandotem pouco tempo e espaço?
Escreve de modo objetivo, tentando ser criativo e persuasivo,
destacando os pontos principais e conduzindo o leitor
![Page 10: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/10.jpg)
Webwriting
Os três princípios:
OBJETIVIDADE
VISIBILIDADE
NAVEGABILIDADE
![Page 11: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/11.jpg)
Webwriting
OBJETIVIDADE
- Ir direto ao ponto
-Preferencialmente textos curtos
![Page 12: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/12.jpg)
![Page 13: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/13.jpg)
![Page 14: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/14.jpg)
![Page 15: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/15.jpg)
![Page 17: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/17.jpg)
![Page 18: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/18.jpg)
![Page 19: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/19.jpg)
http://www.portalccaa.com.br/main.asp?Team={6B64C78E-DC91-4F4B-8057-6B9D7DB2BF8A}
![Page 20: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/20.jpg)
![Page 21: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/21.jpg)
![Page 22: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/22.jpg)
![Page 23: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/23.jpg)
![Page 24: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/24.jpg)
![Page 25: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/25.jpg)
Webwriting
OBJETIVIDADE
- Não reprima seu texto
-Se a informação pedir, use outros recursos:
- Links- TabContainer
- Accordion-Tooltip- Flash- Etc
![Page 26: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/26.jpg)
![Page 27: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/27.jpg)
http://dojotoolkit.org/reference-guide/dijit/layout/TabContainer-examples.html
WebwritingTabcontainer
![Page 28: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/28.jpg)
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
![Page 29: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/29.jpg)
![Page 30: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/30.jpg)
Webwriting
Accordion
http://www.marghoobsuleman.com/jQuery-common-accordion
![Page 31: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/31.jpg)
![Page 32: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/32.jpg)
![Page 33: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/33.jpg)
WebwritingFlash
![Page 34: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/34.jpg)
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
WebwritingFlash
![Page 35: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/35.jpg)
Webwriting
OBJETIVIDADE
Pense o conteúdo em camadas
-Trabalhe uma idéia a cada parágrafo(se o raciocínio for longo, desdobre em mais de um parágrafo)
- Planeje, fragmente, fracione, divida o conteúdo -em páginas, links, áreas, seções, etc
![Page 36: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/36.jpg)
![Page 37: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/37.jpg)
http://www.cocacolabrasil.com.br/conteudos.asp?item=1&secao=7&conteudo=48
![Page 38: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/38.jpg)
http://g1.globo.com/Noticias/Economia_Negocios/0,,MUL1452052-9356,00-RECEITA+AMPLIA+ATENDIMENTO+PARA+CONTRIBUINTE+QUE+CAIU+NA+MALHAFINA.html
![Page 39: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/39.jpg)
![Page 40: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/40.jpg)
-Objetividade é dar a informação completa
- Como fazer isso depende do seu planejamento e da sua criatividade
Webwriting
OBJETIVIDADE
![Page 41: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/41.jpg)
http://www.nestle.com.br/portalnestle/sollys/
![Page 42: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/42.jpg)
![Page 43: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/43.jpg)
![Page 44: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/44.jpg)
![Page 45: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/45.jpg)
Webwriting
VISIBILIDADE
-Dê destaque às informações mais importantes
-Em mídias digitais, o texto também tem uma função visual
![Page 46: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/46.jpg)
![Page 47: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/47.jpg)
![Page 48: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/48.jpg)
![Page 49: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/49.jpg)
![Page 50: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/50.jpg)
Webwriting
VISIBILIDADE
Uso de listas, bullets, ícones
- Informações em série, dados numéricos,
Tópicos de um mesmo assunto,
Itens que merecem destaque
![Page 51: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/51.jpg)
![Page 52: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/52.jpg)
![Page 53: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/53.jpg)
![Page 54: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/54.jpg)
![Page 55: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/55.jpg)
![Page 56: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/56.jpg)
![Page 57: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/57.jpg)
Webwriting
VISIBILIDADE
- Se precisar, seja “redundante”(com as buscas orgânicas, o usuário entra por todo lado)
![Page 58: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/58.jpg)
Webwriting
NAVEGABILIDADE
- Imagine-se com um guia turístico
-Primeiro, capture a atenção e o interesse do usuário
- Depois, dê a ele opções de saber mais
![Page 59: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/59.jpg)
![Page 60: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/60.jpg)
-Evite excesso de links
-Evite links para sites externos
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”.
![Page 61: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/61.jpg)
![Page 62: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/62.jpg)
http://www.navita.com.br/portal/portais/navita-portal.html
![Page 63: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/63.jpg)
![Page 64: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/64.jpg)
![Page 65: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/65.jpg)
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”.
• Utilizar títulos de links que sejam auto-explicativos, com informações suficientes sobre o conteúdo apontado.
• Apontar exatamente para o conteúdo descrito no link.
• Não usar expressões como “Clique aqui”.
![Page 66: Princípios do Webwriting](https://reader031.fdocumentos.com/reader031/viewer/2022013011/55714eb9d8b42a352f8b4e93/html5/thumbnails/66.jpg)
Atividade:
Reescrever o texto de uma página de acordo com os princípios apresentados
- Petrobras- Flamengo- Malwee-Natura- Sadia
Webwriting