Apresentação do e-PWG no ARENA CODE. Brasília, 23 a 25 de novembro de 2011.

1. Padrões Web em
Governo Eletrônico
e-PWG
Ministério do Planejamento, Orçamento e Gestão
Secretaria de Logística e Tecnologia da Informação
Departamento de Governo Eletrônico
governoeletronico.gov.br

2. Padrões Web em Governo Eletrônico
Iniciativa com objetivo de qualificar
e orientar o desenvolvimento Web
no Governo Federal, a fim de tornar
os sítios e e-serviços do governo:

Identificáveis;

Portáveis;

Relevantes;

Acessíveis e;

Efetivos.
governoeletronico.gov.br

3. Padrões Web em Governo Eletrônico
Gestão
Guia de Administração
Equipe
Cartilhas
Modelos e arquivos-base
governoeletronico.gov.br

4. Padrões Web em Governo Eletrônico

Cada cartilha/guia possui cerca de
50 páginas;

Partes de cada documento podem
ser lidas independentes do resto;

Todos documentos passam pelo
sistema de Consulta Pública;

Os documentos podem ser
atualizados quando necessário.
governoeletronico.gov.br

5. Porquê a Consulta Pública

Abrir à participação
popular;

Compartilhar
experiências;

Identificar preocupações
comuns;

Evitar erros que podem
passar despercebidos;

Transparência na
definição de diretrizes.
governoeletronico.gov.br

6. Desdobramentos esperados
Para o governo:

Custos de banda/servidor reduzidos;

Subsídios para licitação e contratação de empresas;

Diminuição nos tempos e custos de desenvolvimento
e manutenção;

Qualificação na comunicação com o cidadão.
governoeletronico.gov.br

7. Desdobramentos esperados
Para o cidadão:

Páginas mais leves e coerentes;

Serviços acessíveis em diversos dispositivos;

Facilidade de leitura, apreensão do conteúdo e
navegação;

Diminuição na curva de aprendizado;

Qualificação na comunicação com o governo.
governoeletronico.gov.br

8. Componentes
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 e-serviços
governamentais.
governoeletronico.gov.br

9. Guia de administração - diretrizes
1. O foco é o cidadão;
2. Manter recursos adequados e objetivos
definidos;
3. Avaliar constantemente a eficácia;
4. Localização facilitada do sítio e conteúdo;
5. Permitir diversas formas e dispositivos
de acesso;
6. Não criar portais semelhantes;
7. Respeitar direitos e dados do cidadão;
8. Ouvir e dar retorno ao cidadão e;
9. Ser confiável
governoeletronico.gov.br

10. Guia de administração
Alguns benefícios de um sítio bem planejado
e mantido

Proporciona melhor usabilidade.

Executa melhor os papéis democráticos do
Estado:

Publicidade - torna o Estado mais visível
ao cidadão;

Responsividade - quando o Estado
dialoga com os seus cidadãos;

Porosidade - torna o Estado mais
susceptível à opinião pública.
governoeletronico.gov.br

11. Padrões Web em Governo Eletrônico
Cartilha de codificação
Disponível
Detalha recomendações de
boas práticas em
codificação, de acordo com
os padrões web do World
Wide Web Consortium
(W3C).
governoeletronico.gov.br

12. Cartilha de Codificação
Diretrizes
1. Páginas Leves;
2. Separação da forma do conteúdo;
3. Páginas em conformidade com os
padrões Web;
4. Páginas independentes de
navegador e plataforma.
governoeletronico.gov.br

13. Padrões Web em Governo Eletrônico
Cartilha de Usabilidade
Disponível
Apresenta recomendações em
usabilidade, exemplos práticos
e orientações para testes.
governoeletronico.gov.br

14. Cartilha de Usabilidade
Diretrizes

Contexto e navegação;

Carga de informação;

Autonomia;

Erros;

Desenho;

Redação;

Consistência e Familiaridade.
governoeletronico.gov.br

15. Padrões Web em Governo Eletrônico
Cartilha de Redação Web
Disponível
Detalha recomendações de boas
práticas em redação web
(webwriting):

distribuição da informação;

Redação web para seções comuns;

A informação além da palavra;

Redes sociais.
governoeletronico.gov.br

16. Cartilha de Redação Web
Aspectos da redação web: os
pontos cardeais

Persuasão;

Objetividade;

Relevância;

Credibilidade;

Abrangência.
governoeletronico.gov.br

17. Padrões Web em Governo Eletrônico
Cartilha de desenho de Interação
em produção
Detalha recomendações de boas práticas
em desenho e arquitetura de informação,
lista de tipos de sítios, utilização de
imagens, identidade visual e navegação.
governoeletronico.gov.br

18. Padrões Web em Governo Eletrônico
Modelos e arquivos base
Em produção

Lista de gerenciadores de conteúdo;

Modelos de diagramação;

Modelos de formulários;

Folhas de estilo base;

Tutoriais;

Ícones padrões.
governoeletronico.gov.br

19. Desafios

Mais estímulo e comunicação entre administração
e desenvolvedores;

Criação de comunidades – manutenção e
desenvolvimento;

Investir em treinamento;

Participação ativa nas entidades de padronização;

Realização de eventos para divulgação de cases e
troca de experiência

...
governoeletronico.gov.br

20. Desafios

Fiscalização e cobrança;

Definição de metas;

Avaliação e publicação de resultados;

Envolvimento – Integrar TI e Assessorias de
Comunicação;

Fazer com que os próprios detentores de
informações e condução dos processos publiquem
e atualizem conteúdo nos sítios.
governoeletronico.gov.br

21. Fernanda Hoffmann Lobato
governoeletronico.gov.br
Twitter: @egovbr
fernanda.lobato@planejamento.gov.br
+55 (61) 2020 1738
governoeletronico.gov.br 21 de 22

22. Colophon
Ícones
Scrap por Deleket - Creative Commons (Attribution-Noncommercial-Share
Alike 3.0 Unported)
Oxygen por Oxygen Team - GPL license
Fotos:
bookshelf 1 of 3 de S2art - CC License share-alike and attribution
http://www.flickr.com/photos/s2art/1375926/
Consulta Pública para a Modernização da Lei do Direito Autoral
http://www.flickr.com/photos/ministeriodacultura/4699658057/
Foto: Pedro França - CC licença atribuição.
governoeletronico.gov.br 22 de 22