Recuperação de senha

[talitabitencourt]

Name: User Story - Portal de Mentorias About: User Story para recuperação de senha Title: "Como usuário, desejo redefinir minha senha, para acessar novamente minha área logada."

---

Descrição Para que o Portal de mentoria tenha uma melhor usabilidade para seus mentores e mentorados, é necessário uma funcionalidade onde seja possível redefinir uma nova senha em caso de bloqueio ou esquecimento da mesma.

---

Protótipos Link do protótipo: Recuperar senha (Imagem 1)
(Imagem 2) Imagem 3 (Imagem 4) (Imagem 5)

---

Critérios de Aceite

- Critérios de Negócios

1. Quando o usuário clicar em “Esqueci minha senha” conforme definido na US#4, então o sistema direcionará o mesmo para a tela de redefinição de senha com a descrição conforme imagem 2

Esqueceu sua senha? Um e-mail será enviado para o endereço cadastrado com as instruções para redefinir senha.

2. Quando o usuário informar seu e-mail na tela de "Esqueceu sua senha?" (imagem 2) e clicar no botão “Enviar”, então o sistema validará os dados informados:

• Caso o e-mail informado seja inválido ou não exista no banco de cadastros, então o sistema apresentará abaixo do campo a mensagem: “E-mail inválido" não deixando o usuário prosseguir.

3. Quando o usuário clicar no botão “Enviar" na tela de "Esqueceu sua senha?" com as informações corretas, então o sistema demonstrará na tela uma modal com a descrição: (imagem 3)

Cheque seu e-mail. Enviamos para você uma e-mail com as instruções para redefinir sua senha Logo + SouJunior

• A mesma deverá conter um "X" no canto superior, que ao clicar fechará a modal deixando o usuário na tela de cadastro de conta sem nenhum preenchimento no campo.

4. Quando o usuário clicar no botão “Enviar” na tela de "Esqueceu sua senha?" e as informações preenchidas forem válidas, então o sistema de forma simultânea deverá mandar um link para o e-mail cadastrado (imagem 4).

• Título do e-mail: Redefinição de senha - Portal de mentorias
• Assunto do corpo do e-mail:

  Você solicitou a redefinição de sua senha para acessar o Portal de mentorias Para concluir clique no botão abaixo

• Botão de ação: "Redefinir senha”
• Informações adicionais do e-mail:

  Se você não solicitou a redefinição de senha, não se preocupe, apenas ignore Por favor não responda a este e-mail.

5. Quando o usuário clicar no “Redefinir senha” apresentado no e-mail encaminhado mencionado no critério 4, então o sistema o direcionará para o formulário onde será informada a nova senha (imagem 5).

6. Quando o usuário passar o mouse pelo ícone de informação do campo “Senha” na tela de "Nova senha", então o sistema deverá demonstrar tooltip com as regras para o cadastro de senha (imagem 5).

