Ir para o conteúdo principal

Padrões de produto

Os nossos produtos precisam de alguns padrões no qual podemos estar utilizando. Abaixo temos informações e exemplos de alguns desses padrões.

Menu de ajuda

Quem nunca viu um sistema que não possui um menu como esse? Por isso, nós da CODE criamos um padrão que podemos seguir. Essa é uma imagem de exemplo:

Cria-se o menu chamado "Ajuda" e submenus com os seguintes redirecionamentos:

image-1608572861010.png




    Rodapé

    Dependendo de quem é o seu público alvo pode ter um rodapé simples como o seguinte:

    "Desenvolvido por: Governo do Estado de Rondônia | SETIC"

    image-1603198644492.png


    Veja os exemplos:

    Exemplo 1 - https://portaldoservidor.sistemas.ro.gov.br/

    Utiliza-se o exemplo acima para produtos não registrados no órgão regulador.


    Ou com mais informações, além do apresentado anterior, tais como:

    Contatos, endereço e suporte técnico.

    image-1603198928960.png


    Veja os exemplos: 

    Exemplo 1 - https://mrday.sistemas.ro.gov.br/

    Exemplo 2 - https://rondoniatemtudo.ro.gov.br/




    Página externa

    Dependendo do produto, é importante que tenha uma página externa e essa página identifica para o usuário qual produto está acessando e não gera conflito com o autenticador SAURON.

    Sua página externa deve conter as seguintes informações:

    Veja os exemplos:

    Exemplo 1 - https://portaldoservidor.sistemas.ro.gov.br/

    image-1608572987676.png

    Exemplo 2 - https://mrday.sistemas.ro.gov.br/

    image-1608573029975.png

    Página de erro

    Páginas de erro são frustrantes. Em um mundo ideal elas nunca apareceriam, mas sabemos que a realidade não é essa. É importante ter uma página de erro amigável para causar menos impacto no usuário.

    Não customizar a página de erro e exibir a página default demonstra amadorismo, falta de atenção e carinho pelo sistema

    O que a página deve possuir?
    • Um botão redirecionador ou algum apontamento interativo para o usuário voltar para a página anterior ou alguma parte do seu fluxo comum
    • Um botão para reportar o problema redirecionando para o nosso pipefy na página de reportar erros

    Recomendável: Exibir o Id da transação para que o usuário possa informá-lo no chamado, facilitando para os DEVs acharem na ferramenta de monitoramento

    Identificação visual na página

    A identificação visual fica à gosto do time, mas é importante que esteja no tema do projeto e que seja o mais amigável possível. Abaixo temos o exemplo do SID que atende o padrão recomendado para a página de erro.

    image-1645198440630.png

    Identificação do ambiente de treinamento

    Quando ter ambiente de treinamento?

    Acesso externo à ambientes de treinamento devem ser criados apenas em ocasiões necessárias, como por exemplo um treinamento nosso com o cliente, ou o cliente com seus usuários. O correto é que a cada release o cliente use o sistema em produção e que o ambiente de treinamento seja realmente apenas para treinamentos.

    URL para identificação do ambiente

    O endereço DNS dos sistemas em ambiente de treinamento possuirão o seguinte padrão: https://sistemaxyz.treinamento.ro.gov.br

    Identificação visual na página

    O ambiente de treinamento precisa de uma identificação além do link. Portanto pode-se utilizar a identificação "Ambiente de treinamento" como exemplo do produto E-estado e o SEI.

    E-estado: http://eestado-qa.sistemas.ro.gov.br/entrar

    image-1611690858775.png

    Sei: Treinamento.sei.sistemas.ro.gov.br/sei

    image-1611691443561.png




    Versão Autor Data
    1.0.0 Euriane Frota 19/10/2020 Conteúdo
    1.0.1 Idan Souza 20/10/2020

    Formatação

    1.0.2 Gabriel Fernandes 05/02/2020

    Conteúdo

    1.0.3 Matheus Silva 18/02/2022

    Conteúdo