O documento fornece diretrizes sobre redação para web para órgãos governamentais brasileiros. Ele discute a importância de usar linguagem clara e objetiva para garantir a compreensão dos cidadãos e orienta sobre a estruturação da informação em camadas, com títulos e textos curtos em cada nível. Também dá exemplos de como usar recursos visuais de forma a complementar e enriquecer o conteúdo.

1. Redação para
Web
Ministério do Planejamento, Orçamento e Gestão
Secretaria de Logística e Tecnologia da Informação
Departamento de Governo Eletrônico

2. DGE – Departamento de Governo Eletrônico
• Programa de Governo Eletrônico
tem como princípio a utilização das modernas tecnologias
de informação e comunicação (TICs) para democratizar o
acesso à informação, ampliar discussões e dinamizar a
prestação de serviços públicos com foco na eficiência e
efetividade das funções governamentais.
• Padrões Web e-GOV (PWG)
são recomendações de boas práticas agrupadas em
formato de cartilhas com o objetivo de aprimorar a
comunicação e o fornecimento de informações e
serviços prestados por meios eletrônicos pelos órgãos
do Governo Federal.

3. Padrões Brasil e-GOV
Iniciativa do Departamento de Governo
Eletrônico com objetivo de qualificar e
orientar o desenvolvimento de páginas,
sítios e portais do Governo Federal.
Componentes:
 Cartilhas de recomendações;
 Guia de administração;
 Modelos e arquivos-base.

4. Padrões Brasil e-GOV
Guia de administração
Disponível
Detalha o que é necessário para a
concepção, desenvolvimento,
manutenção e gestão de sítios e portais
governamentais.

5. Padrões Brasil e-GOV
Cartilha de Usabilidade
Propõe ser um guia na aplicação da
usabilidade em sítios da administração
pública de forma clara e
descomplicada. Nela são apresentadas
recomendações de usabilidade
descritas de forma prática e aplicável,
assim como orientações para realizar
testes de usabilidade.

6. Padrões Brasil e-GOV
Cartilha de redação web
Disponível
Detalha recomendações de boas
práticas em redação web (webwriting).

7. Cenário Atual
Cartilha de Redação para Web
Pretende orientar redatores na elaboração de
informação clara, estruturada e eficaz para o meio
digital.
A ideia é entender que texto, design e tecnologia devem
formar um único componente: a informação.

8. Cenário Atual
• 88% - “Muito importante” que
um sítio de governo
oferecesse explicações
sobre como utilizar um
serviço.
Pesquisa TIC e-Gov 2010 – CGI.br

9. Aspectos da redação web
• Redação web X Redação mídia impressa
• Princípios:
• Persuasão
• Objetividade
• Relevância
• Credibilidade

10. Distribuição da informação: metáfora da cebola
Existem três camadas para apresentação de um texto na web:
1ª Camada: Apresentação
2ª Camada: Genérica
3ª Camada: Detalhamento

11. 1ª Camada: Apresentação
Objetivo: atrair o visitante.
Atentar para o tema de maior apelo.
Utilizar palavras-chaves
Fazer uso de recursos de imagem e/ou vídeo
Não esquecer legenda nunca

12. 2ª Camada: Genérica
Objetivo: contextualizar o assunto e incentivar o
cidadão a se aprofundar no conteúdo.
O texto deve responder ao lead jornalístico
O quê? Quem? Quando? Onde? Como? Por quê?
Evite desenvolver mais de uma ideia em cada parágrafo
Atenção para os mecanismos de busca!

13. 3ª Camada: Detalhamento
Objetivo: aprofundar e complementar o assunto relatado na
2ª Camada
O texto deve ir além do lead
Utilize recursos multimídias e infográficos
Existem camadas de detalhamento que só são acessadas
através de senha: Camada Restrita.
Sempre lembrar ao cidadão que a página seguinte é restrita
Ex: http://www1.folha.uol.com.br/fsp/

14. Alguns Exemplos
www.saude.gov.br
www.cultura.gov.br
www.turismo.gov.br

15. Redigindo para web
É necessário ter atenção à tríade:
título, texto e link.
Títulos para destaque
• Indexam o conteúdo na mente do cidadão
• Eles precisam sinalizar o que é mais importante
• Utilize palavras-chave e elementos gráficos

16. Redigindo para web
Texto para destaque:
• Deve ser curto
• Objetivo
• Chamativo
• Utilize verbos imperativos: conheça, consulte, descubra, visite
• Não repita no texto a informação do título