• Para ser considerada uma senha valida a mesma deve conter:

  Mínimo 8 caracteres Pelo menos uma letra maiúscula Pelo menos um número Pelo menos um caractere especial (Ex: #@$%) Obs.: O usuário poderá preencher a senha utilizada anteriormente

7. Quando o usuário inserir no campo “Senha” uma informação diferente da regra, então o sistema deverá apresentar uma mensagem abaixo do campo com a descrição: "Senha inválida".

8. Quando o usuário inserir no campo “Confirmar senha” uma informação diferente do campo “Senha”, então o sistema deverá apresentar uma mensagem abaixo dos campos “Senha” e “Confirmar senha” com a descrição "As senhas não coincidem".”

• Assim que o usuário iniciar a digitação no campo “Confirmar senha” a mensagem "As senhas não coincidem".” devem ser demonstradas nos campos “Senha” e “Confirmar senha”, sumindo apenas se as senhas digitadas nos campos forem iguais.

9. Quando o usuário clicar no ícone de visualizar senha no campo senha (olho traçado), então o sistema mostrará a senha digitada.

10. Quando o usuário clicar no ícone de ocultar senha no campo senha (olho aberto), então o sistema ocultará a senha, demostrando a mesmo no formato (****)

11. Quando o usuário clicar no botão “Redefinir senha” e a mesma for válida, então o sistema deverá apresentar uma mensagem na página com a descrição: Senha redefinida com sucesso.

• A mesma deve conter o botão "Ir para o login".

13. Quando o usuário clicar no link "Ir para o login" por qualquer uma das telas, então o sistema direcionará o mesmo para a US#4

- Critérios de interface

14. Por default a senha deve vir oculta, sendo demonstrada pelo ícone (olho aberto)

15. O campo E-mail devem possuir placeholders: Preencha com o seu e-mail

    ---

Informações Adicionais URL Portal de mentorias: mentores.soujunior.tech

---

DoR - Definition of Ready

• [x] O item ter sido refinado seguindo o modelo de User Story.

• [x] A User Story deverá ter pelo menos um critério de aceite.

• [x] A User Story deverá ter pelo menos uma referência visual (Ex: Protótipo, Fluxograma e etc...).

• [x] A User Story deverá apresentar o seu módulo de referência: Mentor ou Mentorado.

• [x] Ter sido validado pelo mentor.

  ---

DoD - Definition of Done

• [ ] Documentar ferramentas, documentação e ambientes necessários para realização de teste.

• [ ] Execução de testes unitários.

• [ ] Revisão do código do Pull request validado pelo mentor e por outro membro do time de desenvolvimento.

• [ ] Critérios de aceite verificados, testados e validado.

• [ ] Teste de software criados, executados e validados pelo QA.

• [ ] Garantir que todas as etapas planejadas foram atendidas/concluídas.

[talitabitencourt]

@Vanessapcs poderia validar essa US?

[Vanessapcs]

@talitabitencourt

Definição: a parte do "para cadastrar uma nova (eu estou redefinindo, então fica meio implícito que estamos cadastrando uma nova) e reacessar (essa palavra não ficou muito bacana, e pode ser usado o acessar mesmo)". Uma sugestão: Como usuário, desejo redenifir minha senha, para que eu possa acessar novamente o meu cadastro (mas não sei se é só isso. Poderia ser "acessar novamente minha área logada", por exemplo).

Descrição: acredito que a redefinição de senha tenha mais a ver com requisitos não funcionais de "segurança" do que de "usabilidade".

Imagem 2: Sobre a frase, acho que você repetiu e-mail "informe um email que enviaremos um email...". Seguem algumas opções:

-------- --------

-------- --------

Imagem 3: Seguem ajustes para as frases do e-mail: Utilize o link (que link?) abaixo para redefinir a senha do seu cadastro (senha cadastrada) na Mentoria da SouJunior (no Portal de Mentorias da SouJunior). Este link expira (expirará) appós 24 horas.

Caso o e-mail tenha sido enviado por engano (Caso você não tenha feito a solicitação para redefinição de senha), apenas ignore (ignore a mensagem e continue utilizando a senha atual para acesso ao Portal).

Imagem 5: Ajuste na mensagem: "Clique no login para acessar o portal," Que login? Nã vi aopção de Login no protótipo.

8 e 9 - Esses critérios não deveriam fazer parte da seção "critérios de interface"?

[Vanessapcs]

---

[talitabitencourt]

@Vanessapcs ajustes realizados.

Itens 8 e 9 acabei deixando nos Critérios de negócios.

[AnninhaUX]

Olá

[talitabitencourt]

@AnninhaUX podemos iniciar a prototipação desta tela :D

[Vanessapcs]

@talitabitencourt algumas considerações (30/04):

2 - Informar o protótipo de referência. Também indicar que o Usuário vai informar o email e depois clicar no "Enviar".

3 - Informar o protótipo de referência. Caso ache mais prático, poderá usar o formato "Tela + Critérios", "Tela 2 + Critérios Tela 2" e assim sucessivamente.

5 - Mencionar que essa ação será feita "no e-mail encaminhado".

6 - Informar o protótipo de referência. Uma dúvida sobre os critérios de senha: posso colocar a senha anterior? A "esquecida"?

8 - Em que momento será apresentada a mensagem de "senhas não conferem": durante a escrita ou na saída do campo?

[AnninhaUX]

@talitabitencourt

Essa tela passou por Design Critique e a equipe de UX, achou melhorar alguns textos, para se encaixar nas boas práticas de Design Writing.

Teria como alterar nas descrições acima:

Critérios de Aceite

1- a descrição ficou: Fique tranquilo! Um e-mail será enviado com as instruções para redefinir sua senha.

2- Caso o e-mail informado seja inválido, então o sistema apresentará abaixo do campo a mensagem: “E-mail inválido" não deixando o usuário prosseguir. Trocar para E-mail incorreto.

7- Quando o usuário inserir no campo “Senha” uma informação diferente da regra, então o sistema deverá apresentar uma mensagem abaixo do campo com a descrição: Senha inválida. Trocar para Senha incorreta.

8- Quando o usuário inserir no campo “Confirmar senha” uma informação diferente do campo “Senha”, então o sistema deverá apresentar uma mensagem abaixo dos campos “Senha” e “Confirmar senha” com a descrição “Os campos informados não coincidem.” trocar para As senhas não coincidem.

A tela para com os campos para colocar uma senha nova também mudou a descrição. Nova senha. Preencha com a sua nova senha para concluir.

[talitabitencourt]

Oi @AnninhaUX avaliei com o time de produto (APM'S e Mentora) as propostas trazidas pela equipe de UX, abaixo segue o que alinhamos.

1- a descrição ficou: Fique tranquilo! Um e-mail será enviado com as instruções para redefinir sua senha.

Resposta: 1 - O Usuário não está "nervoso" ou "ansioso" para que iniciemos a frase dizendo para que ele "Fique tranquilo". Na realidade, por não ter ciência da emoção dele no momento, essa "imposição" inicial pode causar desconforto. Então, manteremos a frase como se encontra no critério de aceite.

2- Caso o e-mail informado seja inválido, então o sistema apresentará abaixo do campo a mensagem: “E-mail inválido" não deixando o usuário prosseguir. Trocar para E-mail incorreto.

Resposta: 2 - O termo "inválido" é bastante utilizado em relação a projetos de software (inclusive bem mais do que o "incorreto") e como não gera muito impacto essa frase, manteremos como se encontra no critério de aceite.

7- Quando o usuário inserir no campo “Senha” uma informação diferente da regra, então o sistema deverá apresentar uma mensagem abaixo do campo com a descrição: Senha inválida. Trocar para Senha incorreta.

Resposta: 7 - Pelas mesmas questões da resposta acima, mantermos como se encontra no critério de aceite.

8- Quando o usuário inserir no campo “Confirmar senha” uma informação diferente do campo “Senha”, então o sistema deverá apresentar uma mensagem abaixo dos campos “Senha” e “Confirmar senha” com a descrição “Os campos informados não coincidem.” trocar para As senhas não coincidem.

Resposta: 8 - De inicio foi usado a mesma frase de uma outra tela, mas como aqui são dois campos que se referem a mesma coisa, podemos sim alterar para "As senhas não coincidem"

Sobre a tela com a frase sugerida "Preencha com a sua nova senha para concluir."

Nesse caso optamos por manter como se encontra no critério de aceite. Essa frase "Preencha com a sua nova senha para concluir" nos passou a sensação de que ele está colocando a nova senha pela primeira vez e não é o caso. Nesse campo, ele está realmente confirmando a nova senha, isto é, informando novamente para validar a que foi inserida no primeiro campo. Essa frase acabou não fazendo muito sentido para a gente, pois pode fazer com que o Usuário acredite, mesmo que por um breve momento, que no primeiro campo informado não foi pedido a "Nova Senha".

Eu estou sem acesso ao protótipo agora, mas caso você já tenha feita essas alterações, peço que atualize conforme a definição.

@Vanessapcs @akirashimazu

[AnninhaUX]

Resposta 1: Qto ao Fique tranquilo, concordo em não colocar. Porém, sobre o restante da frase: Um e-mail será enviado com as instruções para redefinir sua senha. seguimos a orientação de um UX Writing, sobre: a prática de ser conciso = ser claro e eficiente com poucas palavras.

Resposta 2: encontramos materiais que falam em substituir o termo inválido por incorreto. https://brasil.uxdesign.cc/mensagem-de-erro-o-terror-de-ux-writing-e3f962b59e1c

Resposta 7: pelas mesmas questões acima.

Resposta 8: Pelas mesmas questões da Resposta 1.

@vinipalharess @pedro-hrs

[talitabitencourt]

@akirashimazu @Vanessapcs @AnninhaUX @pedro-hrs @vinipalharess

Conforme mencionado acima, concordamos em alterar o item 8 para "As senhas não coincidem", inclusive a definição já foi atualizada, quanto ao demais pontos manteremos conforme alinhado com o produto, favor realizar as alterações conforme a US.

[Vanessapcs]

@talitabitencourt

US Ready. (27/05/2023)

[wandersonDeve]

Precisamos o template de email para poder envir o Email

[talitabitencourt]

Oi @wandersonDeve o que está no link no protótipo não ajuda? ou não seria isso?