Análise da jornada de login por meio do gov.br

[luannaalves]

Objetivo

Como designer do Mapa Quero analisar o fluxo de login para integração de acesso por meio do Gov.br Para adequar visualmente as opções de acesso ao usuário.

Contexto

Será realizada integração do ID Saúde com o Login Único do Gov.br, para que o usuário possa logar no Mapa da saúde, utilizando também o acesso por meio do Gov.br.

Escopo UX

• [x] Apresentar solução para botões de Login ao ID saúde por meio de outras plataformas, incluindo o Gov.br
• [x] Verificar aplicabilidade no mobile

Escopo DEV

Critérios de Aceitação

Observações

https://www.figma.com/file/nd1WwdaSNtpOIu4bChpttX/Principal?node-id=3186%3A3633

[caldy94]

Tendo em vista o design system do governo Federal, presente no link https://dsgov.estaleiro.serpro.gov.br/ds/home , fiz um protótipo no figma de como ficaria a interface ao inserir o botão do gov.br. Aqui está o link do protótipo: https://www.figma.com/file/nd1WwdaSNtpOIu4bChpttX/Principal?node-id=3186%3A3633

[caldy94]

Mudanças feitas. Esperando pareamento com @pauloamoreira

[caldy94]

Protótipo alterado! aguardando pareamento com @pauloamoreira

[pauloamoreira]

.pareamento realizado. board atualizado. ainda precisamos validar a solução proposta com a @luannaalves

[caldy94]

Outra atualização no design, os botões das redes sociais são menores e ficam lado a lado.

[RaniGub]

@pauloamoreira por favor, dê encaminhamento com a @caldy94 nessa tarefa. Obg.

[pauloamoreira]

.em reunião com @luannaalves, @caldy94 e @ricardopoppi, foi definido que o poppi irá contribuir com referências e seguiremos na consolidação dessa proposta. @RaniGub o ricardo deve conversar com você para traçarmos formas de gerar sinergia entre achados do time do id saúde e o designlab, com vistas a possíveis proposições de melhoria da experiência dos usuários. @ricardopoppi ficamos no aguardo de suas sugestões de aperfeiçoamentos para darmos andamento aqui.

[ricardopoppi]

@pauloamoreira @caldy94 segue meus dois comentários:

1) Avaliar se, na versão mobile, com os dois parágrafos de texto, os botões não vão sumir para algumas telas mais curtas. Alternativamente poderíamos simplificar o texto. Sugestão: "ID Saúde é a solução de Identidade Digital que apoia a transformação digital e através dela as pessoas poderão acessar, com uma única senha, todas as ferramentas digitais do Sistema Único de Saúde do Ceará"

2) Avaliar a inclusão da logo do gov.br no botão para ser similar a opção com o botão do google. De fato na maioria dos serviços que se integram com o login gov.br não há a logo, mas há pelo menos um serviço que a utiliza no botão de integração:

Usa a logo no botão: https://www3.bcb.gov.br/censo2/login?wicket:interface=:1:form::IFormSubmitListener::

Não usa a logo no botão: https://ec-assuncao.itamaraty.gov.br/login https://servicos.mte.gov.br/#/loginfailed/redirect= https://meu.inss.gov.br/#/login https://app.anm.gov.br/SCA/Site/Login.aspx?ReturnUrl=%2Fdipem

[pauloamoreira]

@pauloamoreira @caldy94 segue meus dois comentários:

1. Avaliar se, na versão mobile, com os dois parágrafos de texto, os botões não vão sumir para algumas telas mais curtas. Alternativamente poderíamos simplificar o texto. Sugestão: "ID Saúde é a solução de Identidade Digital que apoia a transformação digital e através dela as pessoas poderão acessar, com uma única senha, todas as ferramentas digitais do Sistema Único de Saúde do Ceará"
2. Avaliar a inclusão da logo do gov.br no botão para ser similar a opção com o botão do google. De fato na maioria dos serviços que se integram com o login gov.br não há a logo, mas há pelo menos um serviço que a utiliza no botão de integração:

Usa a logo no botão: https://www3.bcb.gov.br/censo2/login?wicket:interface=:1:form::IFormSubmitListener::

Não usa a logo no botão: https://ec-assuncao.itamaraty.gov.br/login https://servicos.mte.gov.br/#/loginfailed/redirect= https://meu.inss.gov.br/#/login https://app.anm.gov.br/SCA/Site/Login.aspx?ReturnUrl=%2Fdipem

caro @ricardopoppi, sobre suas considerações: 1- iremos realizar os testes com diferentes dimensões de tela, para validar a visualização dos botões. sobre o texto: é interessante ter a confirmação da @Clarisse1983 para efetuar a mudança. 2 - na escolha do botão, seguimos o que está estabelecido no Design System do Gov.br, mas iremos analisar os exemplos enviados - não conseguimos acessar o link que usa a logo no botão. você poderia nos enviar novamente?

.quando tivermos atualização nesta tarefa, marcamos você no comentário.

[ricardopoppi]

Olá @pauloamoreira,

1- Sobre o teste em telas mais curtas ok, obrigado por marcar a @Clarisse1983 e aproveito para alinhar que minha proposta foi para exercitar a possibilidade de diminuir o texto para um parágrafo só, já que isso acaba tendo efeito na usabilidade do login. A versão final do texto possivelmente poderá ser aprimorada. 2- Sobre a possibilidade de aplicar a logo gov.br no botão, de fato ela está cada vez menos sendo usada, inclusive aquele sistema onde estava está indisponível, acredito que, ainda que pudesse ser um bom exercício de look'n-feel, não precisamos priorizar essa adaptação.

[pauloamoreira]

@ricardopoppi como a parte do DesignLab foi concluída, sugiro que você busque validar a alteração de texto com a @Clarisse1983 para poder encerrar essa issue.

[ClarisCaval]

@ricardopoppi você usou qual texto original para fazer esse resumo?

[ricardopoppi]

@ricardopoppi você usou qual texto original para fazer esse resumo?

Usei do texto que está no protótipo no figma: https://www.figma.com/file/nd1WwdaSNtpOIu4bChpttX/Principal?node-id=3186%3A3633