Design do Sistema

Descrição

O time desenvolveu inicialmente protótipos de baixa fidelidade para que pudéssemos visualizar melhor o funcionamento do fluxo das telas da aplicação. Os protótipos foram feitos em aula no quadro, porém acabamos passando isso para um diagrama mais formal. O motivo da escolha é porque dessa forma fica melhor visualizar o fluxo pensado, visto que se mantêm um padrão mais legível do que as fotos que foram tiradas diretamente do quadro. Assim, facilitando a legibilidade desses protótipos de baixa fidelidade na Wiki para quem for acessá-la. Abaixo está disponibilizada a imagem desse fluxo desse protótipo de baixa fidelidade que se baseou no que foi feito em aula presencialmente no quadro:

Após a primeira semana desenvolvendo os protótipos de baixa fidelidade, inicialmente, se optou por definir todos os assets e padronizações que seriam utilizadas para o desenvolvimento do protótipo de alta fidelidade. Com isso, abaixo estão disponíveis as imagens dos assets que utilizamos para desenvolver as telas do protótipo do projeto tais como padronização de cores, fundos, componentes (nisso incluindo popup, cards, campos de texto, botões e header), tamanhos e fontes de letra (sendo elas de título ou de cards).

Depois de definidos os assets e padrões a serem utilizados, o time seguiu com o desenvolvimento dos protótipos de alta fidelidade, os quais como apresentado nos protótipos de baixa fidelidade terão três fluxos diferentes, um de professor, um de especialista e um de coordenador sendo que todos partem da tela de login comum entre eles. A seguir são apresentadas imagens contendo as telas desenvolvidas do protótipo de alta fidelidade para o login e segue juntamente o fluxo demonstrado nos protótipos de baixa fidelidade para cada um dos usuários.

Sumário

• Design do Sistema
  • Ferramenta
  • Arquivos

Página de Mockups

Ferramenta

Figma

Arquivos

Link para o protótipo navegável

Link para os mockups