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.
Padrões Brasil e-GOV
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.
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.
Padrões Brasil e-GOV
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
Alguns Exemplos
www.saude.gov.brwww.saude.gov.br
www.cultura.gov.brwww.cultura.gov.br
www.turismo.gov.brwww.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
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çõesque 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
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
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
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
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.
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
+55 (61) 2020 1685
Top Related