webwriting pÓs-graduaÇÃo em produÇÃo para mÍdias digitais

48
WEBWRITING PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS Débora Pereira Doutoranda em Ciência da Informação - UFMG

Upload: nevada-kirby

Post on 15-Mar-2016

25 views

Category:

Documents


0 download

DESCRIPTION

WEBWRITING PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS. Débora Pereira Doutoranda em Ciência da Informação - UFMG. Crawford Killian. Nada de firulas e rebusques Linguagem objetiva, direta, que o leitor possa entender na primeira vez. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

WEBWRITING

PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Débora PereiraDoutoranda em Ciência da Informação - UFMG

Page 2: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Crawford Killian Nada de firulas e rebusques Linguagem objetiva, direta, que o leitor possa

entender na primeira vez. Interesses e as necessidades do internauta

tomem as rédeas do texto É preciso uma boa história Humildade para aprender com os próprios

erros e com as críticas dos internautas

Page 3: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Jakob Nielsen Usuários da Web escaneam texto – 79% Portanto, use

Tabelas Cabeçalhos Negrito Gráficos Marcadores (Bullets)

Page 4: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Modelo F de leitura

Usuários procuram elementos que os interessem Escanear

Eyetrack 2006, Nielsen

Page 5: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

FRANCO, Guilhermo. Como escrever para a web: elementos para a discussão e construção de manuais de redação online. Disponível em http://knightcenter.utexas.edu/como_web.php . Acesso: ago. 2010

Page 6: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Fonte: http://webinsider.uol.com.br/index.php/2009/01/02/eye-tracking-as-interacoes-inconscientes-dos-usuarios/

Page 7: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS
Page 8: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Estudo ALT64 Miguel Wiñazki, editor-chefe do Clarín Conclusões do Estudo ALT64 -

(Asociación para la Investigación de Medios de Comunicación de España)

Analizados Diario ABC, El Periódico de Catalunya, El Mundo, La Razón, La Vanguardia y La verdad

Page 9: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Na Internet, os homens tendem a ler em zig-zag e as mulheres de maneira vertical

HOMENS MULHERES

Page 10: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

78% dos homens não lêem subtítulos ou sobretítulos, mas 54% das mulheres o fazem.

67% dos homens e 57% das mulheres não olham a publicidade on-line.

Page 11: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Há palavras-chave que geram atenção diferenciada de acordo com o tipo dos leitores

A palavra Não captou 90% dos homens.

Page 12: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

O texto “fortuna familiar” captou a atenção de 90% das mulheres

Page 13: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Para onde olham?

Page 14: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Conteúdo Relevância

Informação e adequação ao público Abra com as conclusões

Ao planejar um percurso informacional, lembre-se que poucos internautas vão até o fim do texto

Uma idéia por parágrafo Idéia não interessa? Próximo parágrafo.

Use verbos Evite a voz passiva, dê idéia de movimento

Page 15: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Formato Use listas em vez de parágrafos

Mais fáceis de escanear e encontrar o que se busca Limite os itens da lista a 7 palavras Escreva frases curtas Lembre-se que escrever é cortar palavras

Use subtítulos Mais fáceis de escanear

Page 16: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Outros elementos Atenção especial aos links

Outro item escaneável Usuários formam uma idéia geral sobre o

que o texto fala Sempre

Revise seu texto Erros de digitação, de gramática e de ortografia

detonam a credibilidade

Page 17: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Palavras-chave Identificar palavras-chave no conteúdo

ajuda a planejar as páginas Palavras-chave ajudam o internauta a

identificar o tema do texto, poupando seu tempo

Mecanismos de buscas classificam melhor sites com palavras chave no endereço, títulos das páginas, cabeçalhos

Page 18: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Como definir palavras-chave O que o internauta procuraria nessa

página? Google trends – tênis, calçado, sapato,

tenis Problema: recuperação x credibilidade Limites

Page 19: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Planeje o texto para o internauta• O que o internauta precisa saber?• Por que o internauta precisa saber disso?• O que ele já sabe sobre esse tema?• Para o que vamos usar o texto?• Quem pretendemos alcançar com esse

texto?• Qual a linguagem e o vocabulário mais

adequados ao internauta que pretendemos atingir?

Page 20: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Omita palavras desnecessárias Escrever é cortar palavras

Edite, edite, edite Regra dos 50%

Informações mais importantes vêm primeiro Proximidade e informalidade – eu e você Seja específico

Use a data em vez de “nesta semana” ou “no ano passado”

Tamanho em centímetros em vez de grande ou pequeno

Sempre inclua informações que parecem óbvias, como o ano de um evento

Memória

Page 21: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Links Texto descritivo

Internauta sabe para onde vai ser levado Sim: Leia mais detalhes no Estado de Minas de

hoje Não: O jornal Estado de Minas de hoje (

www.em.com.br) traz mais informações sobre o tema

Se for um download, especifique o formato e o tamanho

Page 22: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Parágrafos separados por espaços (blocos de texto);