17. Redigindo para web
Títulos para 2ª Camada:
• o ideal é repetir o título da chamada em destaque, porém, pode se criar diferente,
devendo, do mesmo modo, citar palavras-chave e temas que serão abordados na
sequência.
Textos para 2ª Camada:
• Apresente o ponto mais importante da informação no primeiro parágrafo
• Trabalhe com apenas um tema em cada parágrafo
• Coloque as palavras principais no início das frases
• Grife as palavras-chave
• Responda às questões do lead
• Não ultrapasse a barra de rolagem
• Lembre-se que o objetivo é atender o cidadão, incentive-o a continuar no texto.
Apresente primeiro quem é o interessado/beneficiário
• Trabalhe visualmente o texto para chamar atenção

18. Redigindo para web
Títulos para Camada Genérica:
• Podem repetir os títulos anteriores ou serem modificados, desde
que acrescentem novas informações e mantenham-se as
palavras-chave
• Manter coesão ao título, lembre-se dos mecanismos de busca!
Textos para 3ª Camada:
• Oportunidade para detalhar todas as informações
• Não há necessidade de ser sucinto
• Pode gerar outras camadas

19. Links
●
Elemento diferencial entre texto e hipertexto
●
Permite ao leitor navegar de diversas formas entre diversos
textos!
●
Cria rede de conexões
●
A leitura é feita de acordo com o interesse do cidadão
●
Há duas formas: linear e não-linear

20. Links
1.Linear
•O internauta irá seguir uma estrutura fixa sugerida, de forma que ele
acesse o conteúdo ordenadamente, da primeira para última página
2. Não-linear
●
O acesso é na ordem do interesse do visitante
●
Cuidado onde colocá-lo! Tem a hora certa!
●
Sugira links para páginas que complementem a informação
●
Prefira colocá-lo ao final do texto
●
Visitante pode não retornar

21. Cerca de
42%
não têm conhecimento de que o governo
disponibiliza serviços pela internet
Das seis dificuldades mais mencionadas
pelos usuários de e-Gov a ”Dificuldade em
encontrar os serviços que precisam” aparece
em segundo lugar com 29% das menções.
Fonte: Pesquisa TIC Governo Eletrônico 2010 –NIC.br (Amostra: 2.000)

22. Exercícios
1. Com os dados abaixo, o aluno deverá criar um título e texto para
cada uma das camadas de conteúdo abordadas na oficina
(Apresentação/Genérica/Detalhamento)
a) http://migre.me/4vDIs - Criar título e texto de
destaque para matéria do SAGU – grifar palavras-chave
b) http://migre.me/4vDZD - Divida a matéria em três
camadas
c) http://migre.me/4vEg5 - Grife a palavras-chave do
título e de cada parágrafo
2. Crie um texto para a camada genérica utilizando as orientações
da oficina com um tema de sua preferência.

23. Informação além da palavra
Para a perfeição de um texto, é fundamental saber utilizar
bem o conteúdo audiovisual junto com o texto.
● Imagem:
● é essencial para criar atratividade ao texto,
principalmente na primeira camada
● Verifique a resolução
● Nunca esqueça da legenda (nomes, cargos)
● Se houver detalhes, dê a opção de ampliar
● Descarte imagens panorâmicas, prefira as de
detalhes, rosto, logomarca, etc
Reforçando: imagem deve acrescentar informação

24. Informação além da palavra
●
Ícone:
●
É a representação de um ou mais aspectos da
informação, ao contrário das fotografias e ilustrações
que funcionam como espelhos da realidade
●
Só utilize ícone reconhecido por todos
●
Exceção: quando criado a públicos específicos

25. Informação além da palavra
●
Infográfico:
●
É um instrumento de resumo e alternativa ao texto
●
Deve ser objetivo e claro
●
O importante continua sendo a informação, não a imagem

26. Informação além da palavra
●
Banner:
●
É um elemento de apoio à página e não seu maior destaque
●
Redator web deve ser responsável pelo texto
●
Deve ser informativo e atrativo
●
Geralmente, são utilizados para divulgação de áreas fixas,
novos serviços, campanhas ou eventos
●
Cuidado para não exagerar com os banners de animação!

27. Informação além da palavra
●
Áudio:
●
A informação em áudio é mais persuasiva
que o texto
●
A informação pode ser aprofundada
●
O cidadão pode ouvir diretamente a fonte
●
relatando a informação – credibilidade
●
Deve ser acessível – utilizar transcrição

28. Informação além da palavra
●
Vídeo:
●
É ainda mais persuasivo – o cidadão, além de ouvir, vê
a fonte da informação
●
Garante transparência e credibilidade
●
Formatos curtos tendem a agradar mais
●
Deve ser acessível – utilizar legenda
●
De preferência, sejam acessados no próprio site
●
Para arquivos grandes, ideal é editá-lo em capítulos de
curta duração e escrever resumos para cada um deles

