Design do Sistema Inicial

Descrição

Ao longo da Sprint 0, o time desenvolveu as telas com objetivo de alinhar as expectativas de design com os stakeholders. As telas foram projetadas para oferecer um fluxo intuitivo, visando a futura usabilidade da aplicação. Neste processo, as telas foram divididas em dois fluxos distintos: um para professores e outro para aluno, garantindo que cada perfil de usuário tenha um conteúdo personalizado adequado às suas necessidades dentro da plataforma.

Os protótipos de tela foram realizados através da ferramente Figma, contando com a colaboração da equipe. O resultado total pode ser visualizado através do link Histotéria.

Escolha do Usuário (fluxo)

Descrição:

A tela inicial apresenta uma escolha entre perfis de usuário, permitindo que o acesso seja direcionado de acordo com o tipo de usuário: aluno ou professor. Essa interface facilita a navegação, promovendo um fluxo direto e intuitivo.

Login

Descrição:

A tela de login permite que o usuário acesse o aplicativo utilizando os dados cadastrados no sistema.

Fluxo Professor

Descrição

O fluxo do professor foi desenvolvido para oferecer ferramentas e funcionalidades que facilitem o gerenciamento e acompanhamento do progresso dos alunos e dos cenários que são disponibilizados.

Tela Inicial & Menu Lateral

Descrição:

A tela inicial exibe uma visão geral das turmas organizadas por ano letivo (1º, 2º, e 3º Ano do Ensino Médio). Ao selecionar uma turma, o professor é redirecionado para Tela de Alunos da Turma. Há também um widget no canto superior direito que leva para um menu lateral. Neste menu existe a opção de ver as estatísticas de uma determinada turma.

Tela de Alunos da Turma

Descrição:

A tela de alunos da turma da acesso a uma lista completa de todos os alunos matriculados em uma turma específica, identificada pelo nome no topo da tela. Cada aluno é exibido com nome e número de matrícula, ao clicar em um aluno o professor é redirecionado para Tela do Aluno Selecionado.

Tela do Aluno Selecionado

Descrição:

A tela do aluno selecionado permite ao professor visualizar todas as avaliações realizadas pelo aluno, organizadas de acordo com o conteúdo abordado em cada uma. Ao em uma avaliação específica, o professor é redirecionado para uma tela detalhada com o desempenho do aluno naquela prova.

Tela de Desempenho na Prova

Descrição:

A tela de desempenho na prova fornece ao professor um relatório detalhado sobre o desempenho do aluno, exibindo suas respostas corretas e incorretas, além da nota final obtida.

Tela de Estatísticas de Turma

Descrição:

A tela de estatísticas das turmas oferece uma visão geral do desempenho coletivo de cada turma. As turmas são organizadas por ano letivo, permitindo ao professor selecionar facilmente o ano desejado e visualizar mais detalhadamente o desempenho médio de cada turma.

Tela de Estatísticas de Provas

Descrição:

A tela de estatísticas de provas proporciona ao professor uma análise detalhada sobre o desempenho da turma em cada prova realizada.

Fluxo Aluno

Descrição

O fluxo do aluno foi projetado para proporcionar uma experiência intuitiva e focada no aprendizado.

Tela Inicial & Menu Lateral

Descrição:

A tela inicial apresenta ao aluno uma lista de provas, acompanhada de um indicador de disponibilidade representado pela cor do ícone de cadeado. Provas desbloqueadas são identificadas com um cadeado verde, enquanto as bloqueadas possuem um cadeado vermelho. Ao clicar em uma prova aberta, o aluno é imediatamente direcionado para o início do jogo baseado no conteúdo daquela avaliação. Há também um widget no canto superior direito que leva para um menu lateral. Neste menu existem as opções:

• Meu perfil: leva o aluno para uma aba de personalização do perfil.
• Configurações: ------.

Tela Meu Perfil

Descrição:

A tela de perfil do aluno oferece uma variedade de avatares que ele pode escolher para personalizar sua conta.

Logotipo

Os stakeholders possuíam um logotipo original; porém, ao longo do projeto, foram realizadas algumas mudanças sugeridas pelo time. A seguir, estão o logotipo original e o atualizado, respectivamente.

Original

Atualizado

Paleta de Cores

Devido à mudança no logotipo, as paletas de cores também foram atualizadas para melhor harmonizar com o novo logo.

Tipografia

Como a tipografia não foi definida pelos stakeholders, o próprio time decidiu qual fonte utilizar.

Elementos Visuais

Esses elementos visuais foram utilizados tanto no design das telas quanto posteriormente na implementação dentro da Unity.

Estatística

Descrição:

Foi definido esse elemento para representar o botão de estatística de turmas no menu lateral do fluxo do professor