Ir para o Conteúdo 1 Ir para a Página Inicial 2 Ir para o menu de Navegação 3 Ir para a Busca 4 Ir para o Mapa do site 5
Portal Gov.br Ministério da Gestão e da Inovação em Serviços Públicos
Acesso rápido
  • Acesso rápido
  • Órgãos do Governo
  • Acesso à Informação
  • Legislação
  • Acessibilidade
  • Redefinir Cookies
  • Mudar para o modo de alto contraste
Abrir menu principal de navegação
Governo Digital
  • Transformação Digital
    • Legislação
    • Trajetória da transformação digital
    • Quer transformar seu serviço?
    • Ferramentas
      • Plataforma gov.br
      • Design System
      • Modelo de Qualidade dos Serviços Públicos
      • Modelo de Custos de serviços públicos
      • VLibras
      • Automação de serviços
      • Autenticação gov.br
      • Pesquisa com usuários
      • Conecta gov.br
      • Acordos de Cooperação
      • Portal da Assinatura Eletrônica
      • Notifica gov.br
      • Plataforma de Avaliacao de Servicos
      • Unificação de Canais
    • Rede Nacional de Governo Digital
      • Mapa
    • Lista Serviços Digitais
      • Serviços Digitais 2019
      • Serviços Digitais 2020
      • Serviços Digitais 2021
      • Serviços Digitais 2022
    • Planos Digitais
    • Redes Internacionais de Compartilhamento
    • Guia: 10 passos para a transformação digital em estados e municípios
    • Rede Federal de Ensino
    • Central de Qualidade
      • Perguntas frequentes sobre o Modelo de Qualidade
      • imagens
      • documentos
  • Estratégia de Governo Digital 2020-2022
    • Legislação
    • Estratégia de Governo Digital 2020-2022
    • Um governo centrado no cidadão
    • Um governo integrado
    • Um governo inteligente
    • Um governo confiável
    • Um governo transparente e aberto
    • Um governo eficiente
  • Sisp
    • Legislação
    • Sobre o SISP
      • Órgãos do SISP
    • Governança de Talentos
      • Analista em Tecnologia da Informação (OLD)
      • Gratificação do SISP - GSISP
      • Programa Capacita Gov.Br
      • Movimentação de ATI
      • Avaliação GSISP
      • Analista em Tecnologia da Informação
      • Gratificação do SISP - GSISP
    • Documentos
    • Guia do Gestor
      • midia
      • links
      • Serviços
      • Documentos
      • Saiba Mais
      • Fiscalização e Gestão de Contratos de TIC
      • Análise de riscos para contratações de TIC
      • Plano de Transformação Digital do MEC
  • Contratações
    • Legislação
    • Perguntas e Respostas
    • Templates e Listas de Verificação
    • Orientações para Contratação e Renovação de Contratos Baseados em UST
    • Capacitações e Eventos sobre Contratação de Soluções de TIC
    • Catálogos de Soluções de TIC
    • Conceito de Solução de Tecnologia da Informação e Comunicação
  • Governança de Dados
    • Legislação
    • Conecta gov.br
      • Termos de Uso e de Politica de Privacidade
    • Comitê
    • Compartilhamento de Dados
    • Registros de Referência
      • Cadastro Base de Endereço
      • Registro de Referência de Municípios
      • Registro de Referência de Unidades Federativas
      • Registro de Referência de Países
      • Registro de Referência dos Servidores Civis do Poder Executivo Federal
      • Registro de Referência de Estruturas Organizacionais do Poder Executivo Federal
    • Catálogo de Bases de Dados
    • Interoperabilidade
    • Governo como Plataforma
    • Vocabulário Controlado
    • Cadastro Base do Cidadão
    • Tecnologias Emergentes
    • Sobre o Catálogo de Bases de Dados
    • Catálogo de Bases de Dados
    • Estratégia de Governança de Dados
    • Fórum de Governança de Dados
    • Forum de Governança de Dados
  • Segurança e Proteção de Dados
    • Legislação
    • Framework privacidade e segurança
      • Questionário de Avaliação de Riscos de Segurança e Privacidade
      • Questionário de Diagnóstico e Índice de Adequação à Lei Geral de Proteção de Dados Pessoais (LGPD)
      • Questionário para Elaboração de Termo de Uso e Política de Privacidade para Serviços Públicos
    • Programa de Privacidade e Segurança da Informação (PPSI)
    • Guias e modelos
    • Treinamento, desenvolvimento e eventos
    • Gestão de riscos
    • Melhores práticas internacionais
    • Diagnóstico de maturidade de privacidade para adequação à LGPD
    • Diagnóstico de maturidade de segurança para adequação à LGPD
    • Reportar incidentes de segurança e outros problemas
    • Órgãos e atividades
  • Conta gov.br
    • Perguntas Frequentes
  • Startup GOV.BR
  • Experiência do Usuário
  • Estratégias e políticas digitais
  • Capacitações
  • VLibras
  • Legislação
    • Lei do Governo Digital
    • SISP
    • Governança Digital
    • Conecta gov.br
    • Governança de Dados e Interoperabilidade
    • Segurança e Proteção de Dados
    • Governo Aberto
    • Contratações de TIC
    • Identificação Nacional Civil
    • Normas migração de sites e publicação no gov.br
    • Outras legislações correlatas
  • Acessibilidade Digital
    • Acessibilidade Digital
    • Modelo de Acessibilidade
    • Ferramentas
    • Referências e Modelos de Implementação
    • Material de apoio
    • Recursos de Acessibilidade
    • Eventos e Prêmios
  • Dados Abertos
    • Legislação
    • Infraestrutura Nacional de Dados Abertos
    • Dados Abertos Governamentais
    • Como abrir os dados
    • Publique dados
    • Portal Brasileiro de Dados Abertos
    • Material de apoio
  • Assinatura Eletrônica
    • Saiba mais sobre a assinatura eletrônica
    • Assinatura Eletrônica para Órgãos
    • Importar certificados gov.br no Adobe Acrobat Reader
  • Software Público
  • GOV.BR
    • Serviços
      • Buscar serviços por
        • Categorias
        • Órgãos
        • Estados
      • Serviços por público alvo
        • Cidadãos
        • Empresas
        • Órgãos e Entidades Públicas
        • Demais segmentos (ONGs, organizações sociais, etc)
        • Servidor Público
    • Notícias
      • Serviços para o cidadão
      • Saúde
      • Agricultura e Pecuária
      • Cidadania e Assistência Social
      • Ciência e Tecnologia
      • Comunicação
      • Cultura e Esporte
      • Economia e Gestão Pública
      • Educação e Pesquisa
      • Energia
      • Forças Armadas e Defesa Civil
      • Infraestrutura
      • Justiça e Segurança
      • Meio Ambiente
      • Trabalho e Previdência
      • Turismo
    • Galeria de Aplicativos
    • Acompanhe o Planalto
    • Navegação
      • Acessibilidade
      • Mapa do Site
      • Termos de Uso
      • Sobre o gov.br
    • Acesse sua conta gov.br
    • Órgãos do Governo
    • Temas em Destaque
    • Por dentro do Gov.br
      • Dúvidas Frequentes em relação ao Portal gov.br
      • Dúvidas Frequentes da conta gov.br
      • Ajuda para Navegar o Portal
      • Conheça os elementos do Portal
      • Política de e-participação
      • Termos de Uso
      • Governo Digital
      • Guia de Edição de Serviços do Portal Gov.br
    • Dados do Governo Federal
      • Dados Abertos
      • Painel Estatístico de Pessoal
      • Painel de Compras do Governo Federal
      • Acesso à Informação
