governoeletronico.gov.br

Ministério do Planejamento, Orçamento e GestãoSecretaria de Logística e Tecnologia da InformaçãoDepartamento de Governo Eletrônico

Padrões Web em

Governo Eletrônico

e-PWG

governoeletronico.gov.br

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.

Padrões Web em Governo Eletrônico

governoeletronico.gov.br

GestãoGuia de Administração

EquipeCartilhasModelos e arquivos-base

Padrões Web em Governo Eletrônico

governoeletronico.gov.br

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.

Padrões Web em Governo Eletrônico

governoeletronico.gov.br

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

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.

Desdobramentos esperados

governoeletronico.gov.br

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

Componentes

Guia de administraçãoDisponí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

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

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

Padrões Web em Governo Eletrônico

Cartilha de codificaçãoDisponí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

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.

Cartilha de Codificação

governoeletronico.gov.br

Cartilha de Usabilidade

Disponível

Apresenta recomendações em

usabilidade, exemplos práticos

e orientações para testes.

Padrões Web em Governo Eletrônico

governoeletronico.gov.br

Diretrizes Contexto e navegação; Carga de informação; Autonomia; Erros; Desenho; Redação; Consistência e Familiaridade.

Cartilha de Usabilidade

governoeletronico.gov.br

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

Aspectos da redação web: os pontos cardeais

Persuasão; Objetividade; Relevância; Credibilidade; Abrangência.

Cartilha de Redação Web

governoeletronico.gov.br

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.

Padrões Web em Governo Eletrônico

governoeletronico.gov.br

Modelos e arquivos baseEm produção

Lista de gerenciadores de conteúdo; Modelos de diagramação; Modelos de formulários; Folhas de estilo base; Tutoriais; Ícones padrões.

Padrões Web em Governo Eletrônico

governoeletronico.gov.br

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

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 de 22

Fernanda Hoffmann Lobatogovernoeletronico.gov.br

Twitter: @egovbrfernanda.lobato@planejamento.gov.br

+55 (61) 2020 1738

governoeletronico.gov.br 22 de 22

Colophon

ÍconesScrap 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 Autoralhttp://www.flickr.com/photos/ministeriodacultura/4699658057/

Foto: Pedro França - CC licença atribuição.