Onboarding

[Isabela-Maria-21]

Definição
Como usuário recém-inscrito na plataforma de e-learning,
Eu quero preencher um questionário com meus dados pessoais (nível educacional, ocupação, e objetivos de aprendizado) durante o processo de cadastro,
Para que a plataforma possa personalizar a minha experiência de aprendizado e sugerir um curso adequado aos meus interesses e metas.

---

Descrição
Preenchimento de questionário de onboarding durante o cadastro

---

Protótipos
Fluxograma: https://www.figma.com/board/ZjdUTkddQGgyR4EUGLKFCG/SJ-Learning?node-id=0-1&p=f&t=bKOA98PgVBuaPBYE-0

---

Critérios de Aceite
1. Exibição e Navegação do Questionário
O questionário deve ser exibido automaticamente após o cadastro na plataforma.
Em todas as perguntas:
No topo e centro da página deve ser exibido um contador de progresso, como "6 de 10" perguntas respondidas.
O botão "Próxima" deve estar indisponível (em cinza) enquanto nenhuma opção for selecionada, tornando-se disponível após a seleção.
A navegação deve permitir avançar para a próxima pergunta ao clicar em "Próxima" e retornar à pergunta anterior ao clicar em "Voltar" (a partir da segunda pergunta).
Na última pergunta:
Deve ser exibido o botão "Finalizar" ao lado do botão "Voltar", indicando o término do questionário.
Após clicar em "Finalizar", o sistema deve gerar um modal com o curso sugerido, exibindo:
O nome do curso indicado como um botão que redireciona para o primeiro módulo do curso.
Um botão "Ver outras opções de cursos", que redireciona à página de cursos avulsos.

2. Perguntas e Respostas
2.1. Formatos e Funcionalidades
Cada pergunta deve conter opções de resposta obrigatórias.
Respostas:
Radio Button: Permitir apenas uma seleção.
Checkbox: Permitir múltiplas seleções.
Opção "Outros": Deve abrir um campo de texto para inserção de até 140 caracteres.

Perguntas específicas:

O sistema deve exibir a pergunta "Qual a sua faixa etária?" com as opções listadas:
Menos de 18 anos
Entre 18 e 24 anos
Entre 25 e 30 anos
Entre 31 e 40 anos
Mais de 40 anos
O sistema deve permitir que o usuário selecione apenas uma opção.
Após a seleção, o sistema deve salvar a resposta e direcionar o usuário para a próxima pergunta do onboarding.
A pergunta deve ser acompanhada de uma ilustração de linha do tempo representando diferentes etapas da vida.

Pergunta sobre área de interesse
O sistema deve exibir a pergunta "Qual a sua área de interesse?" com as opções listadas: Produtos, Desenvolvimento, UX/UI Design, Tech Recruiter,Agilidade.
O sistema deve permitir que o usuário selecione apenas uma área.
Após a seleção, o sistema deve salvar a resposta e direcionar o usuário para a próxima pergunta.
A pergunta deve incluir ícones temáticos para representar cada área.
Além dos ícones, ao lado de cada alternativa, deve ser exibido um ícone de informação (símbolo ℹ️).
Quando o usuário passar o mouse sobre o ícone de informação, uma caixa de descrição deve aparecer ao lado, contendo uma explicação sucinta sobre a área de interesse selecionada. Com as seguintes descrições:

Produtos: Gerencia o ciclo de vida de um produto, da ideia ao lançamento, garantindo que atenda às necessidades dos usuários.
Desenvolvimento: Cria e mantém o software do produto, escrevendo código e garantindo a funcionalidade.
UX/UI Design: Foca na experiência do usuário e no design da interface, garantindo uma navegação intuitiva e visualmente atraente.
Tech Recruiter: Responsável por recrutar e contratar talentos para equipes de tecnologia.
Agilidade: Aplica metodologias ágeis para melhorar a gestão de projetos e a colaboração entre equipes.

Pergunta sobre nível de conhecimento
O sistema deve exibir a pergunta "Qual o seu nível de conhecimento?" com as opções: Júnior, Pleno, Sênior, Especialista.
O sistema deve permitir que o usuário selecione apenas uma opção.
Após a seleção, o sistema deve salvar a resposta e prosseguir para a próxima pergunta.
A pergunta deve ser acompanhada de uma ilustração (escada ou pirâmide) representando os diferentes níveis de conhecimento.

A pergunta deve incluir ícones temáticos para representar cada área.
Além dos ícones, ao lado de cada alternativa, deve ser exibido um ícone de informação (símbolo ℹ️).
Quando o usuário passar o mouse sobre o ícone de informação, uma caixa de descrição deve aparecer ao lado, contendo uma explicação sucinta sobre a área de interesse selecionada. Com as seguintes descrições:

Júnior: Está começando na área ou tem pouca experiência prática. Ainda está desenvolvendo habilidades fundamentais e aprendendo conceitos básicos.
Pleno: Já tem experiência na área e consegue atuar com autonomia na maioria das tarefas. Compreende bem os processos e sabe resolver problemas comuns.
Sênior: Possui amplo conhecimento e experiência consolidada. Atua com alta autonomia, toma decisões estratégicas e pode liderar projetos complexos.
Especialista: Tem domínio avançado do tema e é referência na área. Atua de forma estratégica, resolvendo problemas de alta complexidade e contribuindo para a inovação.