Bloco de texto único

Bloco de texto 1

Bloco de texto 2

Bloco de texto 3

XX

Page 23: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Use negrito em palavras-chave Mas não abuse

Evite estrangeirismos e modismos atingir patamares alavancar processos desenvolver atitudes proativas agregar valores “startar” “feedback”

Page 24: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Blogs: ignore algumas regras Blogs devem ser engraçados, informais,

apaixonados pelo tema, irados Mas se você quer ajudar as pessoas a

encontrá-lo, use palavras-chave e textos descritivos nos links

Atenção à correção do texto

Page 25: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Estudo de Caso - NielsenVersão do Site Parágrafo de exemplo Melhoria da

Usabilidade

Redação PromocionalUsando-se o “marquetês”

encontrado em diversos websites

comerciais

Nebraska está repleta de atrações reconhecidas internacionalmente que trazem, sem erro, grandes multidões todos os anos. Em 1996, alguns dos lugares mais populares eram o Fort Robinson State Park (355.000 visitantes), Scotts Bluff National Monument (132.166), Arbor Lodge State Historical Park & Museum (100.000), Carhenge (86.598), Stuhr Museum of the Prairie Pioneer (60.002), e o Buffalo Bill Ranch State Historical Park (28.446).

Texto concisoCom

aproximada-mente metade do número de palavras da

versão anterior

Em 1996, seis das atrações mais visitadas de Nebraska foram: Fort Robinson State Park, Scotts Bluff National Monument, Arbor Lodge State Historical Park & Museum, Carhenge, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical Park.

58%

Page 26: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Layout “escaneável”

(Scannable)Usando-se o mesmo texto da primeira

versão em um padrão que

facilita a varredura

Nebraska está repleta de atrações reconhecidas internacionalmente que trazem sem erro grandes multidões todos os anos. Em 1996, alguns dos lugares mais populares eram: - Fort Robinson State Park (355.000 visitantes) - Scotts Bluff National Monument (132.166) - Arbor Lodge State Historical Park & Museum (100.000) - Carhenge (86.598) - Stuhr Museum of the Prairie Pioneer (60.002) - Buffalo Bill Ranch State Historical Park (28.446).

47%

Linguagem Objetiva

Usando-se uma linguagem

neutra e sem o apelo subjetivo e exagerado da primeira versão

Nebraska possui várias atrações. Em 1996, alguns dos lugares mais visitados foram Fort Robinson State Park (355.000 visitantes), Scotts Bluff National Monument (132.166), Arbor Lodge State Historical Park & Museum (100.000), Carhenge (86.598), Stuhr Museum of the Prairie Pioneer (60.002), and Buffalo Bill Ranch State Historical Park (28.446).

27%

Page 27: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Versão CombinadaUsando-se

todas as três melhorias na forma de se

escrever: Texto conciso, “escaneável” e

objetivo

Em 1996, os seis lugares mais visitados em Nebraska foram:

- Fort Robinson State Park - Scotts Bluff National Monument - Arbor Lodge State Historical Park & Museum - Carhenge - Stuhr Museum of the Prairie Pioneer - Buffalo Bill Ranch State Historical Park

124%

Estudo de Jakob Nielsen

http://www.useit.com/alertbox/9710a.html

Page 28: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Mais dicas Entre dois sinônimos, escolha o mais curto. Entre duas palavras curtas, escolha a mais

simples.

Evite:EmpreenderUnicamenteSemblanteOtimizar

Parâmetros

Prefira:Fazer

SóRosto

MelhorarLimites

Page 29: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Evite redundâncias, repetições, palavras e frases inúteis, longas e excessivas.

Evite:No estado de Minas Gerais

Somos da opinião queNa eventualidade de

Durante o ano de 2008Com o propósito de

Promover a alteraçãoNa época em que vivemos

Prefira:Em Minas

Consideramos queSe

Em 2008Para

AlterarHoje

Page 30: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

104 PALAVRAS:O questionário a seguir é destinado a colher informações que nos ajudarão a melhorar o site e adequá-lo às suas necessidades.Por favor, selecione suas respostas nos menus suspensos e nos botões de rádio abaixo.Você levará dois ou três minutos para preencher o questionário.No fim deste formulário, você pode optar por deixar seu nome, endereço, e número de telefone. Se você deixar seu nome e número, poderá ser contatado para participar de um estudo destinado a nos ajudar a melhorar este site.Se você tiver comentários ou interesses que precisem de resposta, por favor, contate o Serviço de Atendimento ao Cliente.

43 PALAVRAS:Por favor, ajude-nos a melhorar este site respondendo a estas questões. Levará apenas 2 ou 3 minutos.Nota: Se você tiver comentários ou interesses que necessitem de uma resposta, não use este formulário. Em vez disso, contate o Atendimento ao Cliente.

Omita palavras desnecessarias

