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

Redação para Redação para WebWeb

DGE – Departamento de Governo Eletrônico

• Programa de Governo Eletrônicotem 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.

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.


Guia de administraçãoDisponível

Detalha o que é necessário para a concepção, desenvolvimento, manutenção e gestão de sítios e portais governamentais.


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.


Cartilha de redação webDisponível

Detalha recomendações de boas práticas em redação web (webwriting).

Cenário AtualCartilha 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.

• 88% - “Muito importante” que um sítio de governo oferecesse explicações sobre como utilizar um serviço.

Cenário Atual

Pesquisa TIC e-Gov 2010 – CGI.br

Aspectos da redação web

• Redação web X Redação mídia impressa

• Princípios:

• Persuasão

• Objetividade

• Relevância

• Credibilidade

Existem três camadas para apresentação de um texto na web:

1ª Camada: Apresentação

2ª Camada: Genérica

3ª Camada: Detalhamento

Distribuição da informação: metáfora da cebola

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

1ª Camada: Apresentação

Objetivo: contextualizar o assunto e incentivar o cidadão a se aprofundar no conteúdo.

O texto deve responder ao lead jornalísticoO quê? Quem? Quando? Onde? Como? Por quê?

Evite desenvolver mais de uma ideia em cada parágrafo

Atenção para os mecanismos de busca!

2ª Camada: Genérica

Objetivo: aprofundar e complementar o assunto relatado na 2ª Camada

O texto deve ir além do leadUtilize recursos multimídias e infográficos

Existem camadas de detalhamento que só são acessadasatravés de senha: Camada Restrita.Sempre lembrar ao cidadão que a página seguinte é restrita

Ex: http://www1.folha.uol.com.br/fsp/

3ª Camada: Detalhamento

http://www1.folha.uol.com.br/fsp/

Alguns Exemplos

www.saude.gov.brwww.saude.gov.br

www.cultura.gov.brwww.cultura.gov.br

www.turismo.gov.brwww.turismo.gov.br

http://www.saude.gov.br/

http://www.cultura.gov.br/

http://www.turismo.gov.br/

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

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

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

Redigindo para web

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

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

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

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)

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

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

Informação além da palavra

24


● Ícone:● É a representação de um ou mais aspectos da

informação, ao contrário das fotografias e ilustraçõesque funcionam como espelhos da realidade

● Só utilize ícone reconhecido por todos● Exceção: quando criado a públicos específicos

25


● 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


● 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


● Á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


● 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

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 ainformaçã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, documentosnecessá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

http://bit.ly/mOCx34

32

Redação web para mídias sociais

Os ambientes digitais permitem hoje irmosmuito 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çãoDicas:

● 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

http://bit.ly/fZ8ViH

http://bit.ly/mifNk9

35


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

http://bit.ly/fZ8ViH

http://bit.ly/mifNk9

36


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

Curso de Modelagem de Processos de Negócio e Plataforma de ProcessosCapítulo 2 – Conceitos de Modelagem de Processos de Negócio

Página 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.

http://bit.ly/tjform2011

http://bit.ly/consegitj

Avaliação da oficina:

• https://moodle.eadevs.serpro.gov.br/mod/

questionnaire/view.php?id=10864

• http://bit.ly/jaWdiZ

Marcus Vinicius Bennett Ferreira

Departamento de Governo EletrônicoSecretaria de Logística e Tecnologia da Informação

Ministério do Planejamento, Orçamento e Gestão

[email protected]

+55 (61) 2020 1685

redação para web

Documents