Esta seção da documentação visa apresentar os mockups desenvolvidos no figma durante a Sprint 0.
Sumário
Página de Login
Modais de perfil
Esta modal de usuário foi desenvolvida para estar presente em todas as telas, para o usuário sempre conseguir ver o número atual de aplausos que ele possui e sempre conseguir aplaudir algum outro usuário com moedas. Usuários e administradores possuem modais diferentes.
Modal de usuário:
Modal de administrador:
Header e menu
Todas as telas, com exceção à tela de login, possuem um header com um menu de estilo dropdown para permitir a transição de telas. Os menus são diferentes para as contas de usuários e administradores, visto que essas contas têm telas e propósitos diferentes.
Menu do usuário:
Menu do administrador:
Usuário
Nesta sessão, serão apresentadas apenas as telas referentes a usuários.
Envio de aplausos
Um usuário comum pode enviar aplausos para outros usuários a qualquer momento através do botão aplaudir na sua modal de perfil. Ao clickar o botão uma modal aparece, ao estilo pop up, para realizar o envio de aplausos.
Home page
O protótipo para a Home page apresenta os aplausos recebidos, ordenados com os mais recentes em cima e os mais antigos em baixo.
Loja de recompensas
A loja de recompensas é a tela para a qual o usuário é redirecionado ao clicar "Recompensas" em seu menu, a partir dela, o usuário poderá resgatar recompensas disponíveis utilizando os aplausos que recebeu de outros usuários.
Selecionar qualquer item da loja, abrirá uma modal, no estilo pop up, com uma breve descrição do produto, pedindo uma confirmação de resgate do item.
Após selecionar uma opção, apresentar-se-á uma mensagem de confirmação ou de erro de acordo com a situação.
Feedbacks enviados
O histórico de feedbacks é a tela para a qual o usuário é redirecionado ao clicar "Feedbacks enviados" em seu menu, a partir dela ele pode ver todos os feedbacks que já enviou, para quem enviou e quando enviou. Analogamente à home page, os feedbacks são organizados em ordem cronológica, com os mais recentes ao topo e os mais antigos ao fundo.
Recompensas resgatadas
O histórico de recompensas é a tela para a qual o usuário é redirecionado ao clicar "Recompensas resgatadas" em seu menu, a partir dela, ele pode ver todas as recompensas que já resgatou, quando resgatou e quantos aplausos foram pagos.