|
|
|
| [Home](home) | [Escopo](escopo) | [Arquitetura](arquitetura) | [Configuração](configuracao) | [**Mockups**](design_mockups) | [BD](banco_dados) | [Instalação](utilizacao) | [Gerência](gerencia) | [Qualidade](qualidade) | [Processo](processo)
|
|
|
|
| :----------: | :-----------: | :---------: | :---------: | :------------: | :---------: | :------: | :--------: | :------: | :------:
|
|
|
|
|
|
|
|
# Design do Sistema
|
|
|
|
|
|
|
|
# Mockups
|
|
|
|
## Descrição
|
|
|
|
|
|
|
|
Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolhas do time ou solicitações dos Stakeholders.
|
| ... | ... | @@ -10,16 +9,59 @@ Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolh |
|
|
|
## Sumário
|
|
|
|
|
|
|
|
- [Design do Sistema](#design-do-sistema)
|
|
|
|
- [Figma (alta fidelidade)](#Figma (alta fidelidade))
|
|
|
|
- [Protótipo de uso do app](##Protótipo de uso do app)
|
|
|
|
- [Arquivos dos mockups](##Arquivos dos mockups)
|
|
|
|
- [Design System](##Design System)
|
|
|
|
- [Descrição](#descrição)
|
|
|
|
- [Sumário](#sumário)
|
|
|
|
- [Protótipos de Baixo Nível](#protótipos-de-baixo-nível)
|
|
|
|
- [Protótipos de Alto Nível](#protótipos-de-alto-nível)
|
|
|
|
- [Cores](#cores)
|
|
|
|
- [Cores](#cores)
|
|
|
|
- [Protótipos de Baixo Nível](#protótipos-de-baixo-nível)
|
|
|
|
- [Protótipos de Alto Nível](#protótipos-de-alto-nível)
|
|
|
|
- [Tipografia](#tipografia)
|
|
|
|
- [Elementos Visuais](#elementos-visuais)
|
|
|
|
|
|
|
|
|
|
|
|
## Protótipos de Alto Nível
|
|
|
|
# Figma (alta fidelidade)
|
|
|
|
Os mockups de alta fidelidade foram construídos usando o [Figma](https://www.figma.com/), uma ferramenta gratuita com suporte a colaboração em tempo real e criação de protótipos navegáveis.
|
|
|
|
|
|
|
|
A versão mais atualizada dos mockups [pode ser encontrada no Figma do projeto](https://www.figma.com/file/eNtndfCzMGaczdtdyq98gF/Educa-Mais-Mocks-(Copy)?node-id=0%3A1).
|
|
|
|
|
|
|
|
## Protótipo de uso do app
|
|
|
|
Fluxos de usuário comum e administrador:
|
|
|
|
(insert gif's here)
|
|
|
|
|
|
|
|
## Arquivos dos mockups
|
|
|
|
- [PDF com telas do fluxo de usuário comum](https://tools.ages.pucrs.br/educa-mais/educa-mais-wiki/blob/master/MocksUser/Client.zip).
|
|
|
|
- [ZIP com telas do fluxo de administrador](https://tools.ages.pucrs.br/educa-mais/educa-mais-wiki/blob/master/MocksAdm/Admin.zip).
|
|
|
|
|
|
|
|
## Design System
|
|
|
|
<img src="http://tools.ages.pucrs.br/educa-mais/educa-mais-wiki/raw/master/MocksUser/Palletes.png" width="50%" height="50%">
|
|
|
|
|
|
|
|
# Ajustes sugeridos e realizados
|
|
|
|
**Legenda:**
|
|
|
|
* :hourglass_flowing_sand: : em análise;
|
|
|
|
* :ballot_box_with_check: : aprovado, aguardando atualização nos mockups;
|
|
|
|
* :white_check_mark: : aprovado e mockups atualizados;
|
|
|
|
* :x: : negado/rejeitado, mockups não serão modificados.
|
|
|
|
|
|
|
|
## **Pela stakeholder, durante a review**
|
|
|
|
|
|
|
|
| Tela/Fluxo | Descrição | Status |
|
|
|
|
| ------ | ------ | ------ |
|
|
|
|
| cell | cell | cell |
|
|
|
|
| cell | cell | cell |
|
|
|
|
|
|
|
|
## **Pelo cliente, após a review**
|
|
|
|
|
|
|
|
| Tela/Fluxo | Descrição | Status |
|
|
|
|
| ------ | ------ | ------ |
|
|
|
|
| cell | cell | cell |
|
|
|
|
| cell | cell | cell |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Protótipos de Alto Nível
|
|
|
|
|
|
|
|
### Login
|
|
|
|
<img src="https://tools.ages.pucrs.br/educa-mais/educa-mais-wiki/raw/master/LoginCadastra/Login.jpg" width="500">
|
| ... | ... | |
