Tela Padrão Nome e Gênero

[Marii-brito]

Definição:

Como usuário da Pet Journal, gostaria de poder cadastrar o nome e o sexo do meu pet no fluxo de cadastro, para que eu possa personalizar o perfil do meu pet e receber informações mais personalizadas pela Pet Journal.

Descrição:

Nessa tela o objetivo é que o usuário cadastre o nome e selecione o sexo do pet, para prosseguir com o cadastro do pet.

Tela Anterior: Espécies
Tela Posterior: Raça

Protótipo:

Tela Vazia, não Preenchida pelo Usuário:

Fluxo de Erro / Tela com dados inválidos:

Fluxo Ideal/Tela com dados válidos:

Critérios de Aceite:

● Quando o usuário estiver na tela de Nome e Sexo, deverá aparecer as seguintes mensagens:

"Uau! Ficamos muito felizes em receber mais um (espécie cadastrada pelo usuário na página de Espécies) em nossa comunidade! “

“Qual o nome do seu companheiro?” • Na mensagem, a espécie é variável, e deve ser preenchida conforme respondido pelo usuário da página de espécie

● Abaixo da mensagem solicitando o nome do pet, deverá conter um campo de texto habilitado para o usuário digitar o nome do pet.

● O campo “Nome” é obrigatório

● O campo “Nome” não pode conter menos de 2 caracteres

● O campo “Nome” pode conter números

● O campo “Nome” não pode conter caracteres especiais

● Abaixo do campo de texto para preenchimento do nome do pet, deverá conter um aviso para usuário, indicando: *Campo Obrigatório

● A validação do campo de texto é obrigatória, e caso o usuário não cumpra com algum dos requisitos citados acima no momento do preenchimento, deverá aparecer a seguinte mensagem de erro padrão:

** O nome fornecido deve conter pelo menos 2 caracteres, não pode conter caracteres especiais, nem números. Por favor, insira um nome válido.

● Quando o usuário preencher o nome do pet de forma correta no campo de texto, deverá aparecer um sinal de verificado no final do campo de texto.

● Abaixo do campo de texto “Nome” deverá conter a seguinte mensagem: “Qual o sexo do seu pet?”

● Abaixo da mensagem “Qual o sexo do seu pet?”, deverá conter duas opções selecionáveis para o usuário escolher entre: Macho e Fêmea.

● A seleção do sexo é obrigatória no fluxo de cadastro

● Abaixo da opção de Macho, deverá conter um aviso para usuário, indicando: `*Campo Obrigatório ● As duas opções devem ficar desabilitadas até que o usuário selecione uma delas

● O usuário só poderá selecionar uma das opções entre os sexos

● Se o usuário selecionar a opção “Macho”, e depois selecionar a a opção “Fêmea”, a opção “Macho” deverá ser desabilitada imediatamente

● O botão de “continuar” só é habilitado quando o usuário preencher o campo de texto "Nome"(respeitando os requisitidos de preenchimento) e escolher o sexo do pet.

● Quando o usuário clicar em “Continuar” deverá ser levado para a página de raças referente a espécie do seu pet

● Deverá conter um botão de “voltar” sempre habilitado, para que o usuário retorne para a página de Espécies

Associações: ● Espécies

● Raças

[juniormargalho]

Existe um padrao de mensagem de erro que altera a cor da borda do campo de texto para vermelho e esta mnsagem de lembrete "campo obrigatorio*" esta aparentemente sugerindo um erro... seria interessante ter um padrao diferente para lembrete.

[Marii-brito]

Bem pontuado, @juniormargalho ! Amanhã tenho reunião com o time de UI, vou falar com eles para ver se alteramos!

[victordieego]

Oi Júnior, bem lembrado! Na verdade no guia de estilos tem sim um estilo definido para essa situação lembrete. Deve ter passado batido na protótipo desta tela! Irei corrigir.