Links Úteis
  • Galeria de Aplicativos
  • Participe
  • Galeria de Aplicativos
  • Participe
Redes sociais
  • Twitter
  • Instagram
Você está aqui: Página Inicial Transformação Digital Ferramentas Design System
Info

Design System

Compartilhe por Facebook Compartilhe por Twitter link para Copiar para área de transferência
Publicado em 29/11/2019 17h54 Atualizado em 07/07/2022 11h11

O Design System apresenta os padrões de interface que devem ser seguidos por designers e desenvolvedores para garantir a experiência única na interação com os sistemas interativos do Administração Pública Federal.

Por que unificar a experiência dos cidadãos brasileiros quando estão em contato com os serviços públicos por meio digital?

A proposta surgiu a partir do sentimento comum sobre a necessidade de oferecer uma experiência única ao cidadão que se relaciona com o governo para acessar produtos e serviços públicos.

A iniciativa potencializa a eficiência e a eficácia dos usuários na utilização de interfaces para acesso aos serviços e aos sistemas de Governo, possibilitando uma única curva de aprendizado e garantindo a previsibilidade na utilização dos diferentes sistemas.

Histórico:

Esta iniciativa é uma evolução do trabalho desenvolvido para a construção da Identidade Digital de Governo (IDG) e da IDG de Serviços, que buscavam padronizar os portais dos órgãos públicos federais e alinhar as informações para otimizar a comunicação e simplificar as interfaces de oferta de informações para o cidadão.

