[Candidato] Atualizar Perfil

Jacqueline2021 commented 1 year ago

Definição: Como usuário candidato, eu gostaria de atualizar meu perfil para que as empresas tenham acesso as minhas informações atualizadas e possam me contatar.

Descrição: Em sua área logada, o usuário terá 2 caminhos para a tela de atualizar perfil: clicando na sua foto ou em "Atualizar meu Currículo" no Portal do Usuário . O objetivo é que o candidato tenha acesso ao seu perfil para visualização, atualização e edição, assim ele poderá manter suas informações, como, telefone e currículo, atualizadas.

Protótipos:

Critérios de aceite:

O usuário poderá alterar sua foto de perfil no botão "alterar foto"; abaixo do link para alterar a foto deve conter uma breve informação com a descrição do formato da foto (formatos: .JPEG, .PNG, .JPEG / tamanho máximo: 8MB).
Ao clicar em alterar foto, deve aparecer a tela para selecionar a imagem. O usuário só consegue visualizar imagens que estejam no formato informado. Em seguida, o usuário deve escolher a foto e clicar em enviar;
No campo "Nome completo", o nome do usuário deve aparecer automaticamente, pois no momento da criação da conta ele já disponibilizou seu nome, porém este campo deve ficar livre para edição;
No campo "E-mail" já deve constar o e-mail do candidato, porém este campo ficará desabilitado, isto é, sem possibilidade de edição;
No campo "Telefone (celular)" e "Telefone (2)" o usuário deve disponibilizar seus números de telefone com DDD, ex: (00) 00000-0000. O "Telefone (2)" não é de preenchimento obrigatório;
No campo "Cidade" o usuário deve preencher manualmente sua cidade;
No campo "Estado" o usuário deve selecionar seu Estado. Haverá uma lista com todos os Estados do Brasil em ordem alfabética;
Todos esses campos serão de preenchimento obrigatório;
Em "Dados Profissionais" o usuário poderá selecionar até 2 currículos no formato "PDF";
O candidato deve clicar em "Carregue o currículo" para selecionar seus arquivos. Abrirá sua pasta de documentos onde ele deve selecionar o arquivo e em seguida deve clicar em "enviar". Assim que o arquivo for carregado ele aparecerá automaticamente no campo "inserir currículo".
Ao lado do currículo selecionado deve ter uma imagem de lixeira para que o usuário exclua seus currículos. A imagem da lixeira só deve aparecer quando o arquivo for selecionado, caso contrário, não haverá imagem.
O usuário deve selecionar pelo menos 1 currículo;
O usuário deve clicar no botão "Atualizar" para que seus campos sejam salvos e um pop-up com a mensagem "atualizações salvas" deve aparecer para o usuário;
O usuário deve clicar no botão "Cancelar" para desistir da operação e um pop-up com a mensagem "Tem certeza de que deseja sair da página?", deve aparecer na tela;
Caso o usuário opte pelo "não", ele deve permanecer na mesma tela e dar continuidade nas atualizações;
Caso o usuário opte pelo "sim", ele deve ser direcionado para a tela "Portal do usuário". https://github.com/SouJunior/products/issues/124

DoR - Definition of Ready

[ ] Protótipo de alta fidelidade (link do Figma) validado pelo APM.
[ ] Ter pelo menos 3 critérios de aceite.
[ ] Conter regras de negócios e requisitos.
[ ] Contexto que comprovem a necessidade/viabilidade de construção da feature.
[ ] User story com esforço máximo de 21.
[ ] User Story validada pelo mentor.

DoD - Definition of Done

[ ] Documentação de usabilidade do incremento.
[ ] Evidência de teste do incremento.
[ ] Critérios de aceite atendidos.
[ ] PR aprovado em desenvolvimento.

Jacqueline2021 commented 1 year ago

@Vanessapcs para correção. @LuandaClara e @BiancaKaroline para criação das telas. Obrigada! 30/05/23

adrianoplaurindo commented 1 year ago

Oi @Jacqueline2021 tudo bem? Já falei com a @Vanessapcs e por isso coloco aqui as considerações dessa US.

Item 1: Não ficou claro se será um requisito da imagem que o usuário deve enviar ou a dimensão que a imagem deverá ter após o upload e recorte. Se for para o usuário subir, isso poderá ser um problema, pois 400x400 é realmente muito pequena e o usuário não conseguirá mudar a foto; 1.1 Critérios 2, 3 e 4: considerando que o upload de uma foto de 400x400 pode ser um problema, sugiro a revisão desses critérios. Me parece que faz mais sentido o front/back tratar uma imagem do que o usuário ter que edita-la antes de subir. 1.2 Como exemplo, considere apps como Instagram, Linkedin, etc. Quando você sobe uma imagem, ele abre uma ferramenta de crop para que o sistema faça o trabalho no lugar do usuário. Até pq, uma foto normal hoje possui >2000x4000px - Neste caso, o sistema deve apenas armazenar a imagem editada e não a original enviada pelo usuário. - Pode ser usado algo como o https://www.thumbor.org/