29. Exercícios
3. Pesquisar sites que utilizam recursos audivisuais na preparação
da informação (10m) e se utilzam as orientações demonstradas.
Ex: EBC Serviços – Rádio e TV Senado – Rádio e TV Câmara –
Ministério do Planejamento / Saúde / Cultura

30. Redação web para seções comuns
●
Conteúdos institucionais:
●
Evite textos introdutórios, apresente diretamente a
informação sobre a instituição para o cidadão
●
Evite criar camadas com informações institucionais
●
Evite criar subitens desnecessários em menus
●
Conteúdos sobre serviços:
●
Mais do que notícias, o cidadã procura por serviços
em sites de governo
●
Crie uma página explicando quais os serviços a
instituição oferece, a quem se destina, documentos
necessários, legislação correlata, etc
●
Não esqueça da lista de perguntas frequentes!

31. Redação web para seções comuns
●
Seções de comunicação e relacionamento:
●
Lembre-se de criar uma página para que o cidadão
●
possa entrar em contato com a instituição.
●
Na mesma página, ofereça a seção de “Ajuda” ou
“Perguntas Frequentes (FAQ)”
●
Telefone, e-mail, endereço e horário de funcionamento
são bem-vindos
●
Visita Guiada:
●
Contextualiza o visitante às informações contidas no site
●
Apresenta seções, menu, Fale Conosco, FAQ, etc
●
Pode permanecer como seção fixa
http://bit.ly/mOCx34

32. Redação web para mídias sociais
Os ambientes digitais permitem hoje irmos
muito além dos sites.
Blogs Corporativos
●
Utilizar tom mais informal para aproximar o cidadão
●
Ser transparente e ágil nas respostas
●
Pode ter cara e voz
●
Redigir temas que não são abordados pela imprensa
●
Esclarecimentos e explicações adicionais
●
Artigos e entrevistas exclusivos

33. Redação web para mídias sociais
Microblogs
●
Permitem uma comunicação rápida e objetiva
●
Permitem maior interação e aproximação do
cidadão com a instituição
Dicas:
●
Use os posts par estimular a visitação do site,
divulgar notícia ou informação recente
●
Não se esqueça de incluir o link
●
Deixe espaço para o RT
●
Crie uma periodicidade, mas não exagere

34. O melhor para o cidadão
Arquitetura da Informação:
•
A boa estruturação e distribuição das seções de um site
facilita a identificação das informações, e torna a
navegação intuitiva
•
O menu de um site deve ter até nove itens
•
Trabalhe para que todas as informações sejam acessadas
em 3 cliques apenas e não tenham mais de 4 camadas.
Exemplo de rios brancos: http://bit.ly/fZ8ViH
Boa prática: MTur: http://bit.ly/mifNk9

35. O melhor para o cidadão
Usabilidade:
•
É a metoldologia para medir a facilidade de uso das páginas
de um site
•
Escreva apenas metade de linhas com que iria escrever
para a mídia impressa
•
Não crie links ou novas páginas para explicar termo, frase,
etc. Explique o significado ao longo do texto
•
Justifique o texto à esquerda
• Exemplo de rios brancos: http://bit.ly/fZ8ViH
• Boa prática: MTur: http://bit.ly/mifNk9

36. O melhor para o cidadão
Otimização para mecanismos de busca (SEO)
É a maneira de fazer com que textos de páginas web fiquem bem
posicionados em sistemas de busca, como o Google
•
Eles utilizam a busca por palavras-chave e metadados
inseridos nos códigos das páginas
•
Por isso, trabalhe com palavras-chave nos títulos de
destaque e os repita nos textos e nas camadas seguintes
•
Palavras repetidas durante o texto também funcionam

38. Participe do Tweet Jam!
● Ajude a divulgar o CONSEGI Tweet Jam!
● Participe, inscrevendo-se em: http://bit.ly/tjform2011
● Saiba mais em: http://bit.ly/consegitj.
Curso de Modelagem de Processos de Negócio e Plataforma de Processos Página 38

39. Avaliação da oficina:
•
https://moodle.eadevs.serpro.gov.br/mod/
questionnaire/view.php?id=10864
•
http://bit.ly/jaWdiZ

40. Marcus Vinicius Bennett Ferreira
Departamento de Governo Eletrônico
Secretaria de Logística e Tecnologia da Informação
Ministério do Planejamento, Orçamento e Gestão
www.governoeletronico.gov.br
marcus.ferreira@planejamento.gov.br
+55 (61) 2020 1685