Esta versão traz a possibilidade de realizar download de templates, códigos e componentes, propiciando o reaproveitamento de diferentes elementos necessários ao desenvolvimento de interfaces. Com isso, amplia-se a eficiência e a produtividade de desenvolvedores e designers, além de facilitar o desenvolvimento alinhado à experiência única do cidadão.

Desta forma, foi disponibilizado um Design System que tem como objetivo guiar todos os responsáveis pela construção de interfaces interativas orientadas à experiência única do usuário, considerando a acessibilidade e a usabilidade dos sistemas.

A iniciativa foi desenvolvida no âmbito do Projeto de Unificação de Canais Digitais do Sistema de Administração dos Recursos de Tecnologia da Informação (Sisp) do Poder Executivo Federal.

Afinal, o que é Design System?

Um Design System não é um projeto, mas um produto que serve produtos
– [Natan curtis]

Este é um documento vivo com diversos componentes e propriedades de um produto ou serviço para facilitar a comunicação com os diversos times.

Isso beneficia tanto o resultado que se almeja alcançar com o software como a comunicação, as pessoas, os negócios e as empresas.

A ideia é que esse produto seja utilizado para consulta, para se tomar decisões, para novas features, novas interfaces e novas propriedades dos produtos do governo.

Atenção
Este não é um documento estático, ele pode sofrer constantes mudanças e a ideia desse Design System é isso. Encaixar diversas formas sem perder consistência.

Você já está entendendo que o Design System é o conjunto completo de padrões do projeto, documentação e princípios. Utilizando o UI kit (kit de ferramentas de design) e o código para atingir esses padrões.

O Design System no Sisp

Alguns elementos definidos para compor o Design System  - Família Tipográfica, Paleta de Cores, Padronização de Botões e Logotipo.

Como Design System, ele atende a uma ampla gama de designers e desenvolvedores que criam produtos e experiências digitais. Os objetivos do sistema incluem melhorar a consistência e a qualidade da interface, tornando o processo de design e desenvolvimento mais eficiente e focado, estabelecendo um vocabulário compartilhado entre designer e desenvolvedor, fornecendo orientação clara e identificável sobre as melhores práticas de design e desenvolvimento.

Acesse para saber mais: http://gov.br/designsystem