Item 7: O usuário não conseguirá mudar o seu e-mail?

Item 8: Como o telefone possui um formato específico, aqui podemos documentar para usar uma máscara, que, enquanto o usuário for inserindo os números, o campo já vai ficando formatado como (xx) xxxxx-xxxx.

Dúvida: qual o objetivo de ter dois números de telefone? Não seria melhor colocar já um campo com o label de “celular”? Item 13: Como o usuário saberá que o CV que ele tem alí é o mais atualizado possível? Existe uma forma de demonstrar para o usuário quando o CV foi enviado?

Dúvida adicional: por se tratar de um produto que vagas, não seria interessante solicitar o link do LinkedIn?

Se algo não ficou claro, podemos falar :)

Jacqueline2021 commented 1 year ago

@adrianoplaurindo

Critério 1: O tamanho 400x400 eu me inspirei no Linkedin e quanto ao recorte foi uma inspiração do Instagram também. Foi uma sugestão dos próprios devs do projeto.

Critério 7: não, o usuário não poderá mudar o seu e-mail, pois será o mesmo e-mail cadastrado no momento da criação da conta.

Critério 8: Isso é bem técnico, acredito que os devs saberão como fazer para ficar no formato, correto?

Nós podemos sim colocar a label "celular" em um dos números, mas eu acredito que dois números seria interessante, pois caso a empresa não consiga contatá-lo pelo celular, o recrutador teria mais uma opção.

Critério 13: Porque ele é quem vai selecionar o seu próprio CV na sua biblioteca de arquivos. Foi add no critério que haverá uma mensagem informando que o arquivo foi enviado.

Seria bastante interessante add o link do LinkdIn, eu posso colocar isso como um incremento futuro. Mas no momento nós queremos focar a atenção e comunicação do usuário no nosso site. E eu "enxuguei" essa US o máximo que eu consegui para conseguirmos entregar no MVP. 16/06/2023

adrianoplaurindo commented 1 year ago

Oi @Jacqueline2021 obrigado pelas respostas. Seguem minhas considerações

Critério 1: O tamanho 400x400 eu me inspirei no Linkedin e quanto ao recorte foi uma inspiração do Instagram também. Foi uma sugestão dos próprios devs do projeto. - Certo, mas entendo que os 400x400 seja para exibição no front, não uma limitação do tamanho da imagem inicial que o usuário deve enviar. Pois se for para enviar em 400x400 certamente vai ter quebra de experiência, fazendo com que o usuário tenha que editar a foto antes de mandar.

Critério 7: não, o usuário não poderá mudar o seu e-mail, pois será o mesmo e-mail cadastrado no momento da criação da conta. - Existe uma razão pra isso? Não vejo como um item "must have" (principalmente para o MVP), mas é importante sabermos se temos alguma razão maior.

Critério 8: Isso é bem técnico, acredito que os devs saberão como fazer para ficar no formato, correto? - Sim, isso é com os Devs, mas se não falarmos que precisa ser usado uma máscara para formatação, muito provavelmente não será feito (salvo quando tu está trabalhando com um time mais senior).

Nós podemos sim colocar a label "celular" em um dos números, mas eu acredito que dois números seria interessante, pois caso a empresa não consiga contatá-lo pelo celular, o recrutador teria mais uma opção. - Certo! :)

Critério 13: Porque ele é quem vai selecionar o seu próprio CV na sua biblioteca de arquivos. Foi add no critério que haverá uma mensagem informando que o arquivo foi enviado. - Entendi, então o CV não ficará salvo para que ele possa utilizar em demais candidaturas? O Linkedin resolve isso de uma forma bem interessante:

Seria bastante interessante add o link do LinkdIn, eu posso colocar isso como um incremento futuro. Mas no momento nós queremos focar a atenção e comunicação do usuário no nosso site. E eu "enxuguei" essa US o máximo que eu consegui para conseguirmos entregar no MVP. - Maravilha. Entendo que é importante deixarmos isso no radar, pois é bem comum pedirem o link do linkedin para o recrutador buscar mais informações.

Obrigado pelas respostas @Jacqueline2021 :)

cc @Vanessapcs

SteffanyMartins commented 1 year ago

Essa parte do critério 1 foi remanejada para V2 e será considerada como incremento. ( Assim que ele selecionar uma imagem, uma tela de pré-visualização deve aparecer, onde ele poderá centralizar ou recortar a imagem da forma que desejar).

@jjsalim @leonardohonorio13 @Vanessapcs @adrianoplaurindo

SouJunior / products

[Candidato] Atualizar Perfil #221