Professional Documents
Culture Documents
Webwriting
Confederao Nacional do
Comrcio de Bens, Servios e Turismo CNC
Manual de
Webwriting
Confederao Nacional do
Comrcio de Bens, Servios e Turismo CNC
Rio de Janeiro, 2011
Sumrio
Introduo
Tcnicas de Redao
21
33
Imagens e Multimdia
47
59
Direitos Autorais
71
81
Glossrio
81
Bibliografia
85
ndice Temtico
86
Apndice
Introduo
Voc conhece o empresrio do seu segmento melhor do que ningum. E se ele quiser conhecer
melhor o Sindicato que o representa, conseguir entender a sua atuao e servios? Isso vai
depender da habilidade do sindicato em comunicar-se de forma clara e atraente pelo site.
Quanto mais bem explorado o canal internet, maior a chance de estreitar o relacionamento com
o empresrio e com a sociedade em geral. Na prtica, isso significa atrair novos associados, vender
mais servios, agilizar o atendimento e aumentar a visibilidade do seu sindicato. Para chegar l, voc
precisa de um bom contedo.
O Manual de Webwriting um instrumento para facilitar o seu trabalho de criao e atualizao
do seu site fonte de consulta preferencial de cada vez mais empresrios. Com recomendaes
e dicas prticas, ele servir como referncia rpida no seu dia a dia.
Neste captulo
Estrutura dos captulos
Sobre o PDA
Sobre o projeto
Sobre o PDA
Com as frequentes mudanas nos cenrios poltico, econmico e empresarial do Pas,
as entidades sindicais patronais precisam repensar sua gesto e forma de atuao
para garantir a sua sustentabilidade e a de seus representados.
O associativismo surge como uma ferramenta que ir alavancar o desenvolvimento de
mecanismos de atrao dos empresrios, e o fortalecimento da marca e da imagem
institucional garantindo as mudanas necessrias para a representao sindical
patronal nesta nova era.
Para criar a cultura do associativismo nas entidades do Sistema Comrcio, a Confederao Nacional do Comrcio de Bens, Servios e Turismo (CNC) lanou, em 2010,
o Programa de Desenvolvimento Associativo (PDA), numa iniciativa conjunta com a
Confederao Nacional da Indstria (CNI).
Sobre o projeto
Para conectar ainda mais o Sistema Comrcio ao universo digital, a CNC lana agora
um novo produto: os sites dos sindicatos. O projeto, desenvolvido no mbito do
Programa de Desenvolvimento Associativo (PDA), disponibiliza um modelo de site
para os sindicatos filiados ao Sicomrcio, com reas para os seguintes contedos:
Local: para divulgao de informaes institucionais, produtos, servios e
notcias do sindicato;
Regional: para divulgao das notcias da federao;
Setorial: para divulgao de notcias de acordo com a rea de atuao
da entidade;
Nacional: para divulgao de anlises, estudos tcnicos e vdeos de interesse
do setor tercirio.
Esse sistema de comunicao permite que o sindicato oferea a dirigentes, empresrios, imprensa e governos uma fonte de informaes constantemente atualizada
sobre assuntos que afetam o dia a dia do comrcio de bens, servios e turismo.
Um modelo-padro, personalizvel, ser disponibilizado aos sindicatos filiados ao
Sistema Confederativo da Representao Sindical do Comrcio (Sicomercio), e participantes do Sistema de Excelncia em Gesto Sindical (SEGS). O site divulgar as
principais aes e iniciativas do sindicato, da federao qual ele filiado, da CNC e,
ainda, notcias setoriais, classificadas de acordo com a rea de atuao da entidade.
O site ser a vitrine do sindicato, levando a sua representao a um novo patamar.
Alm de ampliar o alcance das informaes, o novo canal de comunicao estabelecer uma relao mais prxima da entidade com os empresrios de sua categoria,
dando mais visibilidade e transparncia s iniciativas e aes sindicais. E permitir,
ainda, mais integrao entre todos os elos que compem o Sistema Comrcio: sindicatos, federaes e CNC, demonstrando o tamanho e a fora do Sistema.
Esta iniciativa vinculada ao SEGS Sistema de Excelncia em Gesto Sindical da
CNC, que busca melhorar a gesto das nossas entidades. Faa parte deste movimento.
O Sistema Comrcio de Bens, Servios e Turismo est on-line. Faa parte dessa rede.
Usabilidade e
Arquitetura de Informao
Voc j usou um celular com menus confusos ou um software com funes complicadas demais?
Pois , usabilidade fcil de entender quando faz falta: algo difcil de operar gera uma experincia
frustrante para o usurio. O site de qualquer organizao precisa ter uma estrutura clara e intuitiva,
para que o pblico encontre a informao desejada ou use um servio rapidamente.
Sobram exemplos negativos de usabilidade na internet e, mais ainda, fora dela. Todo mundo j se
perdeu em um estacionamento mal sinalizado e, nas compras de ms, bateu perna procura de
sees escondidas em um supermercado.
A mesma lgica vale para o seu site. O usurio no deve encontrar obstculos para procurar um
produto, solicitar um servio, preencher um cadastro ou enviar dvidas. Tudo deve ser pensado
de forma a garantir uma boa experincia aos que j so clientes e aos que podem passar a ser.
Vamos supor que voc receba ligaes dirias de clientes com dificuldades para baixar uma guia
de pagamento. Se a origem do problema for um boto de download difcil de achar, a sua instituio ganha duplamente ao fazer uma simples adaptao na pgina: aumenta a satisfao do
pblico e economiza recursos de atendimento.
este o foco da usabilidade que vamos discutir neste captulo: como retirar obstculos e criar
condies para gerar negcios via internet, respeitando o comportamento do internauta. A boa
notcia que, muitas vezes, pequenas mudanas no site j fazem uma tremenda diferena nos
seus resultados.
Neste captulo
10
relacionamento
Mas o maior desafio que voc vai enfrentar dentro de casa: convencer seus chefes
e clientes internos de que o ponto de vista mais importante est do outro lado do
balco. Esse aculturamento gradual e delicado, porque mexe com egos, inseguranas e preconceitos. Prepare-se, com argumentos e jogo de cintura, para encarar
o trabalho de formiguinha de defender o foco no usurio.
Na prxima vez que entrar em um site, repare como voc caa a informao. Isto
o que especialistas chamam de leitura escaneada: passamos os olhos pela pgina,
procura de algo que j temos em mente ou simplesmente esperando encontrar
algo de interesse.
Essa leitura aparentemente catica comprovada por estudos de eyetracking
(imagens 1 e 2), uma tcnica que rastreia como os olhos dos internautas percorrem
pginas na tela.
Leia mais:
captulo 3 Tcnicas
de Redao
Na web, ao escanear um site, o usurio induzido a parar quando encontra palavraschave do seu interesse. Este ponto importante para que voc saiba trabalhar o seu
contedo mais importante e fazer com que ele seja visto. A tambm entram diversas
tcnicas de redao on-line, a maioria de simples aplicao.
Imagem 1
Amostra de teste de eyetracking em estilo mapa de calor, com
ateno representada em cores
Imagem 2
Amostra de teste de eyetracking com sequncia de pontos de
ateno dos usurios
11
12
Leia mais:
captulo 3 Tcnicas de
Redao e captulo 4
Tcnicas de Edio
e Publicao
Voc deve estar se perguntando como fazer para que seu usurio se concentre
naquele documento extenso, mas essencial para ele e para a sua instituio. Antes
de simplesmente digitalizar o arquivo e public-lo na ntegra em seu site, pense
em alternativas: voc pode subdividi-lo em blocos menores interligados, ilustr-los
para aumentar sua atratividade, entre outras tcnicas. Voc e o seu pblico-alvo
sairo ganhando.
Esse mapeamento mostra que, de maneira geral, ao entrar em um site pela primeira
vez, o olhar do internauta fica voltado para a parte superior esquerda da pgina
e desce em um movimento que lembra a lembra a letra F (imagem 1) . Estas so
as reas quentes da pgina. Os mesmos estudos mostram pouca ateno para
o lado direito da pgina e a parte de baixo. Estas so as reas frias.
13
eyetracking
comportamento
Com base nesses dados, responda rpido: onde voc publicaria chamadas para
servios e contedo que geram receita? Essa foi fcil. Mas lembre-se de que o
seu maior desafio instruir os seus clientes internos a seguir as boas prticas de
usabilidade. No porque o usurio vai ficar feliz, mas porque isso bom para os
seus negcios.
Leia mais:
captulo 6 Anlise
de Mtricas Bsicas
Arquitetura de informao: a
organizao por trs do site
A arquitetura de informao (AI) uma aliada da usabilidade na criao de uma
boa experincia de navegao ao visitante. Ela organiza os sistemas de informao
de maneira que as pessoas encontrem o que querem de maneira fcil, rpida e
sem dor de cabea.
Imagem 3
Rodap do site da CNC, que destaca a clareza do sistema de navegao
14
Assim como na construo de uma casa, um site precisa passar pela etapa de
planejamento, em que todos os elementos so desenhados e calculados para
aproveitar o espao da melhor forma possvel. E o layout vem s depois, porque, c
entre ns, no d para chamar o decorador antes de saber onde as paredes vo ficar.
A arquitetura de informao est no nosso dia na dia, mesmo sem percebermos. J
notou como fcil encontrar tudo em um bom supermercado? Os produtos so
separados de acordo com a sua categoria, com nomes de fcil entendimento.
Nessa simples ida ao mercado, encontramos dois conceitos de AI: sistema de organizao, que divide a informao em grupos, de maneira lgica e de entendimento
simples para todos; e sistema de rotulao, em que cada rtulo (ou etiqueta) representa a informao do grupo. Voc tem alguma dvida sobre o que vai encontrar
na seo Carnes?
Nos corredores desse mesmo supermercado, esto dispostos mapas do local, com a
sua posio exata e para quais sees pode ir. Este outro componente da arquitetura
de informao: o sistema de navegao. Com ele, o seu usurio sabe onde est no
seu site, como voltar a uma pgina anterior e qual pode ser o seu prximo passo.
Leia mais:
captulo 6 Anlise
de Mtricas Bsicas
Todo usurio entra em um site com um objetivo, seja encontrar uma receita de bolo,
saber o resultado do jogo do time do corao ou baixar uma guia para pagamento.
Quem est na sua pgina tambm est atrs de algo, tem tarefas a cumprir. Para
pr em prtica o to falado foco no usurio, voc precisa levantar quais tarefas
so essas e fazer ajustes de navegao e contedo para torn-las mais acessveis.
O caminho at o contedo desejado passa pela navegao ou pela busca. A primeira opo usada, geralmente, por usurios que conhecem o contexto da informao e navegam por associao de ideias; j a segunda preferida por quem
sabe exatamente o termo ou arquivo procurado e no precisa percorrer os nveis
de navegao do site.
Independentemente do mtodo escolhido pelo usurio, o seu contedo precisa
ter uma qualidade chamada de encontrabilidade. um termo estranho, verdade,
mas grave isso: a facilidade de localizao de informaes e servios na web,
tanto para usurios que j esto dentro do site quanto para quem est pesquisando
em um buscador.
Ambos os mtodos merecem total ateno de quem administra o site e devem
funcionar juntos, j que cada um tem suas vantagens. No d para contar com
uma ferramenta de busca para resolver problemas de arquitetura de informao,
por exemplo. Assim como uma boa estrutura de navegao no dispensa um
mecanismo de busca.
Por falar em busca, cuide da edio do contedo com carinho, porque ela faz toda
a diferena na qualidade dos resultados de pesquisas. Todo contedo precisa ser
classificado de maneira correta na hora da publicao, para ajudar o sistema a entender no que consiste cada pgina. Isso feito pelo preenchimento de metadados
campos que descrevem as informaes essenciais da prpria pgina, como se
fossem marcadores.
15
metadados
busca
Leia mais:
captulo 4 Tcnicas
de Edio e Publicao
Acessibilidade: portas
abertas para todos
Instalar uma rampa para cadeirantes em uma loja uma ao de responsabilidade
social ou uma deciso comercial? As duas coisas. Facilitar o acesso a pessoas com
alguma deficincia solidrio e simptico, mas tambm gera negcios. Isso tambm
vale na web, claro.
Mais do que oferecer possibilidades de navegao aos portadores de deficincia, um
site precisa estar apto a receber usurios com dificuldades de viso ou coordenao
motora, conexes lentas ou que usem dispositivos mveis. E vrios outros pblicos
com limitaes.
Com apenas algumas providncias, voc pode tornar o site da sua instituio mais
acessvel. Por exemplo:
Permitir que um deficiente visual aumente a fonte do texto;
Viabilizar aes de navegao pelo teclado, j que nem todos podem usar
o mouse;
Adicionar um texto alternativo para todas as imagens;
Redigir texto alternativo para vdeos e animaes.
Essas so amostras das vrias tcnicas para aprimorar a acessibilidade de sites. Vale
a pena estudar mais o assunto.
Animaes e banners
com moderao
Animaes trazem dinamismo e ajudam a comunicar contedos visualmente, mas,
em excesso, podem comprometer a navegao do seu site por diversos motivos. Se
voc pensou em poluio visual, est certo, mas no s isso. Usurios com conexo
lenta sofrem para baixar pginas com animaes pesadas. Outro risco o acesso via
dispositivos mveis como iPad e o iPhone, que no exibem o formato Flash.
Leia mais:
artigos e documentos
sobre acessibilidade
www.cnc.org.br/
webwriting
Leia mais:
captulo 5 Imagens
e Multimdia
16
O banner, que pode ser animado ou esttico, tem sido questionado em termos
de usabilidade e eficcia, mas ainda est longe da aposentadoria. Voc pode
explorar esse formato publicitrio, desde que tomando certos cuidados e escolhendo bem seu posicionamento. Lembre-se de que o seu foco deve estar
no cliente, e se tem algo que ele no gosta em um site um amontoado de
chamadas piscantes.
Leia mais:
artigos sobre cegueira
a banners
www.cnc.org.br/
webwriting
O uso dessa pea precisa ser estudado com cuidado por mais uma razo: o
fenmeno da cegueira a banners, isto , o comportamento de cada vez mais
usurios ignor-los por reflexo. Os banners, quando mal empregados, perdem
pontos por:
No ter relao com o contedo;
Anunciar produtos que no interessam;
Embarreirar a leitura;
Enfeiar a pgina;
Piscar continuamente.
E por a vai. Para evitar um efeito de tiro pela culatra, cuide para que os banners:
Ofeream algo relacionado ao contedo apresentado;
Estejam posicionados na parte superior da pgina, antes da rolagem;
Respeitem a identidade visual do site;
Estejam prximos ao melhor contedo da pgina.
Imagens 4 e 5
Exemplos de sites mal estruturados
Fontes: http://www.dennetworks.com/digital-cable/
http://www.angelfire.com/super/badwebs/
17
18
Resumo do captulo
O que fazer:
Capturar a ateno do usurio rapidamente com chamadas e ttulos
atraentes e autoexplicativos
Subdividir o contedo em blocos menores, interligados por links, para
que o usurio monte sua prpria histria
Concentrar o contedo mais importante no incio da pgina
Enriquecer as principais chamadas com fotos, cones ou ilustraes
Lembrar que a navegao e a leitura no seguem uma ordem
sequencial como no papel
Destacar os canais de atendimento, como telefone e e-mail, para o
pblico tirar suas dvidas
Adequar o site ao nvel cultural e tecnolgico do seu pblico-alvo
Priorizar o raciocnio e as referncias do empresrio, e no os da entidade
Lembrar que a maioria dos usurios chega ao site com uma tarefa a
cumprir (ex.: baixar uma guia)
Distribuir as sees, pginas e blocos de informao de modo claro
e autoexplicativo
Oferecer instrues e referncias que ajudem o usurio a se localizar
e decidir seu prximo passo
Descrever cada imagem com o atributo texto alternativo (ALT)
Manter os padres visuais e de comportamento de navegao em
todo o site
Caso seja preciso baixar um programa para visualizar um contedo
(ex.: Flash, PDF), oferecer instrues de download e instalao
O que evitar:
Formatar uma chamada importante como banner, pois peas
publicitrias so cada vez mais ignoradas pelo internauta
Esperar que o usurio leia a pgina em uma determinada ordem,
como se o site fosse um livro
Apresentar em formato de animao (Flash) um contedo que
funcionaria bem em texto esttico com ilustraes
Combinar dois ou mais elementos animados em uma mesma pgina,
para evitar poluio visual
Posicionar elementos importantes direita ou abaixo da rolagem, que
so reas mais escondidas da pgina
Publicar textos centralizados ou justificados (blocados), salvo em
legendas ou grficos
Acreditar que somente a busca suficiente para o pblico localizar
informaes no site, desmerecendo a estrutura de navegao
Manter pginas sem contedo ou com justificativas como em breve
ou em construo
Criar pginas que no deixem claro seu propsito
Pressupor que o usurio j conhece o seu site e domina as
ferramentas da web
Usar fontes e imagens de baixo contraste ou pequenas demais
Sobrecarregar a homepage de chamadas e banners, pressupondo que
esta a nica porta de entrada do site
Contar com o feedback espontneo do pblico para detectar erros e
aperfeioar o site
Estruturar a navegao do site espelhando o organograma da
entidade ao p da letra
Apresentar instrues genricas e pouco esclarecedoras (ex.:
consulte documentao)
Apontar links para uma pgina ou ao no esperada (ex.: o usurio
clica em Fale Conosco e cai em uma janela de e-mail, em vez de um
formulrio de contato)
19
Tcnicas de Redao
O contedo do seu site institucional o primeiro ponto de contato para muitos clientes. Se eles
no entenderem ou no forem atrados por essa comunicao, podero deixar de solicitar servios e ir embora com uma m impresso. Alguns at entraro em contato por telefone, mas isso
no to bom quanto parece: o atendimento a dvidas gerais sai caro, enquanto muitas delas
poderiam estar respondidas no site.
Muita gente acha que o layout de um site muito mais importante do que seu contedo. Outras
at valorizam o papel da informao na teoria, mas no investem em sua pesquisa e produo.
Longe de dizer que a programao visual no merea ateno, mas no contedo que o usurio
encontra (ou no) solues para suas dvidas e necessidades.
Percebeu que no estamos falando apenas de textos bonitos, e sim de explorar o site como uma
ferramenta de negcios? Ento, vamos s principais tcnicas de redao on-line. Com elas, o seu
trabalho de atualizao do site vai ficar fcil e eficaz.
Neste captulo
22
Escrever para a internet, portanto, vai requerer de voc uma srie de cuidados
antes, durante e depois da redao. A fim de que encontre e compreenda
melhor as tcnicas de webwriting na hora em que mais precisar, confira as
recomendaes para cada uma das etapas de produo.
Leia mais:
captulo 4 Tcnicas
de Edio e Publicao
linguagem
relacionamento
edio
navegao
Leia mais:
captulo 2 Usabilidade
e Arquitetura de
Informao
Quem?
Quando?
Onde?
Como?
Por qu?
23
24
Reunindo entidades e representantes de empresas atuantes nas categorias do comrcio, a Confederao Nacional do Comrcio de Bens,
Servios e Turismo (CNC) contribui no apenas para um dos setores
mais importantes para o Pas. A atuao de seus integrantes favorece
ainda o desenvolvimento econmico e social do Brasil.
A Confederao agrupa, em sua estrutura, 34 federaes patronais
estaduais e nacionais. Integram essas entidades os 955 sindicatos mais
atuantes nos segmentos do comrcio no Pas.
Os sindicatos, por sua vez, so organizados e liderados por representantes de micro, pequenas, mdias e grandes empresas. Envolvidos
com a defesa dos direitos de suas categorias e profissionais, esses
empresrios so a base da CNC.
Notou como o ltimo texto passou as mesmas informaes, porm de forma mais
objetiva e convincente? Isso porque as recomendaes que vimos at agora foram
colocadas em prtica durante a sua produo.
Uma dica para evitar textos longos subdividi-los em mais de uma pgina sempre que
for necessrio ampliar o enfoque. Mas tome cuidado ao criar esses outros nveis de
navegao, para ter certeza de que aquele assunto precisa estar numa nova pgina.
Se o usurio tiver que dar cliques demais at a informao procurada, voc tambm
corre o risco de ele abandonar o seu site.
priorizao
No caso das matrias, a primeira dica importante restringir o nmero de fontes, isto
, pessoas entrevistadas ou consultadas. Inclua apenas a quantidade indispensvel
para abordar o assunto pretendido. Esta orientao fundamental para que os seus
textos sejam mais curtos. Nas matrias, tambm vale quebrar o texto quando for entrar
numa nova abordagem sobre o tema e de incluir links que complementem a leitura.
J quando for produzir entrevistas no formato pingue-pongue, planeje-se para no
fazer introdues muito longas. Crie alguns pargrafos de abertura e parta logo para
as perguntas e respostas.
linguagem
Para tornar a leitura ainda mais atrativa, procure incluir exemplos ilustrados com
fotos, tabelas, infogrficos e outros recursos de apoio visual. Vale ainda usar macetes editoriais como:
Declaraes: aspas de especialistas ou autoridades entrevistadas;
Personagens: histrias de pessoas reais para ilustrar e explicar os conceitos;
Pingue-pongue: entrevista compacta, com perguntas e respostas breves de
uma pessoa de interesse para o contedo.
Estes recursos no apenas humanizam o contedo, como tambm representa uma
recompensa a quem contribuir para sua pesquisa. A exposio no site uma moeda
social. Use-a.
Pronto, vamos prxima etapa do seu trabalho: colocar a mo na massa!
linguagem
25
26
Voltando ao que levantamos no incio deste captulo: textos para a internet precisam
de uma formatao especfica. E ela deve ser atrativa para o usurio. A quebra de par
grafos um desses recursos fundamentais para organizar o texto num site. Ao deixar
uma linha em branco entre cada um deles, voc facilitar a leitura em blocos menores.
Talvez o seu publicador j faa essa quebra automaticamente, ento vale testar antes.
atratividade
formatao
Leia mais:
Manual do Publicador
relacionamento
metadados
Maisculas e minsculas
Aqui vai uma dica que pode parecer questo de esttica, mas envolve bons modos:
ateno ao uso de letras maisculas (ou caixa alta). Elas devem ser utilizadas como
numa escrita normal, ou seja, apenas em incio de frases e em nomes prprios.
que, alm de dificultar a leitura, o uso de letras maisculas, na internet, d a ideia
de grito e voc no quer se dirigir ao seu leitor desta forma. Outro motivo que
os leitores de tela para deficientes visuais soletram as palavras em caixa alta, em
vez de l-las.
Termos estrangeiros
Cuidado tambm com o emprego de palavras estrangeiras. Se for us-las, use
o itlico e explique o seu sentido depois de inseri-las no texto. O mesmo vale
para a utilizao de siglas. Neste caso, escreva o seu contedo por extenso e,
em seguida, coloque a abreviao entre parnteses.
Leitores parte, quem escreve diariamente sabe que no so apenas as palavras estrangeiras que podem causar confuso. Quando se produz um texto,
normal ficar na dvida sobre a grafia correta de alguns termos. O que se
deve fazer nesses casos?
Uma coisa certa: no d para confiar cegamente no corretor ortogrfico do
Word e outros processadores de texto. Confira normas de ortografia no site
da Academia Brasileira de Letras (www.academia.org.br) e consulte um bom
dicionrio com frequncia.
ortografia
linguagem
Como acabamos de passar pelas dicas que ajudaro voc a redigir para a
internet, est na hora de conhecer as recomendaes de formatao para
textos web.
homepage
chamadas
27
28
link
navegao
Quando for colocar os hiperlinks no corpo do texto, insira-os apenas nas palavras
ou expresses que remetam ao contedo que voc quer sugerir ao leitor. Tenha o
cuidado, ainda, de apontar os links para pgina cujo contedo pertinente leitura,
e no quelas que so genricas, como a home do site.
Se for inserir um link para download de um PDF, udio ou vdeo, por exemplo, indique
ao usurio o que acontecer ao clicar. Faa como nas sugestes abaixo, indicando
a extenso e o peso do arquivo quando possvel:
Consulte o Manual do Publicador (formato PDF)
Consulte o Manual do Publicador (PDF, 1MB)
Estudos de usabilidade apontam que os usurios se frustram quando passam
para outro meio sem serem avisados previamente. Isso acontece principalmente
quando a conexo lenta ou quando a visualizao do arquivo requer a instalao
de um plug-in.
formatao
Para ajudar o leitor a identificar o que h de mais importante no texto, use o negrito
em palavras e pequenos trechos. Ateno para no aplicar esse recurso em pargrafos inteiros ou frases longas o que anula o efeito do destaque. O negrito pode
ser usado ainda nas perguntas de entrevistas pingue-pongue e tambm em itens
enumerados com marcadores.
O itlico tambm pode ser adotado para mudar a velocidade da leitura e chamar a
ateno alm de indicar neologismos, palavras estrangeiras ou trechos de um texto
original (ex.: artigos de uma lei, trechos de uma obra literria). Quando o objetivo
destacar uma determinada palavra, quebrando a uniformidade do texto, alguns
especialistas defendem a substituio do itlico por aspas simples. Adote um padro.
formatao
hipertexto
29
seu site nos resultados desses mecanismos. Alguns desses macetes so tcnicas e
dependem de programao, mas vrios passam por ajustes finos na redao e edio.
Uma dessas prticas simples tem um duplo benefcio: facilitar a leitura dos seus
textos e aumentar a visibilidade do seu site em buscadores. Trata-se da repetio de
palavras-chave. Isso significa que as expresses mais importantes do seu texto devem
aparecer mais de uma vez ao longo da pgina. Mas use esse recurso com moderao,
porque repetir demais compromete a qualidade do texto e pode ser entendido por
buscadores como um artifcio desleal.
Outra providncia fundamental a edio de metadados. Funciona assim: mecanismos de busca enxergam o contedo pelo seu cdigo-fonte e no como ele
aparece na tela do seu computador. Nas varreduras dos sites, os buscadores procuram
pelas palavras-chave usadas tanto no corpo do texto como no ttulo da pgina, entre
outros elementos de contedo.
Agora que voc chegou ao final do processo de redao para web, d uma revisada
no seu texto. Conte com o corretor ortogrfico e no tenha vergonha de tirar o
dicionrio da gaveta. Ah, e pedir que um colega leia o seu texto tambm pode ser
uma boa ideia, principalmente quando voc j tiver feito outras revises sozinho.
Leia mais:
captulo 4 Tcnicas
de Edio e Publicao
30
Resumo do captulo
O que fazer:
Redigir textos claros, considerando a compreenso do pblico-alvo
Prezar pela objetividade e conciso
Usar exemplos para ilustrar explicaes tcnicas
Humanizar o contedo com declaraes e histrias de pessoas reais
Concentrar as informaes mais importantes no incio do texto
Iniciar o texto respondendo: o qu, quem, quando, onde, como e por qu
Dar preferncia a frases curtas
Preferir frases em voz ativa
Optar pelas frases em ordem direta
Usar listas em tpicos (marcadores) para destacar os itens
Repetir as expresses mais importantes ao longo da pgina, para
aumentar a visibilidade do site em buscadores
Explicar o signifi cado de abreviaes e siglas
Conferir normas de ortografia no site da Academia Brasileira de Letras
Consultar o dicionrio com frequncia
Redigir ttulos preferencialmente com verbo de ao
Escrever ttulos curtos e diretos
Produzir chamadas que descrevam claramente o destino do link
Usar linguagem persuasiva em chamadas
Em newsletter, redigir o campo de assunto com clareza, sem
exageros publicitrios
Nas chamadas da newsletter, resumir o assunto sem entregar o ouro
Usar links tambm no corpo do texto
Apontar links para pginas especfi cas com o contedo pertinente,
e no para uma pgina genrica (ex.: homepage)
Nomear links de forma especfica e autoexplicativa
Revisar o contedo com corretor ortogrfico
O que evitar:
Abusar de jarges e termos tcnicos, sobretudo sem a devida explicao
Usar gerundismo
Exagerar nos adjetivos e recursos de nfase
Usar muitas estruturas em voz passiva e ordem indireta, que retardam
a leitura
Utilizar termos em lnguas estrangeiras, a menos que no haja
traduo adequada
Utilizar ponto final em ttulos e chamadas
Grafar palavras em maisculas
Confiar demais no corretor ortogrfico
Nomear links genericamente (ex.: Clique aqui)
31
Tcnicas de
Edio e Publicao
Como em qualquer publicao, o acabamento faz toda a diferena na web. Alm de contedo
de qualidade, o seu site precisa de uma formatao que facilite a localizao e compreenso
das informaes. Mais do que mero capricho visual, uma boa edio contribui para a eficcia da
comunicao.
Se voc est preparando uma publicao on-line, saiba que todo esforo para se comunicar de
forma clara e atraente com seu pblico-alvo ser recompensado. Seja para captar novos parceiros
comerciais, divulgar bem os seus servios ou, simplesmente, transmitir valores positivos que podem ser estendidos sua empresa (como organizao, transparncia, objetividade, relevncia).
Que tal, ento, conhecer algumas ferramentas de edio que vo deixar o seu contedo na web
mais compreensvel, pertinente e visualmente interessante?
Neste captulo
Editando um contedo
Estratgias para complementar a informao
Formatando um contedo para publicao
Metadados: as etiquetas do contedo
34
Editando um contedo
Seu chefe imediato procurou voc com a demanda urgente de publicar um determinado contedo no site da sua empresa ou entidade. Por maior que seja a presso,
pode ter certeza: somente copiar e colar o texto, a imagem ou o documento, sem
traar uma estratgia para esta divulgao no site, no vai surtir o efeito desejado.
Por falta de tempo, dificuldade em compreender um assunto mais tcnico ou por
pura preguia, seu leitor potencial deixar de ser capturado e poder nem passar do
primeiro pargrafo daquela carta to especial do presidente.
Digamos que voc j tenha revisado a gramtica e a pontuao de um texto e considere que ele esteja muito bem escrito. Ser que ele ainda no pode ser encurtado?
Em alguma sentena ou pargrafo, h ideias se repetindo sem necessidade? vivel
eliminar palavras em excesso (como adjetivos ou conjunes) sem alterar o sentido
original da frase?
Leia mais:
captulo 3 Tcnicas
de Redao
Se a resposta for sim, v em frente! Quanto mais conciso ficar o texto, menor a chance
de o leitor se entediar, desistir da leitura, ou simplesmente se perder em meio a um
raciocnio muito longo.
edio
formatao
o caso dos entrettulos (ou interttulos), pequenos ttulos colocados no meio do texto,
para torn-lo menos denso. Eles no costumam ter mais do que trs ou quatro palavras
e so bastante teis para realar uma mudana de assunto. Observe, a cada quatro
ou cinco pargrafos, se no h oportunidade de separar os blocos de informao
usando este elemento.
Por isso mesmo, quando a ideia fazer a ponte com o novo tema que ser introduzido a seguir, o melhor que as palavras escolhidas para compor o entrettulo sejam
concretas e fortes alm de diferentes das usadas no ttulo.
Leia mais:
Manual do Publicador
Outro artifcio que facilita a compreenso do texto e deixa a diagramao mais leve
ao mesmo tempo so os boxes (em portugus, caixas). Eles servem para condensar
informaes citadas em uma matria, artigo ou texto institucional e que precisam complementadas, contextualizadas ou explicadas didaticamente. Na web, alm de textos,
tambm possvel encontrar animaes ou imagens dentro de boxes (imagem 1).
Se a matria est longa e pobre visualmente, tambm interessante extrair deste
contedo uma frase de impacto, que represente bem o tema central abordado, e
public-la fora da massa de texto. Este elemento chamado de olho (imagem 2)
e, quando bem escolhido, pode ser o responsvel por capturar a ateno de um
potencial leitor.
Imagem 1
Box com cotaes de aes no
site da BBC
Imagem 2
Exemplo de olho em pgina do Jornal da UFRJ
35
36
Imagem 3
Relao de nomes e cargos em texto corrido
Imagem 4
Relao de nomes e cargos em lista com marcadores
Mas, antes de tomar a iniciativa de formatar um olho, confira se o seu site tem um
padro visual para esse recurso, e se a ferramenta de publicao tem um comando
especfico. Em caso de dvida, melhor usar tcnicas mais simples, que no exijam
uma edio sofisticada.
Leia mais:
Manual do Publicador
Textos escritos em tpicos e distribudos em bullets (ou marcadores) so outra alternativa para destacar dados importantes. Usamos este recurso intuitivamente, toda
vez que elaboramos uma lista de compras, por exemplo.
Alm de separar as ideias mais importantes do resto do texto, os bullets quebram a
uniformidade da pgina, ao criar pequenos espaos em branco em meio massa
de pargrafos. E, por isso, atraem nossa viso na hora, como os produtos na lista do
supermercado.
Veja a diferena entre um texto corrido (imagem 3) e uma lista (imagem 4), exatamente
com o mesmo contedo:
Sentiu a diferena? No s voc. Pesquisas comprovam que o uso de marcadores
acelera a leitura, aumenta a absoro do contedo e atrai o olhar do usurio.
Padronizao
Se voc for o responsvel pela gesto de contedo web na sua organizao, considere padronizar este tipo de regra em um manual de redao e estilo especfico
para o site. Prefira, claro, adotar as mesmas regras e convenes j consolidadas
em sua comunicao interna ou externa.
formatao
qualidade
Caso estas regras no existam, coloque-as voc mesmo no papel, cuidando para
que todo o contedo publicado no site siga o mesmo padro. Isto vale para a forma
como voc ir descrever siglas, nmeros, cifras, ttulos de obras de arte (como livros,
msicas, filmes, programas de TV) etc.
37
anexos
hipertexto
38
Aqui, tambm, o excesso algo prejudicial. Pendurar uma lista de arquivos rela
cionados ao final de cada pgina no gera o destaque pretendido e banaliza a
importncia de cada documento. S utilize este recurso se o material extra realmente
tiver ligao com o tema central do texto em questo.
Procure, ainda, disponibilizar anexos no formato mais adequado para o usurio.
Alguns exemplos:
Documentos que precisam ser preenchidos ou adaptados: verses editveis, como arquivos do Word e PowerPoint;
Documentos apenas para leitura e impresso: formatos no-editveis,
como Adobe PDF e imagens;
Tabelas e bases de dados: arquivos que o usurio possa exportar para
outros programas, como Excel e Access.
A informao complementar da sua pgina tambm poder estar em um site
qualquer. No tem problema apontar para fontes de informao externa, desde
que voc tome alguns cuidados. Verifique se o site tem credibilidade (prefira fontes
oficiais, como as do Governo e de entidades de classe), se no tem erros grosseiros
de portugus e se no fechado para assinantes.
Leia mais:
captulo 3 Tcnicas
de Redao
link
navegao
Por fim, certifique-se de redigir chamadas atraentes, claras e que entregam o que
prometem. No mande o leitor para uma homepage, mas sim para a pgina interna
do site indicado, onde ele encontrar a informao especfica da chamada.
Se algum departamento da sua organizao tiver este tipo material grfico, em con-
dies de veiculao na web, corra atrs. Muitas vezes, contedos ricos ficam nas
gavetas porque ningum imaginou que eles pudessem ser publicados na web. udios
e vdeos de palestras, tutoriais ou eventos tambm devem ser aproveitados.
Imagem 5
Infogrfico no site Good Magazine
Crdito: http://www.flickr.com/photos/nunoluciano/
Imagem 6
Infogrfico no site Column 5
Crdito: http://www.flickr.com/photos/ralphpaglia/
39
40
Formatando um contedo
para publicao
Chegou a hora dos finalmentes: a insero do contedo na ferramenta de publicao
do site. E, depois de tanto capricho com texto, imagens e arquivos anexos, voc no
quer que nada saia errado. Tenha calma, pois faltam apenas os ajustes finos.
Textos e imagens
Leia mais:
Manual do Publicador
Leia mais:
captulo 2 Usabilidade
e Arquitetura de
Informao
Na hora de inserir as imagens, vale conferir se todos os textos esto alinhados conforme padro do seu site. A ferramenta de publicao est programada para fazer
essa formatao automaticamente.
Links
hipertexto
navegao
Leia mais:
captulo 2 Usabilidade
e Arquitetura de
Informao
Leia mais:
captulo 6 Anlise
de Mtricas Bsicas
Os links para outras pginas do seu prprio site, indicados como complemento
informao principal, devem abrir preferencialmente na mesma janela do navegador.
Como vimos anteriormente, o usurio constri sua prpria narrativa ao navegar entre
os links de um mesmo site, podendo retornar pgina inicial quando quiser pelo
boto Voltar ou pelo breadcrumb das pginas, onde a hierarquia das sees evidente.
Se voc deseja propor a leitura de assuntos correlatos (mas independentes) do contedo de sua pgina, sugerindo para pginas de outro site, faa esses links abrirem em
outra janela do navegador. Sim, existe a possibilidade de o visitante ficar neste novo
site e no voltar em seguida. Mas no se preocupe, porque o objetivo comercial de um
site institucional no segurar o usurio pelo maior tempo possvel e sim oferecer
informao, solues e servios com agilidade.
Diversas ferramentas de publicao apresentam um campo de resumo, que voc
precisa preencher com uma espcie de chamada do contedo que est colocando
no ar. Dependendo do site, esta sntese pode aparecer como um destaque na pgina
41
Metadados: as etiquetas
do contedo
Voc j procurou livros em uma biblioteca, pesquisando naquelas fichas de papel em
gavetinhas? Os termos de cada uma delas, com o resumo do tema de cada livro, autor,
data de publicao etc. so os parmetros de busca entre milhares, at milhes de ttulos.
Pois bem, esses so os metadados, e eles funcionam de modo semelhante na internet. Estamos falando de etiquetas, legendas de contedo invisveis que separam o joio do trigo.
Invisveis entre aspas, porque esse verdadeiro inventrio do que est publicado na Rede
fica oculto para ns, usurios, mas muito importante para a visibilidade de uma pgina
web. Isto porque a tecnologia de metadados ajuda os sistemas de busca de contedo
a reconhecer o que est por trs dos arquivos e catalog-los corretamente. Assim, eles
podem ser encontrados mais facilmente.
Existem vrios componentes dos metadados, mas suas principais partes (ou meta tags)
so o ttulo, a descrio e as palavras-chave. A fim de que sua pgina seja bem categorizada e pontuada por buscadores como Google, Yahoo! e Bing, voc deve inseri-las
corretamente na seo <head> do cdigo-fonte de cada pgina produzida. Mas calma,
voc no precisa virar dubl de programador. A parte tcnica ser resolvida pela sua
ferramenta de publicao ou pelo webmaster do seu site.
Leia mais:
Manual do Publicador
42
O importante que as meta tags sejam nicas, claras e informativas, permitindo a asso
ciao mais direta possvel com o contedo da tela em questo. Afinal, elas servem,
literalmente, como etiquetas do contedo. No adianta ter uma sacada para um
ttulo que deixe o usurio na dvida sobre onde ele est e para que serve essa pgina.
A meta tag de ttulo (Title) aparece tanto na barra superior do seu navegador quanto no
resultado de uma busca ( o ttulo clicvel da sua pgina), como ilustrado na imagem 7.
Imagem 7
Exibio do ttulo de uma pgina web
De to importante no processo de otimizao de sites (SEO), ela a nica obrigatria: para que um cdigo HTML seja criado, gerando um site, o prprio programa
preenche uma title tag genrica.
Como o ttulo de um livro, a title tag a primeira coisa que um internauta examina
quando se depara com a pgina e quer entender, rapidamente, de que assunto ela
trata. para l que o usurio olha quando est com vrias janelas abertas no seu
navegador e quer saber o que ler em seguida.
Ao preencher a title tag, comece com o nome da sua empresa, por exemplo, seguido
da palavra-chave mais importante sobre a pgina em questo, sem ultrapassar 65letras
limite de caracteres que o Google consegue exibir no resultado de buscas por
uma pgina. Se voc o ultrapassar, sua mensagem ficar cortada na tela. A cada
contedo, este ttulo deve mudar.
Ex.: Construtora Joo de Barro Sobre a organizao
Construtora Joo de Barro Programa de Estgio
A descrio (description tag) deve oferecer um resumo do que a sua pgina contm,
em at 160 caracteres. Pense, por exemplo, no que as pessoas precisam/gostariam de
saber a respeito da sua empresa ou organizao (o que ela faz, onde est localizada)
e use os termos mais importantes no texto da pgina para compor este resumo. Em
algumas ferramentas, esse campo chamado de resumo ou descrio.
43
Leia mais:
Manual do Publicador
Leia mais:
artigo sobre a
importncia das
palavras-chave
em textos:
www.cnc.org.br/
webwriting
44
Resumo do captulo
O que fazer:
Resumir o texto ao mximo
Criar entrettulos (frases de destaque em negrito) para quebrar textos
longos, como nas revistas
Usar listas com tpicos (marcadores) sempre que possvel
Grifar as palavras mais importantes de um texto (negrito)
Enriquecer o contedo com fotos, tabelas e outros recursos grficos
Buscar e incluir links para outros contedos relacionados com a
pgina publicada
Avaliar a relevncia e pertinncia de um arquivo antes de anex-lo
auma pgina
Subdividir um contedo extenso em blocos menores, interligados
por links
Redigir chamadas claras e atraentes ao sugerir links para
contedo complementar
Alinhar o texto esquerda, para facilitar a leitura
Alinhar imagens esquerda ou direita do corpo de texto, com
margem entre eles (consulte o Manual do Publicador)
Programar links para abrir na mesma janela quando a pgina for do
seu prprio site (consulte o Manual do Publicador)
Programar links para abrir em uma nova janela quando a pgina for
de um site externo (consulte o Manual do Publicador)
Preencher o campo resumo de modo claro e sinttico, para
fazer sentido inclusive num resultado de busca (consulte o
Manual do Publicador)
Atribuir palavras-chave que facilitem a localizao da pgina pelos
termos mais representativos
Visualizar uma nova pgina pronta (rascunho) antes de public-la no site
O que evitar:
Subdividir o contedo em pginas sequenciais com navegao
apenas por nmeros (paginao), sem chamadas que descrevam
ocontedo das telas a seguir
Copiar textos do Word com recursos avanados de formatao
(consulte o Manual do Publicador)
Inserir imagens soltas na pgina, entre pargrafos, sem alinhamento
com o texto
45
Imagens e Multimdia
Visualize duas lojas do mesmo ramo, uma ao lado da outra. A primeira est bonita, limpa, com
uma vitrine bem organizada; j a segunda tem rachaduras na pintura e cartazes improvisados na
vitrine. Em qual delas voc entraria? E mais: a quem confiaria o seu dinheiro para contratar um
produto ou servio?
Se voc optou pelo estabelecimento mais bonito, no tem motivo para se envergonhar. Afinal,
natural que a boa aparncia cause uma impresso positiva em nosso inconsciente. Se isso justo
ou no, uma outra histria, mas o impacto nos negcios bem real.
A mesma lgica vale para o comportamento do cliente na web.
O cuidado com o acabamento do site ajuda a passar uma imagem profissional da sua organizao.
Quem no se preocupa com a identidade da empresa na web corre o srio risco de perder oportunidades. Pior: um visual amador pode comprometer a sua credibilidade, mesmo se o contedo
estiver adequado.
To importante quanto a qualidade do texto na web o cuidado reservado seleo e ao tratamento de fotos, ilustraes, grficos, vdeos e udios. Neste captulo, voc vai aprender fundamentos
do que preciso fazer para deixar seu site mais atraente. So dicas sobre como editar, salvar e
publicar imagens com preciso e qualidade.
E voc ver tambm como tirar o mximo proveito de um contedo multimdia esteja ele em
formato de vdeo, udio ou animao para enriquecer a experincia do usurio.
Sites institucionais tm se tornado a principal porta de entrada para potenciais clientes. Aproveite
essa oportunidade. E cause uma boa impresso nesse primeiro encontro.
Neste captulo
Fotos
Vdeo
48
Fotos
O cuidado com as imagens de um site institucional no apenas uma questo esttica. claro que voc deve se preocupar em dar uma aparncia bacana pgina da
sua organizao na web. Mas fique sabendo que seus efeitos podem ser bem mais
abrangentes e lucrativos.
Um site com fotos de baixa qualidade um convite para afugentar qualquer visitante.
E se voc no souber dimension-las corretamente, adeus! No h nada pior para o
internauta do que gastar tempo esperando uma imagem pesada carregar.
Outro erro comum no ter critrio na hora da edio de uma foto. Acredite: saber
recortar uma imagem uma arte que no deve ser desprezada. Se bem feito, o
recorte valoriza a pgina e desperta a ateno do usurio; mas, se mal executado,
pode colocar a perder todo o seu sentido.
Boas imagens tambm ajudam voc a divulgar as aes da sua organizao para alm
do prprio site. E, o mais importante, quem aprende a manuse-las evita retrabalho
e ganha tempo para se dedicar a outras tarefas.
Mos obra!
Antes do clique
Saber o que pixel o primeiro passo antes de comear a dominar tcnicas de trata
mento de imagens. simples: toda imagem composta por pequenas partculas.
Na tela do computador, so quadrados coloridos. Pixel nada mais do que cada um
desses quadradinhos.
No d para identificar pixels a olho nu. preciso aumentar bem o tamanho de uma
imagem para conseguir enxerg-los, conforme indica as imagens 1 e 2.
Lembre-se deste conceito. Ele ser sempre til para quem trabalha com tratamento
de imagens.
Imagem 1
Foto em tamanho original
Imagem 2
Detalhe expandido, evidenciando os pixels
49
Se voc o responsvel por tirar as fotos dos eventos corporativos, no precisa usar
o mximo de resoluo da sua cmera digital para obter boas fotos para a web. Com
72 ou 100 dpi (pontos por polegada, em portugus), j possvel conseguir um bom
resultado. Mais do que isso desperdcio de espao, porque os monitores ainda esto
longe da definio grfica do papel.
Mas ateno: se voc tambm planeja aproveitar essas imagens em materiais impressos, a tudo muda de figura. Nesse caso, o melhor tirar as fotos com a maior
resoluo e o maior tamanho possvel. O recomendvel a partir de 300 dpi.
imagens
Quem usa o celular para registrar eventos deve ter cuidado redobrado. No porque
seu aparelho tem uma cmera de cinco ou dez megapixels que a festa estar garantida. No se engane: a qualidade da imagem vai depender de uma srie de outros
fatores, como a lente, o software e a performance do flash da cmera. Por isso,
prefira uma cmera digital dedicada, que oferece boa qualidade por preos razoveis.
Uma opo para quem no tem tempo ou equipamentos
adequados para tirar fotos buscar imagens conceituais em bancos de imagens na internet. Hoje, existe
uma boa variedade deles, como iStock e Valorpix, onde
voc pode comprar fotos e ilustraes em diversos
tamanhos. H tambm bancos de imagens gratuitos,
como Every Stock Photo e Free Digital Photos.
Leia mais:
captulo 7
Direitos Autorais
imagens
50
Resoluo x dimenso
O tratamento da imagem o momento que exige maior ateno. O primeiro passo
saber distinguir entre resoluo e dimenso.
A resoluo de uma imagem indica sua densidade, quantificada pelo o nmero de
pixels impressos ou exibidos por unidade de medida em geral, polegada. Quanto
mais pixels (pontos) uma foto tiver, maior a sua resoluo e, consequentemente,
sua qualidade. Para a exibio de imagens em tela de computadores, devemos ficar
mais atentos s dimenses da imagem, para sabermos o tamanho relativo que ela
ocupar na tela.
J a dimenso nada mais do que o tamanho (rea) da imagem em polegadas ou
centmetros, relacionando largura x altura. Agora, guarde esta regra: quanto maiores
as dimenses de uma foto, maior dever ser a sua resoluo.
Para facilitar a sua compreenso, imagine um suco de fruta concentrado. Quanto
mais gua voc misturar, mais suco vai ter no copo, s que menos concentrado.
Resultado: o produto final pode ficar ralo. O raciocnio o mesmo para explicar as
diferenas entre dimenso e resoluo, como ilustram as imagens 3 e 4.
Imagem 3
Foto com resoluo adequada
imagens
Imagem 4
Qualidade prejudicada pela baixa resoluo
Resoluo voc reduz, mas no pode aumentar. E uma vez reduzida, um abrao!
como esticar uma massa de macarro: ao expandi-la, voc no consegue
aumentar o seu volume. Com a superfcie mais fina, furos vo aparecer. J a dimen
so pode ser aumentada, mas sob o risco de afetar a qualidade da imagem.
Formatos de arquivos
E qual a melhor extenso de imagens para web? Depende. Se voc costuma trabalhar com fotos ricas em detalhes e cores ou com ilustraes complexas, o melhor
usar JPG. Isso porque esse formato comprime a imagem mantendo ao mximo
suas caractersticas originais.
J o GIF um formato menos refinado, prprio para imagens chapadas, isto ,
com pouca riqueza de detalhes e variaes de cores. Logotipos, ttulos e tabelas
em imagem geralmente tm a extenso GIF. Faa voc mesmo o teste e compare
os dois formatos.
E o BMP (Bitmap) nada mais que a extenso padro do Windows. o formato usado
para salvar uma imagem com a melhor qualidade possvel o que no o nosso
caso. Afinal, estamos falando de tratamento de imagens para web, que privilegia a
leveza. Portanto, nada de publicar imagens em formato BMP.
Recorte e redimensionamento
Muita ateno na hora de cortar as fotos. Se voc tem uma imagem de um grupo de
mais de 20 pessoas em uma reunio de trabalho, por exemplo, reduzi-la apenas no
vai adiantar. Mesmo que no distora, a foto ficar incompreensvel para o usurio.
O melhor escolher um pedao da imagem que faa sentido.
Por exemplo: recorte o trecho em que um dos participantes aparece claramente
prestando ateno ao que est sendo apresentado no encontro. Veja as imagens 5,
6 e 7 para comprovar a diferena de um recorte bem feito em fotos reduzidas.
Mas, se a foto no ficar boa mesmo assim, no perca tempo. Procure outra imagem
que funcione melhor em dimenses menores.
Imagens 5, 6 e 7
Foto original em tamanho maior, com uma verso apenas reduzida
( esquerda) e uma reduzida com recorte
Fonte: Divulgao/Fecomercio-AM
imagens
redimensionamento
51
52
Publicao e hospedagem
imagens
acessibilidade
Leia mais:
captulo 2 Usabilidade
e Arquitetura da
Informao
Leia mais:
captulo 7
Direitos Autorais
Vdeo
Usar ou no usar?
Vdeos humanizam histrias, aproximam pessoas e dinamizam o site. Estudo recente
feito nos EUA indica que o nmero de pessoas que assistem a vdeos em seus aparelhos celulares disparou 43%1 em 2010. No Brasil, a audincia do YouTube engordou
33%2 no mesmo ano. Esses dados j do uma noo de como a multimdia tem
ganhado espao na web.
Apesar dessa crescente popularidade, nem sempre vale a pena colocar vdeos em
um site institucional. Como em qualquer formato de comunicao, preciso avaliar
se o assunto, o contedo e os recursos de produo so apropriados.
Se voc tiver a ideia de publicar um vdeo do seu presidente falando do ltimo lana
mento de um servio, por exemplo, fique atento a algumas questes:
Metas: importante saber definir bem o que voc planeja fazer. Um vdeo
pode nem ser a melhor soluo para o seu problema. Se a sua empresa
deseja anunciar algum novo servio, por exemplo, j parou para pensar em
um tutorial animado? Ele pode sair muito mais em conta do que um vdeo.
Tempo: as pessoas no tm pacincia para vdeos muito longos na web. O
especialista em usabilidade Jakob Nielsen recomenda que as gravaes no
ultrapassem um minuto de durao. Achou pouco? Pois , muito mais do
que isso correr o risco de perder o interesse do usurio na sua mensagem.
Custo: se voc dispe de recursos para contratar uma equipe ou manter
equipamentos sofisticados de gravao de vdeo, parabns! Mas se esse no
o seu caso, para que insistir em solues amadoras? Existem outras manei
ras interessantes e eficazes de despertar a ateno de potenciais clientes.
Atratividade: certos cenrios e formatos so mais atraentes do que outros.
Um vdeo pode ser bem roteirizado e surpreender o usurio com imagens
impactantes e uma edio dinmica; por outro lado, tambm pode dar
sono ao mostrar uma pessoa parada, falando por dez minutos. Alis, uma
pesquisa de Nielsen enfatiza como vdeos montonos simplesmente passam
despercebidos.3
vdeos
53
54
Formatos
Se voc realmente sente necessidade de produzir vdeos para o seu site e tem recursos
para assumir essa empreitada, timo. Nesse caso, importante ficar por dentro dos
formatos de vdeo mais comuns:
AVI
Pontos fortes: alta qualidade, embutido no Windows
Pontos fracos: arquivos pesados, s funciona na plataforma Windows
WMV (Windows Media Video)
Pontos fortes: boa relao qualidade x peso
Pontos fracos: s funciona na plataforma Windows
MOV (Quicktime Video)
Pontos fortes: boa relao qualidade x peso, multiplataforma, compatvel com Mac
Pontos fracos: exige software de reproduo compatvel
FLV (Flash Video)
Pontos fortes: arquivos leves, popularidade do Flash, pr-instalado no Windows
Pontos fracos: exige plug-in na verso compatvel com o vdeo
vdeos
compartilhamento
Se o seu plano for subir os vdeos para um site de compartilhamento, como YouTube
ou Vimeo, a preocupao com o formato praticamente deixa de existir. Basta fazer
upload, e a converso ser automtica.
1, 2, 3, gravando
Certifique-se de escolher uma filmadora digital adequada o que no quer dizer
necessariamente cara. Algumas cmeras fotogrficas gravam vdeos razoavelmente
( bom testar antes de comprar) e so alternativas econmicas, enquanto a maioria
dos smartphones no d nem para o gasto. Agora, se quiser obter vdeos de alta
qualidade, voc vai precisar de uma filmadora mesmo.
vdeos
Lembre-se de fazer testes antes de gravar. Confira o tempo de bateria nos diversos
mdulos de captura, o zoom, a qualidade do udio para som ambiente e outros
detalhes. Se a filmagem de um evento corporativo ficar ruim, voc no ter uma
segunda chance. E sabe como funciona a Lei de Murphy...
vdeos
Para vdeos mais simples, vale usar o Windows Movie Maker, que j vem instalado no
sistema operacional e tambm serve para edio de udio. possvel baixar gratuitamente o Lightworks indicado como um dos mais completos por especialistas
entre os editores gratuitos.
Na web, tambm h editores on-line como o Video Toolbox e o Stroome. Na maioria
das vezes, eles so integrados ao YouTube, o que facilita a publicao. Em uma rpida
pesquisa na web, voc encontrar uma srie de ferramentas gratuitas ou baratas para
experimentar.
E se o seu vdeo estiver em um formato incompatvel com o editor ou o publicador?
Isso acontece em alguns modelos de cmeras e smartphones, mas tem soluo:
baixe a ferramenta gratuita Any Video Converter, que permite a converso das extenses mais populares. Se preferir, procure outras opes, que no faltam no mercado.
Depois de tudo isso, s falta publicar o seu vdeo na ferramenta do site ou em um servio
on-line de compartilhamento. E torcer para que eles sejam campees de audincia.
55
56
Resumo do captulo
O que fazer:
Descrever cada imagem no campo texto alternativo, para melhorar
a acessibilidade
Usar fotos e ilustraes preferencialmente no formato JPG
Usar cones e grficos preferencialmente no formato GIF
Publicar arquivos de udio no formato MP3 ou WMA
Publicar vdeos em WMV, Flash Video ou outro formato compacto
Subdividir udios ou vdeos extensos em blocos/captulos menores
Subir imagens em baixa resoluo (consulte o Manual do Publicador)
Observar as dimenses mximas de imagens, principalmente a largura
Fazer melhorias bsicas a imagens quando necessrio (brilho, contraste)
Recortar a foto, quando preciso, para melhorar seu enquadramento
ou adequ-la ao espao
Considerar ferramentas da web para fotogalerias, que so gratuitas e
favorecem o compartilhamento (ex.: Flickr, Picasa)
Considerar ferramentas da web para vdeos, que so gratuitas e
favorecem o compartilhamento (ex.: YouTube, Vimeo)
Considerar ferramentas da web para apresentaes, que so gratuitas
e favorecem o compartilhamento (ex.: SlideShare, Issuu)
Se usar cones para ilustrar contedos (ex.: servios), seguir a mesma
linha grfica do site
O que evitar:
Salvar imagens em BMP e outros formatos pesados, que demoram
a carregar
Usar imagens em alta resoluo (consulte o Manual do Publicador)
Subir imagens maiores do que a largura da pgina do site
Esticar ou espremer uma imagem ao redimension-la (consulte o
Manual do Publicador)
Usar GIFs animados e Flash sem real necessidade
Criar banners animados com muito texto
Reduzir uma foto com muitos elementos sem recort-la
Subir vdeos em AVI e outros formatos pesados
Publicar udios ou vdeos extensos demais
57
Anlise de
Mtricas Bsicas
Neste captulo
Pensando estrategicamente
Fazendo a sua seleo de mtricas
Tornando essa anlise uma rotina
60
Pensando estrategicamente
O que so mtricas
Calma, mtrica no um bicho de sete cabeas. De maneira simples e objetiva: ela
nada mais do que um dado que pode indicar performance no nosso caso, de
um site empresarial.
Ao estabelecer mtricas para o seu site, voc ser capaz de identificar elementos como:
Quantidade de visitas em um perodo;
Quantidade de pessoas cadastradas;
Quantidade e ranking das pginas mais visitadas;
Dias e horrios com maior e menor acesso;
Origem dos cliques, isto , de onde os usurios vieram;
Caminhos mais comuns percorridos pelos usurios no site.
As opes de usos e combinaes entre elas so muitas, como veremos mais adiante.
mtricas
estratgia
61
62
O resumo o seguinte: ao escolher uma mtrica para analisar periodicamente, pergunte a si mesmo por que ela to importante. Se a resposta no estiver na ponta
da lngua at o terceiro E da, descarte-a. Ela certamente no far diferena para
o seu negcio neste momento.
Conhea, a seguir, as mtricas web mais comuns e suas principais aplicaes:
Page views ou impresses: indica a quantidade total de pginas exibidas no
seu site em um determinado perodo (dia, semana ou ms). Se uma pessoa
entrar no seu site uma vez e abrir dez pginas, ter gerado dez page views.
A mesma coisa, se ele entrar dez vezes e abrir uma pgina a cada visita.
Aplicaes:
Se avaliada isoladamente, diz pouca coisa. Mas, se correlacionada
ao nmero de downloads, por exemplo, pode indicar se os usurios
tm ou no baixado arquivos do site;
Mensurao de desempenho do site em termos de audincia;
Avaliao de retorno de campanhas pontuais.
Visitantes nicos: a quantidade absoluta de visitantes que o seu site
recebe em um determinado perodo. Ao contrrio da Page View, se um
visitante entrar no seu site mais de uma vez por dia, somente a primeira
vez ser considerada.
Aplicaes:
Mensurao da taxa de ativao, que expe a penetrao efetiva do
site em relao base cadastrada;
Avaliao de retorno de campanhas pontuais;
Anlise histrica de fidelizao do usurio.
Visitas nicas ou sesses: a quantidade de vezes que a massa de usurios
acessou o site, independentemente do nmero de pginas vistas cada vez.
Aplicaes:
Quantificao global de visitas efetivas ao site;
Avaliao de retorno de campanhas pontuais;
Anlise histrica de fidelizao do usurio.
Origem do usurio: indica de onde vm os usurios que acessam o seu
site. Com esta mtrica, voc pode saber se a maior parte das visitas tem
origem em sites de busca (Google, Yahoo! etc.), em sites de parceiros da
sua empresa (clientes, fornecedores, sindicatos etc.), ou ainda em cliques
em banners, e-mail marketing ou via trfego direto, isto , pela digitao do
seu endereo na barra do navegador.
Aplicaes:
Avaliao de desempenho de campanhas por plataforma/veculo;
63
64
navegao
busca
65
66
Aplicaes:
Identificao de pginas com maior potencial de retorno para
determinadas campanhas;
Acompanhamento contnuo do nmero de manifestaes e sua
categorizao (elogio, reclamao, sugesto);
Subsdios para mudanas no FAQ do site.
Quantidade de downloads: nmero de vezes que usurios baixaram arquivos
do seu site, como guias de pagamento, por exemplo.
Aplicaes:
Identificao dos documentos de maior relevncia para o usurio;
Cruzamento com visitas nicas ou sesses permite identificar
perodos de maior pico de downloads de arquivos;
Avaliao da quantidade de downloads em relao meta definida.
Taxa de converso: percentual de usurios que visitaram o site e compraram um produto, contrataram um servio ou tornaram-se associados, entre
outras aes comerciais.
Aplicaes:
Cruzamento com o nmero de visitantes nicos para saber a
penetrao do site no seu pblico-alvo;
Subsdios para o lanamento de promoes;
Subsdios para campanhas de filiao.
Imagem 1
Tela do Google Analytics
67
68
estratgia
qualidade
Voc j deve ter percebido que preciso ter muita disciplina para fazer uma apurada
anlise de mtricas. verdade. No adianta realizar essa avaliao s a cada seis
meses. preciso criar uma rotina de trabalho. O ideal que voc acompanhe mensal
mente os nmeros extrados do relatrio de mtricas. Mas h casos especficos que
exigem tambm um monitoramento quase dirio.
Procure, ainda, fazer comparaes entre diferentes perodos para avaliar o sucesso de
uma campanha ou melhoria no site. Certas tendncias s ficam claras dentro de uma
viso histrica o mesmo ms no ano passado, os ltimos trs anos, e da por diante.
E lembre-se de registrar eventos ou anncios que tenham influenciado um aumento
de visitao ou uso de um servio no site. Isso precisa ficar claro no seu relatrio.
Tenha sempre em mente que trabalhar com mtricas adotar uma nova viso de
trabalho. Quem atua nesse ramo sabe que muito comum enfrentar resistncias
dentro do ambiente de trabalho para realizar as mudanas necessrias para um bom
aproveitamento do site.
estratgia
relacionamento
Resumo do captulo
O que fazer:
Definir metas e objetivos voc precisa saber aonde quer chegar
antes de medir o desempenho do site
Priorizar as mtricas e indicadores de sucesso para gerar relatrios
Analisar relatrios de visitao periodicamente
Comparar dados de acesso com os de perodos anteriores
Apresentar um sumrio executivo para a presidncia/diretoria,
destacando os indicadores-chave
Decidir aes concretas com base na anlise dos relatrios
Revisitar a lista de mtricas de tempos em tempos, mantendo as mais teis
Cruzar dados do site com outras fontes (ex.: atendimento telefnico)
Correlacionar diferentes mtricas para embasar concluses
Discutir dados e concluses dos relatrios com colegas e/ou superiores
Comparar dados de desempenho do Sistema e do mercado
O que evitar:
Tratar o site como uma ferramenta que traz s benefcios intangveis
(ex.: reputao)
Definir mtricas demais para serem rastreadas e analisadas
Dedicar tempo anlise de mtricas que no trazem informaes
teis ao negcio
Gerar relatrios extensos e maantes
Encerrar uma discusso de mtricas sem concluses e prximos passos
Analisar relatrios esporadicamente, sem uma rotina definida
Tirar concluses precipitadas sobre o sucesso ou no de um servio on-line
Encaminhar um relatrio apenas com dados brutos, sem comentrios
e recomendaes.
69
Direitos Autorais
Ter acesso a contedo nunca foi to fcil. Pass-lo adiante tambm no. Fotos, vdeos, textos... a
web nos oferece uma infinidade de coisas interessantes para publicar e compartilhar. Isso pode
nos trazer tanto boas oportunidades quanto processos judiciais. A diferena entre os dois extremos est em algo simples: conhecer os direitos autorais e saber us-los a seu favor.
Embora envolva uma srie de leis, com aquela linguagem nunca amistosa, fcil saber como agir
na maioria das vezes. As principais fontes de informao, como portais e sites de compartilha
mento, divulgam o que o que se pode e o que no se pode fazer com o contedo ali exposto.
Reserve poucos minutinhos para ler.
Afinal, a internet no uma terra de ningum, e nem tudo o que publicado de domnio pblico. E agora voc tambm ver a questo por outro ngulo: afinal, vai gerar contedo no site
da sua instituio. Assim, no se esquea de estabelecer uma poltica de uso e deix-la clara para
os visitantes.
E vamos em frente.
Neste captulo
72
Leia mais:
ntegra da Lei de
Direitos Autorais
www.cnc.org.br/
webwriting
A primeira regrinha bsica seguir o velho e correto bom senso: ao usar o contedo
de terceiros em seu site, sempre cite de onde voc o conseguiu. E o principal: no
use o material para obter lucro.
legislao
Modelos de licena
Se voc est em um site, interessou-se por determinado contedo e quer republic-lo
na sua pgina, a primeira coisa a fazer observar o modelo de licena utilizado. Os
mais comuns so o Copyright e o Creative Commons. Geralmente, essa informao
est disponvel na parte inferior da tela.
Copyright
Confira as principais caractersticas desse modelo de licenciamento, o mais comum
entre os veculos de comunicao com fins comerciais:
proibida a execuo de partes ou de toda a obra sem autorizao;
O autor detm todos os direitos reservados sobre a obra;
No permitida alterao, distribuio ou obra derivada sem permisso.
O grau de destaque e detalhamento sobre a licena varia entre os veculos de comu
nicao. Observe os exemplos do sites dos jornais The New York Times (imagem 1)
e O Globo (imagem 2), onde as restries esto bem mais enfatizadas do que no
Portal da CNC Confederao Nacional do Comrcio de Bens, Servios e Turismo
(imagem 3).
Imagem 1
O aviso de Copyright
do NYT assertivo, mas
explica didaticamente as
aes possveis
Imagem 2
O site do jornal A Folha de S.Paulo enfatiza a proibio
de reproduzir seu contedo sem autorizao
Imagem 3
Mensagem de copyright no site da CNC
73
74
Creative Commons
O modelo de licenciamento Creative Commons (CC), lanado em 2002, muito
mais recente do que o Copyright. Pensado em meio revoluo digital, ele segue
uma filosofia bem mais flexvel:
Esse modelo permite ao autor decidir que direitos pretende resguardar;
As licenas vo desde a renncia quase completa sobre a obra at algumas
opes restritivas, que probem a derivao ou o uso comercial;
O autor tem liberdade de escolher um tipo de licena para cada contedo.
Conhea as diferentes licenas do Creative Commons:
Leia mais:
site da Creative
Commons (em ingls)
www.creativecommons.org
CC BY
Permite distribuio, remixagem, adaptao e utilizao
em outras obras, at com fins comerciais, desde que
haja crdito pela criao original.
CC BY-SA
Permite distribuio, remixagem, adaptao e utilizao
em outras obras, at com fins comerciais, desde que
haja crdito pela criao original e que a nova obra seja
licenciada da mesma forma.
CC BY-ND
Permite redistribuio desde que a obra no sofra alterao e que haja crdito pela criao.
CC BY-NC
Permite distribuio, remixagem, adaptao e utilizao
em outras obras apenas para fins no comerciais.
preciso atribuir crdito pela criao original, mas sem
necessidade de licenciar da mesma forma.
CC BY-NC-SA
Permite distribuio, remixagem, adaptao e utilizao
em outras obras apenas para fins no comerciais.
preciso atribuir crdito pela criao origina e licenciar
da mesma forma.
CC BY-NC-ND
A licena mais restritiva: s permite download e compartilhamento da obra, atribuindo o crdito e sem alter-la
ou us-la para fins comerciais.
75
Boas prticas
Em caso de dvida, entre em contato com o autor
Voc j percebeu que so muitas e variadas as possibilidades de uso da obra de
terceiros. Em alguns casos, as definies de direitos autorais no esto explicitadas,
como na maioria dos blogs. Portanto, no hesite caso tenha alguma dvida: entre
em contato com o autor.
Cite a fonte
Alm de respeitar as regras do direito autoral, voc pode demonstrar sua boa-f: cite
a fonte do contedo que voc usar em seu site, inclua o link original em seu site e
informe isso ao autor. Voc poder se surpreender e at mesmo criar boas parcerias.
Leia mais:
captulo 5 Imagens
e Multimdia
76
Leia mais:
site do Flickr
www.flickr.com/commons
Imagem 4
Seo do Flickr com imagens licenciadas no modelo
Creative Commons
Leia mais:
www.youtube.com/t/
copyright_center
Imagem 5
Centro de direitos autorais do YouTube
legislao
imagens
Quando no conseguir fotos ou ilustraes gratuitas, procure bancos de imagens royalty-free, que autorizam o uso sem exclusividade por preos mais
em conta. O nome pode confundir, mas royalty-free no significa uma obra
gratuita, e sim que pode ser utilizada em mais de um canal, inclusive por
empresas concorrentes.
Imagem 6
Site da Agncia Cmara
Imagem 7
Site da Agncia Brasil
77
78
Estabelea parcerias
legislao
relacionamento
O uso do clipping pode gerar boas oportunidade de parceria para o seu site. Mas
fique atento: ao apontar o link para o contedo original e entrar em contato com o
autor, informando-o sobre a republicao do contedo, voc pode argumentar que
a curiosidade dos leitores pode aumentar o trfego em ambos os sites, sendo uma
medida benfica para ambos. Ao mesmo tempo, pode oferecer a ele que publique
material produzido por voc.
Imagem 8
Tirinha de Robmaia, sobre direitos autorais.
Fonte: http://thirinhas.wordpress.com
Srie: Noronha o blogueiro pobre de esprito 0031
Resumo do captulo
O que fazer:
Antes de republicar um contedo, observar a poltica comercial e o
copyright da fonte
Citar fonte de contedo reproduzido
Incluir link para site externo que originou um contedo citado ou
reproduzido
Dar crdito ao autor de uma foto ou ilustrao
Pedir autorizao, por e-mail ou fax, de uso de imagem de pessoas
em fotos
Republicar somente imagens comprovadamente de domnio pblico
(ex.: Agncia Brasil, rgos pblicos, fontes com autorizao explcita
de republicao)
Adquirir fotos de bancos de imagens royalty-free, sem exclusividade,
que so mais econmicas
O que evitar:
Reproduzir contedo de terceiros com fins lucrativos sem negociar acordo
Usar fotos obtidas da internet (ex.: Google Images) sem o devido
licenciamento
Assumir o crdito por contedo de terceiros
Deixar de citar a fonte e incluir link para o site com a ntegra do
contedo externo
79
Apndice
Glossrio
ALT
Embutido no cdigo das pginas web, o atributo ALT descreve em palavras o que uma imagem
representa. Da o nome ALT, abreviao de texto alternativo. Essa descrio, que deve ser inserida
manualmente por quem publicar a pgina, auxilia mecanismos de busca e leitores de pginas para
deficientes visuais.
AVI
Formato de udio e vdeo, criado pela Microsoft, que se popularizou por ser reconhecido pela maioria
dos computadores com Windows e dos leitores de DVD. AVI, por extenso, Audio Video Interleave.
BMP
O formato BMP, sigla para Windows Bitmap, um formato comum de grficos no sistema opera
cional da Microsoft. Para publicao na web, ele costuma ser convertido para formatos mais leves,
como JPG e GIF.
Breadcrumb
Conhecido como rastro de navegao, breadcrumb significa migalhas de po na traduo literal.
representao simples dos nveis de navegao em um site, a partir da pgina em que o usurio
se encontra. Com o apoio de links em uma linha de texto, geralmente no topo da tela, possvel
retornar para uma pgina anterior ou subir para sua seo, por exemplo.
Cdigo-fonte
Trata-se das instrues por trs das pginas web, codificadas em HTML HyperText Markup
Language, que significa Linguagem de Marcao de Hipertexto. Diversas ferramentas de edio
do mercado dispensam o domnio dessa codificao para publicaes simples.
Converso
Em marketing, significa a realizao de uma determinada ao por parte do cliente que atinja um
objetivo comercial. Por exemplo: fechamento de uma compra, assinatura de newsletter, envio de
um e-mail comercial.
Copyright
Direito de autor. So os direitos pertencentes ao criador intelectual de alguma obra.
Creative Commons
Descrio popularmente difundida para o conjunto de licenas estabelecidas pela ONG Creative
Commons.
82
DPI
Do ingls dots per inch, significa pontos por polegada e representa a densidade de pontos em uma
foto ou ilustrao. Quanto mais pontos por polegada, maior a qualidade da imagem na tela e no papel.
Eyetracking
Tcnica de estudo de usabilidade que mede o grau de ateno e a movimentao dos olhos dos
usurios, enquanto usam o computador no caso da web, para navegar em pginas.
Flash
Software utilizado para animaes interativas, popularizado na web, com extenso de arquivo .swf.
Flash Video
Com extenso de arquivo .flv, um formato de vdeo leve que roda no software Flash.
GIF
Formato de imagem compacto, limitado a 256 cores, usado predominantemente para cones e
imagens chapadas na web devido sua leveza.
Hiperlink
Recurso usado para redirecionamento do usurio para outros contedos na web. Os hiperlinks (ou
links) podem apontar para pginas externas ou do prprio site, assim como arquivos para download.
Hipertexto
Texto publicado em uma plataforma digital que permita a interligao de pginas e elementos por meio
de hiperlinks (ou simplesmente links). a base da navegao na web, com interface grfica interativa.
HTML
a linguagem das pginas na web.
Infogrfico
Soluo de comunicao visual que combina textos com fotos, ilustraes, mapas e outros
recursos grficos. Trata-se de um recurso til para resumir e explicar informaes complexas
no apenas na web, como tambm em jornais, revistas e livros.
JPG
Tambm conhecido como JPEG, um formato prprio para compactar fotos e ilustraes. Por
trazer uma boa relao entre tamanho de arquivo e qualidade da imagem, o formato predominante na web para imagens detalhadas.
Layout
Termo refere-se ao projeto visual tanto de meios impressos como de sites e outros ambientes na web.
Metadados
Na web, so dados que descrevem o contedo e as caractersticas de cada pgina no cdigofonte. Os metadados podem ser gerados manual ou automaticamente e servem de orientao
aos mecanismos de busca.
MOV
Formato de arquivo multimdia do software QuickTime, da Apple.
Nveis de navegao
So as camadas hierrquicas em um site na web. Por exemplo, em uma loja virtual: seo de
informtica (1 nvel), subseo de notebooks (2 nvel), pgina com modelos de uma determinada
marca (3 nvel).
Otimizao de sites para buscadores (SEO)
Sigla para search engine optimization, em ingls, um mix de estratgias e tcnicas para aumentar
a visibilidade de um site nos resultados de buscas no Google, Bing e outros buscadores na web.
Tais tcnicas vo desde ajustes na redao das pginas at a insero de metadados e o uso de
ferramentas especficas.
Pingue-pongue
Tipo de entrevista editada e publicada no formato de perguntas e respostas, com um breve texto
de abertura para introduzir o assunto e o entrevistado. Nestes casos, faz-se um texto introdutrio
para apresentar o tema e, em seguida, alternam-se as questes do jornalista e as declaraes do
entrevistado.
Pixel
o menor elemento em uma tela, isto , um ponto de uma imagem digital. A resoluo de moni
tores, por exemplo, medida em pixels: 800 x 600, 1.024 x 768 etc.
Pontos por polegadas
Ver DPI.
QuickTime Video
Ver MOV.
Royalty-free
Modalidade de licenciamento de imagens, textos e outras obras intelectuais em que o contratante no paga royalties, isto , taxas adicionais pelo direito de uso exclusivo. Em geral, contratos
royalty-free permitem o uso de obras em determinados canais, mas probem ceder ou revender
os direitos de reproduo.
Webmaster
Profissional encarregado da manuteno essencial de sites e intranets, realizando atividades de
webdesign, programao e publicao.
Webwriting
Conjunto de tcnicas voltadas para a produo e distribuio de contedo web, que pode ser
texto, foto, vdeo e udio, entre outros. Com seus estudos sobre usabilidade, realizados a partir de
1997, Jakob Nielsen comprovou que textos para a internet requerem uma formatao diferenciada.
A abordagem do webwriting tem evoludo nos ltimos anos, passando a envolver aspectos de
usabilidade, arquitetura da informao e gesto do conhecimento.
WMV
Formato multimdia Windows Media Video, popular por ser compatvel com o sistema opera
cional da Microsoft e por gerar arquivos leves, para reproduo na web.
83
84
Bibliografia
Leitura essencial
Reforce seus conhecimentos em webwriting, usabilidade e webdesign com estes livros
em portugus:
Rodrigues, Bruno. (2010) Padres Web em Governo Eletrnico Cartilha de Redao Web. Ministrio do Planejamento, Oramento e Gesto Secretaria de Logstica e Tecnologia da Informao.
www.governoeletronico.gov.br/biblioteca/arquivos/padroes-brasil-e-gov-cartilha-de-redacao-web
Moherdaui, Luciana. (2007) Guia de Estilo Web Produo e Edio de Notcias On-line. Ed.
Senac So Paulo.
Pinho, J.B. (2003) Jornalismo na internet. Ed. Summus.
Ferrari, Pollyana. (2003) Jornalismo Digital. Ed. Contexto
Franco, Guillermo. Como Escrever para a Web. Centro Knight de Jornalismo para as Amricas.
http://knightcenter.utexas.edu/como_web_pt-br.pdf. 2009. (traduzido por Marcelo Soares).
Nielsen, Jakob e Loranger, Hoa. (2007) Usabilidade na Web Projetando Websites com qualidade.
Ed. Campus.
Krug, Steve. (2006) No me faa pensar. Ed. Alta Books.
ndice Temtico
A
anexos 37, 38
atratividade 26
acessibilidade 52
B
busca 15, 64
C
chamadas 27
compartilhamento 54
comportamento 12, 13
D
desempenho 62
E
edio 22, 34
estratgia 60, 61, 62, 68
eyetracking 13
F
formatao 26, 28, 34, 37
H
hipertexto 28, 37, 38, 40
homepage 27
I
imagens 49, 50, 51, 52, 76
L
legislao 72, 76, 78
linguagem 22, 25, 27
link 28, 38
M
metadados 15, 26
mtricas 61, 62
N
navegao 12, 22, 28, 38, 40, 64
O
ortografia 27
P
priorizao 24
Q
qualidade 37, 68
R
redimensionamento 51
relacionamento 10, 22, 26, 68, 78
V
vdeos 53, 54
85
Anotaes