Compartilhe por Facebook Compartilhe por Twitter link para Copiar para área de transferência
  • Transformação Digital
    • Legislação
    • Trajetória da transformação digital
    • Quer transformar seu serviço?
    • Ferramentas
      • Plataforma gov.br
      • Design System
      • Modelo de Qualidade dos Serviços Públicos
      • Modelo de Custos de serviços públicos
      • VLibras
      • Automação de serviços
      • Autenticação gov.br
      • Pesquisa com usuários
      • Conecta gov.br
      • Acordos de Cooperação
      • Portal da Assinatura Eletrônica
      • Notifica gov.br
      • Plataforma de Avaliacao de Servicos
      • Unificação de Canais
    • Rede Nacional de Governo Digital
      • Mapa
    • Lista Serviços Digitais
      • Serviços Digitais 2019
      • Serviços Digitais 2020
      • Serviços Digitais 2021
      • Serviços Digitais 2022
    • Planos Digitais
    • Redes Internacionais de Compartilhamento
    • Guia: 10 passos para a transformação digital em estados e municípios
    • Rede Federal de Ensino
    • Central de Qualidade
      • Perguntas frequentes sobre o Modelo de Qualidade
      • imagens
      • documentos
  • Estratégia de Governo Digital 2020-2022
    • Legislação
    • Estratégia de Governo Digital 2020-2022
    • Um governo centrado no cidadão
    • Um governo integrado
    • Um governo inteligente
    • Um governo confiável
    • Um governo transparente e aberto
    • Um governo eficiente
  • Sisp
    • Legislação
    • Sobre o SISP
      • Órgãos do SISP
    • Governança de Talentos
      • Analista em Tecnologia da Informação (OLD)
      • Gratificação do SISP - GSISP
      • Programa Capacita Gov.Br
      • Movimentação de ATI
      • Avaliação GSISP
      • Analista em Tecnologia da Informação
      • Gratificação do SISP - GSISP
    • Documentos
    • Guia do Gestor
      • midia
      • links
      • Serviços
      • Documentos
      • Saiba Mais
      • Fiscalização e Gestão de Contratos de TIC
      • Análise de riscos para contratações de TIC
      • Plano de Transformação Digital do MEC
  • Contratações
    • Legislação
    • Perguntas e Respostas
    • Templates e Listas de Verificação
    • Orientações para Contratação e Renovação de Contratos Baseados em UST
    • Capacitações e Eventos sobre Contratação de Soluções de TIC
    • Catálogos de Soluções de TIC
    • Conceito de Solução de Tecnologia da Informação e Comunicação
  • Governança de Dados
    • Legislação
    • Conecta gov.br
      • Termos de Uso e de Politica de Privacidade
    • Comitê
    • Compartilhamento de Dados
    • Registros de Referência
      • Cadastro Base de Endereço
      • Registro de Referência de Municípios
      • Registro de Referência de Unidades Federativas
      • Registro de Referência de Países
      • Registro de Referência dos Servidores Civis do Poder Executivo Federal
      • Registro de Referência de Estruturas Organizacionais do Poder Executivo Federal
    • Catálogo de Bases de Dados
    • Interoperabilidade
    • Governo como Plataforma
    • Vocabulário Controlado
    • Cadastro Base do Cidadão
    • Tecnologias Emergentes
    • Sobre o Catálogo de Bases de Dados
    • Catálogo de Bases de Dados
    • Estratégia de Governança de Dados
    • Fórum de Governança de Dados
    • Forum de Governança de Dados
  • Segurança e Proteção de Dados
    • Legislação
    • Framework privacidade e segurança
      • Questionário de Avaliação de Riscos de Segurança e Privacidade
      • Questionário de Diagnóstico e Índice de Adequação à Lei Geral de Proteção de Dados Pessoais (LGPD)
      • Questionário para Elaboração de Termo de Uso e Política de Privacidade para Serviços Públicos
    • Programa de Privacidade e Segurança da Informação (PPSI)
    • Guias e modelos
    • Treinamento, desenvolvimento e eventos
    • Gestão de riscos
    • Melhores práticas internacionais
    • Diagnóstico de maturidade de privacidade para adequação à LGPD
    • Diagnóstico de maturidade de segurança para adequação à LGPD
    • Reportar incidentes de segurança e outros problemas
    • Órgãos e atividades
  • Conta gov.br
    • Perguntas Frequentes
  • Startup GOV.BR
  • Experiência do Usuário
  • Estratégias e políticas digitais
  • Capacitações
  • VLibras
  • Legislação
    • Lei do Governo Digital
    • SISP
    • Governança Digital
    • Conecta gov.br
    • Governança de Dados e Interoperabilidade
    • Segurança e Proteção de Dados
    • Governo Aberto
    • Contratações de TIC
    • Identificação Nacional Civil
    • Normas migração de sites e publicação no gov.br
    • Outras legislações correlatas
  • Acessibilidade Digital
    • Acessibilidade Digital
    • Modelo de Acessibilidade
    • Ferramentas
    • Referências e Modelos de Implementação
    • Material de apoio
    • Recursos de Acessibilidade
    • Eventos e Prêmios
  • Dados Abertos
    • Legislação
    • Infraestrutura Nacional de Dados Abertos
    • Dados Abertos Governamentais
    • Como abrir os dados
    • Publique dados
    • Portal Brasileiro de Dados Abertos
    • Material de apoio
  • Assinatura Eletrônica
    • Saiba mais sobre a assinatura eletrônica
    • Assinatura Eletrônica para Órgãos
    • Importar certificados gov.br no Adobe Acrobat Reader
  • Software Público
Redefinir Cookies
Redes sociais
  • Twitter
  • Instagram
Acesso àInformação
Todo o conteúdo deste site está publicado sob a licença Creative Commons Atribuição-SemDerivações 3.0 Não Adaptada.
Voltar ao topo da página