Pergunta sobre experiência na área
O sistema deve exibir a pergunta "Há quanto tempo você trabalha na área" com as opções:
Ainda não trabalho na área;
Menos de seis meses;
Entre 6 meses e um ano;
Entre o um ano e 3 anos;
Mais de 3 anos;
O sistema deve permitir que o usuário selecione apenas uma opção.
Após a seleção, o sistema deve salvar a resposta e direcionar o usuário para a próxima pergunta.
A pergunta deve incluir ícones representando períodos de tempo, como calendários e relógios.

Pergunta sobre disponibilidade para estudos
O sistema deve exibir a pergunta "Quanto tempo você disponibiliza para os estudos?" com as opções:
Até 2 horas por semana
Entre 2 e 4 horas por semana
Entre 4 e 6 horas por semana
Mais de 6 horas por semana
O sistema deve permitir que o usuário selecione apenas uma opção.
Após a seleção, o sistema deve salvar a resposta e mostrar a próxima pergunta.
A pergunta deve ser acompanhada de uma ilustração, como um cronômetro ou agenda, indicando diferentes durações de tempo.

Pergunta sobre práticas de aprendizado
O sistema deve exibir a pergunta "Como costuma praticar o que aprendeu?" com as opções:
Projetos pessoais;
No meu trabalho;
Em um projeto voluntário; e
Outros (com um campo para o usuário escrever, até 140 caracteres).
O sistema deve permitir a seleção de múltiplas opções.
Após a seleção, o sistema deve salvar a(s) resposta(s) e direcionar o usuário para a próxima pergunta.
A pergunta deve incluir ícones representando ambientes de aprendizado, como um notebook ou prancheta de esboço.

Pergunta sobre dificuldades em aprender
O sistema deve exibir a pergunta "Quais são suas principais dificuldades quando decide aprender algo novo?" com as opções:

Falta de tempo para estudar;
Dificuldade em criar um plano de estudos eficiente;
Dificuldade em manter a disciplina e seguir um planejamento;
Não sei por onde começar ou como organizar o conteúdo;
Tenho dificuldades em conciliar estudos com outras responsabilidades;
Outros (com campo para escrever com permissão de até 140 caracteres).

O sistema deve permitir a seleção de múltiplas opções.
Após a seleção, o sistema deve salvar a(s) resposta(s) e continuar para o próximo passo.
A pergunta deve incluir uma ilustração de uma pessoa rodeada por ícones de relógio, listas de tarefas e livros.

Geração do curso de aprendizado ao final
Após responder a última pergunta, o usuário deve ver um botão "Finalizar".
Ao clicar em "Finalizar", o sistema deve gerar um curso de aprendizado recomendado com base nas respostas fornecidas.
Então o sistema deve exibir a recomendação de um curso recomendado com base na área de interesse selecionada durante o onboarding.
A tela de recomendação deve incluir:
Um botão "Iniciar curso" para o curso recomendado.
Um botão "Ver Outros Cursos" para que o usuário explore mais opções.
A seguido de uma ilustração de acordo.
O curso recomendado deve ser exibido com uma breve descrição e opções para iniciar o curso imediatamente. As desrições devem ser as seguintes:

Produtos: Parabéns! Você está prestes a dominar a arte de gerenciar produtos digitais. Aprenda a definir estratégias, gerenciar roadmaps, usar métricas de sucesso e liderar equipes para lançar produtos incríveis no mercado!
Desenvolvimento: Chegou a hora de transformar ideias em código! Aprenda as principais tecnologias, desenvolva soluções inovadoras e crie produtos que fazem a diferença no mundo digital.
UX/UI Design: Bem-vindo ao universo do design! Aprenda a criar interfaces intuitivas, proporcionar experiências incríveis aos usuários e transformar produtos em algo visualmente irresistível.
Tech Recruiter: O talento certo faz toda a diferença! Aqui, você aprenderá como atrair, selecionar e contratar os melhores profissionais para times de tecnologia de alto desempenho.
Agilidade: Chegou a hora de impulsionar a colaboração e a eficiência! Aprenda metodologias ágeis, facilite entregas rápidas e melhore a comunicação entre equipes para alcançar resultados incríveis.

3. Design dos Botões

Botão "Próxima":
Indisponível (em cinza) até que uma opção seja selecionada.
Disponível com cor da paleta após seleção.
Localizado no canto inferior direito.

Botão "Voltar":
Disponível a partir da segunda pergunta, localizado ao lado esquerdo do botão "Próxima".

Botão "Finalizar":
Substitui "Próxima" na última pergunta, indicando o término.

4. Feedback e Conclusão
Após "Finalizar", o sistema deve:
Exibir um modal com o curso recomendado.

Incluir:
Botão "Iniciar curso" (redireciona ao primeiro módulo do curso).
Botão "Ver outras opções de cursos" (leva à página de cursos avulsos).
Curso recomendado deve ser exibido com descrição e opções para início imediato.

---

Informações Adicionais
Preenchimento de questionário de onboarding durante o cadastro

[Isabela-Maria-21]

@ricardoschmidt1 essa é uma das US que não temos Protótipos pronto, poderia iniciar a desse?

A Cinthia chegou a iniciar o de baixa fidelidade, mas ficou alguns ajuste a ser feito, está no quadro 9