50 p.: color.
1. Comunicaes digitais 2. Sites da Web - Projetos. 3. Sites na
Web - Desenvolvimento 4. Programao para Internet 5.
Informtica - Servio Pblico I. Ttulo.
CDU 004.5:35
CDD 004.678
Esta obra foi licenciada com uma Licena Creative Commons - Atribuio Partilha nos Mesmos Termos 3.0 No Adaptada
http://creativecommons.org/licenses/by-sa/3.0/br/
Voc tem a liberdade de:
Atribuio Voc deve creditar a obra da forma especificada pelo autor ou licenciante (mas no
de maneira que sugira que estes concedem qualquer aval a voc ou ao seu uso da obra).
Compartilhamento pela mesma licena Se voc alterar, transformar ou criar em cima desta
obra, voc poder distribuir a obra resultante apenas sob a mesma licena, ou sob uma licena
similar presente.
Renncia Qualquer das condies acima pode ser renunciada se voc obtiver permisso do
titular dos direitos autorais.
Domnio Pblico Onde a obra ou qualquer de seus elementos estiver em domnio pblico sob o
direito aplicvel, esta condio no , de maneira alguma, afetada pela licena.
Outros Direitos Os seguintes direitos no so, de maneira alguma, afetados pela licena:
Direitos que outras pessoas podem ter sobre a obra ou sobre a utilizao da obra, tais como
direitos de imagem ou privacidade.
Aviso Para qualquer reutilizao ou distribuio, voc deve deixar claro a terceiros os termos da
licena a que se encontra submetida esta obra.
Agradecimentos
ndice
Padres Web em Governo Eletrnico.................................................................6
Objetivo dessa Cartilha....................................................................................6
Responsabilidade e manuteno.......................................................................7
1. Introduo.....................................................................................................8
1.2 Desmistificando a redao online: alguns esclarecimentos...............................8
2. Aspectos da redao web: os pontos cardeais...................................................10
2.1 Persuaso................................................................................................10
2.2 Objetividade............................................................................................10
2.3 Relevncia...............................................................................................11
2.4 Credibilidade............................................................................................12
2.5 Abrangncia............................................................................................ 12
3. Entendendo a distribuio de uma informao em um stio: a metfora da cebola 13
3.1 Preparando-se para elaborar textos web .................................................... 13
4. Redigindo para a web: Ttulos, textos e links....................................................17
4.1 Ttulos para textos de destaques................................................................17
4.2 Textos de destaques.................................................................................18
4.3 Ttulos para textos principais .................................................................... 19
4.4 Textos principais...................................................................................... 20
4.5 Ttulos para textos de detalhamento...........................................................23
4.6 Textos de detalhamento............................................................................24
4.7 Links.......................................................................................................24
5. A informao alm da palavra: Imagem, udio e Vdeo.................................... 27
5.1 Imagem..................................................................................................27
5.2 udio......................................................................................................30
5.3 Vdeo......................................................................................................31
6 Redao web para sees comunsa stios governamentais................................. 33
6.1 Contedos institucionais............................................................................33
6.2 Contedos sobre servios..........................................................................34
6.3 Redao web para sees de comunicao
e relacionamento...........................................................................................34
7 Redao web para mdias sociais..................................................................... 37
Padres Web em Governo Eletrnico Cartilha de Redao Web
Responsabilidade e manuteno
A manuteno desse documento responsabilidade do Departamento de Governo
Eletrnico - DGE. Questes sobre aspectos desse documento devem ser enviados para
govbr@planejamento.gov.br.
1. Introduo
Nada em redao para a web ir ensin-lo a escrever para a mdia digital.
A escrita uma atividade que deve ser desenvolvida diariamente, desde o colgio, e
amadurecer ao longo de anos de tentativas e erros, atravs da experincia de um
trabalho constante e de muita leitura.
redao para a web, recai a tarefa, ao mesmo tempo complexa e fascinante, de aliar
texto, design e tecnologia, e trat-los como um componente nico a informao.
No universo do contedo para a web ainda h muito por vir. Ao chegar ltima linha
desta cartilha, no pense que j conhece o necessrio.
Prossiga pesquisando sempre haver algo novo e interessante para adicionar ao seu
trabalho.
REDAO
QUAIS
SO AS DIFERENAS, ENTO?
2.1 Persuaso
importante perceber que est na mo do redator boa parte da responsabilidade de
fazer com que os cidados acessem um stio.
No importa a informao a ser apresentada, seja ela uma notcia em tempo real, um
servio de utilidade inquestionvel ou um texto institucional esclarecedor, quem
precisa criar interesse ao que est sendo apresentado e tornar clara a informao o
redator web.
Por isso:
Tenha certeza: o visitante sentir-se- bem atendido e sempre voltar, pois estar
clara a ateno que os redatores do stio tm com a informao.
2.2 Objetividade
Ir direto ao ponto, fornecer a informao sem rodeios - isso objetividade.
Na web, contudo, o conceito de objetividade vai alm, e tambm abrange o
atendimento s expectativas do cidado.
10
2.3 Relevncia
natural que o redator web d destaque a uma informao recm-inserida em um
stio no momento do seu lanamento, assim como ele sabe que a chamada para o
contedo deve permanecer o tempo necessrio na primeira pgina para que sua
entrada seja vista pelo maior nmero possvel de visitantes.
Mas, e depois?
preciso destacar o que no mais novidade. Embora todo stio seja um 'arquivo de
informaes', a ideia no pode ser levada ao p da letra. O risco de se transformar em
um cemitrio de informaes grande.
Por isso, aps um tempo fora da zona de destaque, preciso que uma informao
readquira a relevncia, e retorne primeira pgina do stio.
Muitos so os contedos esquecidos nos stios, porque o redator no percebe que
muito provvel que haja contedos interessantes e teis - ao longo das pginas.
11
Lidar com o contedo de um stio como se tudo fosse material noticioso - e por isso s
recebe destaque durante algum tempo - uma caracterstica da mdia impressa que
no se aplica ao ambiente virtual.
O redator web corre o risco de deixar de vender informao, seja institucional ou
servio, se no perceber que, periodicamente, cada um de seus contedos precisa
recuperar o destaque na primeira pgina.
2.4 Credibilidade
Um stio torna-se referncia, e indicado pelo cidado aos amigos quando as
informaes so crveis, ou seja, foram tomados todos os cuidados de apurao at
que um texto fosse publicado.
Cheque todas as informaes e as revise minuciosamente at que elas possam ser
disponibilizadas, portanto.
2.5 Abrangncia
Por que consultar informaes e utilizar servios via internet? Muitas vezes, a
praticidade destas tarefas serem realizadas no fica to clara ao longo de um stio, e
muito se perde em persuaso.
preciso que o cidado seja constantemente lembrado das vantagens do ambiente
virtual.
O acesso imediato, o conforto indiscutvel, a atualizao constante, a abrangncia das
informaes oferecidas e a rapidez no contato so os principais benefcios que
merecem ser repetidos sempre que possvel.
12
CAMADA:
APRESENTAO
13
Alm do menu principal, por destaques que um visitante acessa uma pgina web,
seja apenas para conhec-la ou com um objetivo j bem definido.
O destaque utiliza os principais aspectos da informao a ser apresentada como um
atrativo para o cidado clicar e acessar a Camada Genrica, a segunda camada de um
stio.
Antes de redigir um destaque, analise o texto principal e selecione dele ou o que tem
maior apelo junto ao pblico-alvo, ou o aspecto que resuma a informao que ser
apresentada.
Este recurso no s a base para uma boa persuaso, como auxilia na visibilidade do
contedo que o cidado est procurando.
Embora sejam textuais, as chamadas de pginas web contam com a ajuda de
elementos de apoio para reforar a persuaso.
As mais comuns so a imagem e a legenda da imagem. Ambas devem servir como
novos espaos que o redator ir aproveitar para apresentar aspectos da informao
que o texto da chamada no abordou.
Fique atento: Perceba a Camada de Apresentao como uma vitrine, onde so
oferecidos os contedos mais interessantes e teis de um stio. Preocupar-se com a
apresentao do contedo, desde a primeira camada, muda a relao do redator web
com o que ele est produzindo.
2A
CAMADA:
GENRICA
14
Para criar contexto, o texto principal precisa responder todas as questes jornalsticas
bsicas e assim atender o cidado com a objetividade que ele deseja.
As questes jornalsticas bsicas deixam claras sobre o qu o assunto, quando ele
ocorreu, quem est envolvido, como foi, onde ele transcorreu e o porqu dele ter
acontecido.
Embora sejam denominadas questes jornalsticas, elas no dizem respeito apenas
estrutura de textos noticiosos.
As questes jornalsticas tambm serviro para orient-lo no momento de redigir um
texto-base sobre as caractersticas de um novo servio ou a explicao de uma nova
lei, por exemplo.
Deve-se tomar cuidado para no deixar nenhuma destas questes de fora, pois a falta
de um elemento pode ocasionar uma dificuldade de entendimento do assunto.
Alm de ter a misso de contextualizar o cidado, o texto do contedo genrico
precisa prender sua ateno. Nada garante que o cidado ir ler o texto at o fim, da
a necessidade de que ele fisgue sua ateno logo de sada.
bom lembrar que, na tela de um computador, mais lento o processo de absoro
das informaes. Por isso, trabalhe para que, em cada pargrafo, seja desenvolvida
uma ideia apenas.
Alongar-se demais significa que voc pode estar entrando em detalhes sobre as
informaes, e este o objetivo da Camada de Detalhamento, e no de textos
genricos.
Fique atento: Para muitos visitantes que vm de mecanismos de busca, comum
que a Camada Genrica seja a porta de entrada de um stio, e no a Camada de
Apresentao. Assim, note que a persuaso se faz necessria no apenas na primeira
pgina de um stio, mas tambm ao longo das camadas seguintes.
CAMADA:
DETALHAMENTO
15
comum que os textos desta camada sejam acompanhados por tabelas, grficos e
links para documentos. So itens que ajudam a complementar o assunto.
Os stios de servios mais acessados so justamente os que conseguem criar uma
relao de confiana com os cidados, e entre os motivos que se cria a empatia entre
os stios e os cidados esto justamente os detalhes das informaes que eles
oferecem.
Ao certificar-se que na Camada de Detalhamento o cidado encontra o que precisa e
na profundidade em que deseja, ele no s torna-se cliente do stio, como o
recomenda a outros usurios.
Fique atento: Existem Camadas de Detalhamento que s podem ser acessadas
atravs de senha; elas constituem a Camada Restrita. Os tipos de contedo presentes
nestas camadas oferecem informaes especiais, privadas e/ou confidenciais, e por
isso s podem ser vistos por determinados usurios.
Ao criar pginas de contedo restrito, preciso ter ateno: para o cidado que
acessa o contedo genrico, no h nada pior que se deparar com pginas de acesso
fechado sem ter sido avisado previamente. preciso, ento, na pgina anterior,
deixar claro que o contedo a seguir restrito, e que para consult-lo necessrio
login e/ou senha. Mais do que evitar que o cidado abandone o stio, avis-lo uma
atitude que demonstra respeito, e tambm a preocupao em orient-lo a cada
instante em que ele est navegando pelas pginas.
16
Exemplo:
Prefira: Servio de acesso ficha mdica do cidado j est disponvel a
Novo servio revoluciona relao Governo e Cidado, por exemplo.
Na primeira frase, a expresso-chave clara (Servio de acesso ficha mdica),
enquanto na segunda frase no apenas o novo servio no fica explcito, como o
aspecto subjetivo da notcia que acaba recebendo destaque (Novo servio
revoluciona relao).
17
18
Exemplo:
Como no ttulo Servio de acesso ficha mdica do cidado j est disponvel
foram abordados aspectos da informao como o qu e quando, aborde
questes adicionais nos elementos restantes. O texto, por exemplo, pode trazer
aspectos como como (Basta apenas fornecer o CPF, ID e data de nascimento
para criar a senha de acesso) e quem (O sistema atender dois teros dos
municpios do pas).
19
Exemplo:
No preciso repetir, palavra a palavra, o ttulo do destaque; o importante que
a palavra-chave ou expresso-chave esteja presente. Desta forma, Ficha
mdica j pode ser acessada via web uma boa opo de ttulo para o texto
principal, pois carrega os mesmo aspectos da informao que Servio de acesso
ficha mdica do cidado j est disponvel.
20
Exemplo:
Temos, ento:
Ttulo para o texto principal: Ficha mdica j pode ser acessada via web.
21
Exemplo:
Para auxiliar na granularidade do contedo, um ttulo que aponte para o texto de
detalhamento sobre quando o pas todo estar coberto pelo servio precisar, por
exemplo, incluir expresses-chave como Servio de acesso ficha mdica do
cidado e/ou via web antes de informar o ms. Um bom ttulo seria:
At dezembro, acesso web a fichas mdicas dos cidados abranger todo
o pas.
bom lembrar que, hoje em dia, cada vez mais os cidados acessam diretamente
pginas de detalhamento, vindos de mecanismos de busca, sem passar pelo texto
principal, portanto o trabalho de granularidade de contedo essencial para criar
contexto e facilitar a compreenso do visitante sobre o assunto tratado nestas
pginas.
22
Exemplo:
Que tipos de informaes mdicas podero ser encontrados no stio em questo?
O que mdicos e cidados esperam do novo servio? H previso de novas
funcionalidades desde tipo para o cidado? Assuntos como estes podem e devem
ser disponibilizados em textos de detalhamento. Contudo, deve-se levar em conta
o interesse dos cidados nas categorias de informaes que sero oferecidas
preciso que elas sejam, antes de tudo, teis.
4.7 Links
Uma das principais funes do redator web agir como guia de turismo dos stios.
Quando o contedo bem trabalhado, o redator apresenta uma informao, sugere
aspectos que possam complement-la, aponta assuntos correlatos e, quando as
possibilidades se encerram, recomenda outro stio onde o cidado possa expandi-la.
Para criar esta rede de conexes, contudo, preciso estar atento aos detalhes.
No centro deste raciocnio, est o link. ele que difere o texto do hipertexto
formato-chave da informao no ambiente digital - e permite ao cidado navegar
entre as pginas.
Padres Web em Governo Eletrnico Cartilha de Redao Web
23
No crie o link direto para uma pgina interna do stio sugerido. A informao
em questo pode ser retirada da pgina apontada, e o cidado ser
prejudicado.
24
Ele poder associ-la aos elementos presentes na primeira pgina do stio, como os
itens do menu, e isso far com que ele encontre com mais facilidade a informao.
Fique atento: Nem sempre utilizar a navegao no-linear o melhor recurso para
apresentar uma informao, por mais que isso parea contraditrio no ambiente
online. Ideias que precisam ser rigidamente encadeadas ao longo das camadas de um
stio podem ser ter sua assimilao prejudicada caso o cidado tenha a possibilidade
de acessar diretamente um captulo ou item sem ter que passar por camadas
anteriores.
25
5.
5.1 Imagem
FOTOGRAFIA
ILUSTRAO
Como interface grfica da internet, a web , antes de tudo, visual. Por isso, sempre
que possvel, fotografia e ilustrao devem ser utilizadas em todas as camadas de um
stio. A imagem um elemento essencial para a persuaso, em especial na primeira
camada, onde a empatia precisa ser estabelecida de imediato com o cidado.
A partir da segunda camada, a imagem divide com os outros componentes da
informao na web a responsabilidade pela informao, mas, na primeira pgina, a
imagem muitas vezes decisiva para a visitao do stio, sendo um apoio
fundamental chamada.
E, lembre-se: fotografia e ilustrao devem complementar a informao textual,
nunca repetir o que j foi dito, ou seja, sua funo apresentar aspectos da
informao que ainda no foram abordados pelo texto.
Repetir um aspecto desperdiar componentes da informao em uma pgina web
e, portanto, espao.
Os componentes da informao para a mdia digital - imagem, texto, vdeo e udio
so complementares, fechando, cada um a seu modo, o cerco informao.
Fique atento: Atente para o tamanho da fotografia e da ilustrao dispostas em uma
pgina. Aparentemente, imagens em tamanho mdio ou grande podem ser veiculadas
em Camadas Genricas ou de Detalhamento sem problema algum. Contudo,
dependendo dos elementos que compem a imagem, no possvel observar
detalhes. Assim, sempre d a opo de ampli-la.
26
Exemplo:
Para utilizar imagens que sejam, de fato, relevantes e complementem a
informao textual, alguns cuidados devem ser tomados:
a. Ao lidar com os personagens da informao (o lder de um projeto, por
exemplo), a legenda deve citar nomes e cargos caso no tenham sido
descritos no texto.
b. Se a imagem abordar o aspecto central da informao (o projeto que est
sendo lanado, por exemplo), lembre-se a legenda deve apresentar aspectos
que a imagem no abordou, evitando repeti-los. Ainda assim, a legenda deve
estar sempre associada imagem, pois esta a caracterstica bsica de
qualquer legenda.
c. Caso a imagem aborde elementos adjacentes informao (a cerimnia de
lanamento de um projeto, por exemplo), ateno para o excesso de
elementos visuais, como grupos de personagens, fundos/cenrios de imagem
e pequenos detalhes. H uma grande possibilidade de se criar um rudo para a
informao.
CONE
Fotografia e ilustrao so reprodues visuais dos aspectos da informao que se
deseja transmitir espelhos da realidade, ainda que estilizados, em alguns casos.
O cone, por sua vez, a representao de um ou mais aspectos da informao.
justamente a fora da representao o ponto a se tomar cuidado na utilizao de
cones.
27
INFOGRFICO
Criar um infogrfico, seja para a mdia online ou a mdia impressa, extrair da
informao o que existe de essencial e utilizar recursos da comunicao visual para
veicul-la.
Na prtica, existem duas funes para o infogrfico: ser um instrumento de resumo
para a informao e uma alternativa ao texto como forma de comunicao.
Por isso, ao criar um infogrfico, leve em considerao que o entendimento do que
est sendo transmitido precisa ser imediato, j que se deseja o mximo de
objetividade e clareza.
Alm disso, procura-se persuaso, ou seja, atrair o cidado com a informao textual
em meio imagem. Ento, seja foto ou ilustrao, a imagem escolhida precisa
harmonizar com palavras ou expresses que a pontuam.
E so justamente as palavras em um infogrfico que, na mdia online, fazem toda a
diferena. A possibilidade de utilizar recursos interativos aumenta a capacidade de
informar, como, por exemplo, palavras que do acesso a detalhes sobre um dado,
dentro do prprio infogrfico.
Fique atento: a informao o principal elemento em um infogrfico, e no a
imagem - ela deve servir apenas como pano de fundo, ainda que tenha grande
relevncia. Cuidado ao selecion-la, portanto.
Padres Web em Governo Eletrnico Cartilha de Redao Web
28
BANNER
Embora seja tarefa do designer criar um banner, responsabilidade do redator web
elaborar o texto da mensagem que ser veiculada.
Em um banner, no cabem longos perodos, mas sim palavras, expresses e frases
curtas, e todas precisam ser informativas e persuasivas.
Um cuidado precisa ser ter tomado ao se veicular um banner. Ele um elemento de
apoio em uma pgina web, e no seu maior foco de ateno.
Por isso, h uma distino entre o que deve ser elaborado para uma rea de
destaques e um banner.
Editorialmente, o destaque de primeira pgina o recurso utilizado para captar a
ateno do cidado para as informaes mais importantes que se deseja veicular.
O banner, por sua vez, lida com informaes que no so as mais urgentes ou as mais
importantes, mas as que podem ser assimiladas sem problema aps o cidado ter
checado os destaques.
Banners so perfeitos para servir de apoio divulgao de eventos e novos servios e
como peas de reforo online para campanhas.
Fique atento: Procure no criar banners cujos links levem para outros stios. Um
banner em uma pgina web deve servir como mais um elemento de comunicao para
o contedo do prprio stio, no como forma de evaso do cidado.
Cuidado, tambm, com a estrutura de uma informao a ser veiculada atravs de
banners com animao (normalmente em Flash). A animao possibilita a sucesso de
frases e imagens em um mesmo banner, o que muitas vezes excessivo para quem o
visualiza.
5.2
udio
A primeira mdia que nos aproximou da informao foi o rdio. At ento, jornais e
revistas levavam a informao ao leitor com a confiana que era exigida, mas ela
chegava editada, retrabalhada.
29
Foi o rdio quem nos aproximou da realidade ao criar o tempo real, deslumbrando os
ouvintes ao fazer a notcia chegar 'viva' aos ouvidos. Era a informao pura e sem
interpretao, finalmente.
Este fascnio de estar diretamente em contato com a fonte de uma informao, em
tempo real ou no, que estimula a popularidade dos arquivos em udio na web,
onde entrevistas e opinies de especialistas fazem a vez dos programas de rdio.
Dcadas j provaram que a informao veiculada em udio pode ser mais persuasiva
que o texto, por isso, dependendo do que se tem em mos, oferea ao visitante do
stio a informao em udio.
Por isso, a entrevista com uma autoridade, o trecho de um discurso ou a fala de um
cidado, disponveis em udio, podem funcionar como complemento informao
textual. Este recurso torna o texto mais real, o que fundamental para a persuaso.
Fique atento: Nem sempre possvel para o cidado ouvir o arquivo em udio no
computador, ou mesmo baix-lo para aparelhos portteis, por isso imprescindvel
oferecer ao cidado a transcrio do arquivo. Desta forma, o cidado nunca perde
acesso informao.
5.3
Vdeo
O vdeo institucional online deve ser utilizado quando uma informao possui grande
impacto emocional.
Ao registrar e difundir em imagem em movimento o que no possuiria o mesmo
impacto se veiculada em outro formato, os produtores de contedo conseguem
abarcar a informao sem perder um aspecto que seja, e ainda contam com a ajuda
integral dos sentidos que garantem a observao e a ateno do cidado: a viso e a
audio.
Alm disso, muitos vdeos lidam diretamente com a origem da informao: sua fonte,
seja ela um indivduo ou um fato jornalstico.
Nestes casos, ao oferecer acesso direto fonte da informao, a utilizao do vdeo na
web mdia conhecida por quebrar barreiras entre a informao, quem a produz e
30
31
6.1
Contedos institucionais
32
Criar pginas que listem arquivos sem textos que os apresentem e/ou
expliquem sua utilidade um desservio ao cidado. Ainda que em poucas
palavras, obrigatrio apresentar o contedo de uma pgina deste tipo.
6.2
Pginas que precedem o acesso a servios online devem facilitar sua compreenso e
apresentar informaes sobre:
6.3
'FALE CONOSCO'
O que fortalece o contedo de um stio o retorno do cidado, e ele se d atravs da
seo Fale Conosco de um stio.
A internet reavivou o contato do cidado com as instituies, e por isso deve-se
estimular a cada instante sua opinio. Ela o termmetro das informaes e dos
servios que um stio de um rgo ou disponibiliza.
Padres Web em Governo Eletrnico Cartilha de Redao Web
33
Vale, ento, ressaltar alguns cuidados que devem ser tomados nas pginas de 'Fale
Conosco':
'AJUDA'
preciso criar grupos de perguntas e respostas para auxiliar na busca informao
que o cidado procura. Listar as perguntas e respostas, apenas, sem nenhum recurso
de agrupamento ou indexao, s confunde o visitante da seo.
Nesta tarefa, ento, vale analisar os itens de menus, sejam eles o menu principal ou o
menu secundrio, de camadas subsequentes. Como itens de menu j so recursos de
agrupamento, vale a pena chec-los e, se for o caso, repeti-los como itens de 'Ajuda'.
Em tempo: muitas perguntas que chegam pelo 'Fale Conosco' e so includas na
'Ajuda' resultam da falta de visibilidade de algumas informaes. Neste caso, a melhor
forma de responder as questes criar um link direto para a pgina que o cidado
procura.
Como apoio as itens da 'Ajuda', possvel criar a seo de 'Visita Guiada', que ser
apresentada a seguir.
34
'VISITA
GUIADA'
Embora a 'Visita guiada' seja mais eficaz no perodo de lanamento de um stio, ela
pode permanecer como seo fixa, pois uma boa forma de apresentar o contedo
das pginas aos novos visitantes.
35
7.1
Blogs corporativos
Temas que no costumam ser abordados pela mdia impressa ou mesmo pelo
stio do rgo e da instituio;
36
Artigos assinados pelo responsvel pelos posts que no sero veiculados por
outros meios, ou seja, exclusivos do blog;
Vale lembrar que muitos blogs corporativos tambm publicam arquivos de udio e
vdeo como posts ou parte deles. Para saber como lidar com estes formatos, deve-se
seguir as recomendaes includas nesta Cartilha; o mesmo acontece com fotos,
ilustraes e infogrficos.
7.2
Microblogs
Na maioria das vezes, o ttulo de uma notcia serve como a frase a ser
publicada no microblog, chamariz para a visitao do stio. Mais uma vez, no
se esquea de incluir o link;
37
38
8.
39
8.2 Usabilidade
1. O que Usabilidade?
a metodologia baseada em testes com usurios, criada para medir a facilidade de
uso de interfaces em geral, no caso as pginas de um stio. Quanto mais fcil o seu
uso, ou seja, a forma de navegar e encontrar informaes, maior a chance de retorno
do usurio.
2. Por que Usabilidade merece ateno?
Porque a Usabilidade tem como foco principal atender as necessidades do usurio, e
este tambm deve ser o objetivo do profissional que lida com contedo na web.
3. Boas Prticas em Usabilidade
40
41
H uma forma de tornar 'visveis' as imagens dos stios para deficientes visuais.
Os leitores de tela, programas elaborados para lerem o contedo em texto das
pginas web, tambm conseguem acessar descries de imagens
especialmente criadas para serem inseridas nos cdigos das pginas. Estes
pequenos textos so denominados 'ALT', uma aluso ao recurso de
programao utilizado para inserir as informaes nos cdigos.
42
43
SOBRE
ACORDO ORTOGRFICO
DA
LNGUA PORTUGUESA
O portugus lngua oficial em oito pases, porm havia duas ortografias corretas: a
de Portugal e a do Brasil. Das quatro grandes lnguas - ingls, francs, portugus e
espanhol -, o portugus era a nica com duas grafias oficiais.
A existncia da dupla grafia limitava a dinmica do nosso idioma e suas diferenas
criavam obstculos, maiores ou menores, nos diversos planos em que a forma escrita
utilizada, por isso a necessidade da unificao.
De acordo com a Academia de Cincias de Lisboa, o nmero de palavras cuja
ortografia foi alterada no ultrapassa 2%, ou seja, pouco mais de 2.000 palavras de
um universo de 110.000. O que mudou com o Acordo:
ACENTUAO
1. Trema
Desaparece em todas as palavras, sem exceo.
2. Acento agudo
Some o acento dos ditongos abertos 'i' e 'i' das palavras paroxtonas (as que
tm a penltima slaba mais forte). Exemplos: ideia, heroico, apoio, boia,
Coreia, estreia, joia, plateia, paranoia, jiboia, assembleia.
Ateno: heri, papis e trofu mantm o acento (porque tm a ltima slaba mais
forte).
44
Some o acento no 'i' e no 'u' fortes depois de ditongos (juno de duas vogais),
em palavras paroxtonas. Exemplos: feiura, baiuca, bocaiuva.
Ateno: se o 'i' e o 'u' estiverem na ltima slaba, o acento continua como em: tuiui
ou Piau.
Some o acento agudo no 'u' forte nos grupos gue, gui, que, qui, de verbos
como averiguar, apaziguar, arguir, redarguir, enxaguar. Exemplos: averigue,
apazigue, (ele) argui, enxague (voc).
HFEN
No caso de prefixos como agro, ante, anti, arqui, auto, contra, extra, infra, intra,
macro, mega, micro, maxi, mini, semi, sobre, supra, tele e ultra, usa-se hfen quando
a palavra seguinte comea com h ou com vogal igual ltima do prefixo. Exemplos:
auto-hipnose, auto-observao, anti-heri, anti-imperalista, micro-ondas, mini-hotel.
Ateno: o hfen no utilizado em todos os demais casos, como autorretrato,
autossustentvel, autoanlise, autocontrole, antirracista, antissocial, antivrus,
minidicionrio, minissaia, minirreforma e ultrassom.
Com prefixos como hiper, inter, super, usa-se hfen quando a palavra seguinte comea
com 'h' ou com 'r': super-homem, inter-regional.
Ateno: o hfen no utilizado em todos os demais casos, como hiperinflao e
supersnico.
45
Com o prefixo sub, usa-se hfen quando a palavra seguinte comea com 'b', 'h' ou 'r'.
Exemplos: sub-base, sub-reino e sub-humano.
Ateno: o hfen no utilizado em todos os demais casos, como subsecretrio e
subeditor.
Com o prefixo vice, usa-se hfen em todos os casos, como vice-rei e vicepresidente.
Com os prefixos pan e circum, usa-se hfen quando a palavra seguinte comea
com 'h', 'm', 'n' ou vogais. Exemplos: pan-americano e circum-hospitalar.
PONTOS
5. Crase
No caso de uma palavra feminina, tente substitu-la por uma masculina. Caso
caiba a combinao 'ao', usa-se crase. Exemplo: 'Amanh iremos escola'
('Amanh iremos ao colgio'). Contudo, ateno: no se utiliza crase antes de
palavra masculina.
Valem as rimas dos tempos de colgio: 'se vou a e volto da, crase h; se vou a
e volto de, crase para qu?'. Exemplo: 'vou biblioteca'/'volto da biblioteca' e
'vou a Goinia'/'volto de Goinia'.
Usa-se o acento grave sobre o 'a' quando ele equivale a 'para a', 'na', 'pela' ou
'com a'.
6. Vrgula
Usa-se vrgula para:
itens que poderiam ser listados. Exemplo: 'Joo, Maria, Ricardo, Pedro e
Augusto foram almoar'.
46
separar explicaes que esto no meio da frase. Exemplo: 'Mario, o moo que
traz o po, no veio hoje'.
separar o lugar, o tempo ou o modo que vier no incio da frase. Exemplos: 'L
fora, o sol est de rachar', 'Semana passada, todos vieram jantar aqui em
casa', 'De modo geral, no gostamos de pessoas estranhas'.
7. Ponto e vrgula
Usa-se ponto e vrgula para:
separar vrios itens de uma enumerao (aps dois pontos). Ocorre em leis,
decretos, portarias etc.
no dirigir na contra-mo;
8. Ponto de exclamao
Usa-se ponto de exclamao:
47
48
10. Recursos
LIVROS
Sobre Redao para a Web
Webwriting - Bruno Rodrigues Ed. Brasport
Guia de Estilo Web - Luciana Moherdaui Ed. Senac SP
Jornalismo Digital - Pollyana Ferrari Ed. Contexto
Jornalismo na internet - J.B. Pinho Ed. Summus
Manual de Laboratrio de Jornalismo na Internet - Marcos Palacios e Beatriz Ribas
Writing for the Web - Crawford Kilian Ed. Self-Counsel
Como Escrever para a Web - Guillermo Franco [original em espanhol, traduzido para o
portugus], do Centro Knight de Jornalismo para as Amricas:
http://knightcenter.utexas.edu/como_web_pt-br.pdf.
Manual de Redaccin Ciberperiodstica - R. Salaverra e J. Daz Noci (coords.) Ed. Ariel
Redaccin periodstica en Internet - R. Salaverra e J. Daz Noci (coords.) Ed. Ariel
Sobre Gesto de Contedo
Gesto de Contedo 360 - Marcelo Barbosa dos Santos, Jos Cludio Terra e Carlos
Eduardo Franco Ed. Saraiva.
Gesto de Contedo - Eduardo Lapa Ed. Brasport
Content Management Bible - Bob Boiko Ed. Wiley
Sobre Arquitetura da Informao
Ergodesign e Arquitetura de Informao - Trabalhando com o usurio
Luiz Agner Ed. Quartet
Information Architecture for the World Wide Web - Louis Rosenfeld e Peter Morville Ed.
O'Reilly
Ambient Findability: What We Find Changes Who We Become - Peter Morville Ed.
O'Reilly
Sobre Usabilidade
Design para a Internet: projetando a experincia perfeita - Felipe Memria Ed.
Campus/Elsevier
Ergonomia e Usabilidade - Walter Cybis, Adriana Holtz Betiol, Richard Faust Ed.
Novatec
49
STIOS
Sobre Redao para a Web
Bruno Rodrigues www.bruno-rodrigues.blog.br
Luciana Moherdaui contraaclicagemburra.blogspot.com
Polyanna Ferrari - polipress.com.br
Ana Erthal - www.anaerthal.com.br
Crawford Killian crofsblogs.typepad.com
Jornalistas da Web www.jornalistasdaweb.com.br
Knight Center for Journalism in the Americas knightcenter.utexas.edu
Poynter Institute - www.poynter.org
Srgio Nogueira colunas.g1.com.br/portugues e Portal do Professor portaldoprofessor.mec.gov.br (dicas de redao para todas as mdias)
50
LISTAS
DE DISCUSSO
51
11. Glossrio
Agregador de vdeo stio que coloca disposio para visualizao gratuita vdeos
produzidos por usurios ou empresas.
Banner espao criado para divulgao de produtos, eventos ou mesmo contedos,
sejam eles internos ou externos ao stio. H diversos formatos, mas o mais comum
o chamado full banner, em que o topo da pgina tomado de lado a lado por este
formato.
Blog stio com sistema de publicao bastante simples - muitas vezes gratuito - e
fcil de ser manipulado. Esta facilidade de uso levou popularizao do servio e
posterior criao de uma linha editorial centrada em pessoa a pessoa, ou seja, o
blogueiro dono do blog se comunica diretamente com o leitor, normalmente em
primeira pessoa. O blog tambm criou maior interatividade entre quem produz e
consome contedo, ao oferecer o recurso de comentrios, hoje comum em diversos
perfis de stios.
Facebook rede social norte-americana em que se destaca, alm da possibilidade do
usurio criar um perfil de si mesmo, o recurso de criao de perfil de empresa,
recurso hoje muito utilizado em aes de marketing de relacionamento e reforo de
marca na web.
Google mecanismo de busca de informaes mais utilizado na web, criado
originalmente em ingls, hoje tambm com verses para diversas lnguas. O Google
diferencia-se dos outros mecanismos de busca por buscar informaes em
profundidade bem superior a dos concorrentes.
Infogrfico grfico que utiliza recursos visuais extras, como utilizao de fotos de
fundo ou ilustraes, para representar visualmente informaes que seriam oferecidas
de forma tradicional, sem apelo visual ou persuaso.
Login/senha formas de identificao, normalmente individuais, que do acesso a
contedos restritos em stios. A associao entre login e senha foi criada para garantir
maior segurana de acesso aos usurios da web.
Mecanismo ou motor de busca stio (na realidade um sistema) que indexa as
informaes do extenso universo de contedos que compem a web e os apresentam
em uma ordem que segue diversos parmetros de relevncia.
Padres Web em Governo Eletrnico Cartilha de Redao Web
52
53