Não me faça pensar –Steve Krug ( http://sensible.com )

Page 31: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Torta de sonho de valsaIngredientes: 4 ovos, ½ litro de leite, 2 colheres (sopa) de

maisena, 1 lata de leite condensado, 1 lata de creme de leite sem soro, 4 colheres de açúcar, 8 sonhos de valsa, 200g de ameixa em calda 

Modo de fazer : Bata bem as gemas, coloque o leite e a maisena, leve ao fogo para ferver. Ainda no fogo misture o leite condensado. Tire do fogo, coloque em um pirex grande e leve ao congelador por ½ hora. Corte miúdo 6 sonhos de valsa e coloque em cima do creme. Bata as ameixas com calda no liquidificador e coloque-as por cima dos sonhos de valsa. Bata as claras em neve com o açúcar e o creme de leite e coloque por cima das ameixas. Pique os 2 sonhos de valsa e enfeite. Ponha no congelador coberto com lâmina ou tampe. Obs : Se achar necessário coloque mais bombons. Se quiser retire a ameixa em calda. 

Page 32: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Torta de sonho de valsaIngredientes4 ovos ½ litro de leite  2 colheres (sopa) de maisena  1 lata de leite condensado  1 lata de creme de leite sem soro  4 colheres de açúcar 8 sonhos de valsa  200g de ameixa em calda 

Page 33: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Modo de fazer Bata bem as gemas, coloque o leite e a maisena, leve ao fogo

para ferver. Ainda no fogo misture o leite condensado. Tire do fogo, coloque em um pirex grande e leve ao congelador por ½ hora. Corte miúdo 6 sonhos de valsa e colozque em cima do creme. Bata as ameixas com calda no liquidificador e coloque-as por cima dos sonhos de valsa. Bata as claras em neve com o açúcar e o creme de leite e coloque por cima das ameixas. Pique os 2 sonhos de valsa e enfeite. Ponha no congelador coberto com lâmina ou tampe. 

Obs : Se achar necessário coloque mais bombons. Se quiser retire a ameixa em calda.

Page 34: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Torta de sonho de valsaIngredientes 4 ovos ½ litro de leite  2 colheres (sopa) de maisena  1 lata de leite condensado  1 lata de creme de leite sem soro  4 colheres de açúcar 8 sonhos de valsa  200g de ameixa em calda 

Modo de fazer  Bata bem as gemas, coloque o leite e a maisena, leve ao fogo para ferver. Ainda no fogo misture o leite condensado. Tire do fogo, coloque em um pirex grande e leve ao congelador por ½ hora. Corte miúdo 6 sonhos de valsa e coloque em cima do creme. Bata as ameixas com calda no liquidificador e coloque-as por cima dos sonhos de valsa. Bata as claras em neve com o açúcar e o creme de leite e coloque por cima das ameixas. Pique os 2 sonhos de valsa e enfeite. Ponha no congelador coberto com lâmina ou tampe. 

Obs : Se achar necessário coloque mais bombons. Se quiser retire a ameixa em calda.

Page 35: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Ainda Atualize textos antigos

Acrescente dados novos; Reescreva de tempos em tempos, se for preciso;

Crie textos complementares. Explicações sobre o que é ou como funciona tal

coisa

Não deixe dúvidas para o visitante; Dê nomes claros e curtos para as seções;

Page 36: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Pirâmides

Page 37: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS
Page 38: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS
Page 39: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Infografia Ser independente da leitura do texto

Ter quantidade razoável de informação

Sintetizar ou complementar o texto escrito

Proporcionar sensação estética

Corresponder aos fatos retratados

Page 40: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Exemplos de infográfico Barretos Bitchmaps Que se pode fazer com 25 metros quadrados? (El

Mundo) É melhor alugar ou comprar? (NYT) O jogo do candidato (USA Today) The words that they used Alugar onde? (Housing Maps) Measuring the presidente words Visita a um museu (NYT) Faces of Dead in Iraq (NYT) Pegada Ecológica

Page 41: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Wireframes

Page 42: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS
Page 43: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS
Page 44: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS
Page 45: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS
Page 46: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Jacob Nielsen dizia: “Users are lazy. Don’t expect their interactions to build meaning in your customer experiences.” (NIELSEN, apud MARTIN 2008).

Sim, somos preguiçosos! Mas é preciso fornecer uma linguagem clara para máquinas e homens, favorecer a folksonomia, criar ontologias e construir um quadro que ilustra as relações entre todas as partes móveis da experiência...

Page 47: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS

Essa nova concepção, de relacionar conteúdos por sistemas de metadados flexíveis e fáceis de interagir, faz com que o contexto demonstre significado para o usuário.

A alimentação do site recebe colaborações do próprio usuário, tornando a gestão do seu conteúdo uma prática mais social e democrática. Assim, surge a Cibercultura (LEMOS, 2006), a adaptação cultural das práticas sociais de inclusão digital.

Page 48: WEBWRITING  PÓS-GRADUAÇÃO EM PRODUÇÃO PARA MÍDIAS DIGITAIS