mockups.md

@@ -3,42 +3,63 @@
 
 # Organização dos Mockups
 
-* Os mockups estão sendo feitos no [Figma](https://www.figma.com/file/gWGKWcjBwXebMtta6XBnd4/Appoio).
+_Acesso rápido:_
+- [Figma (alta fidelidade)](#figma-alta-fidelidade)
+- [Fluxo-base inicial (baixa fidelidade) e divisão do time](#fluxo-base-inicial-baixa-fidelidade-e-divisão-do-time)
+- [Ajustes sugeridos e realizados](#ajustes-sugeridos-e-realizados)
 
-### Divisão dos Squads pra trabalhar nos mockups:
+## Figma (alta fidelidade)
 
-![divisao-time](http://tools.ages.pucrs.br/appoio/appoio-wiki/raw/master/images/gp/squads-sp0.JPG)
+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.
 
-### Fluxo inicial do App, as cores correspondem às cores dos squads:
+A versão mais atualizada dos mockups [pode ser encontrada no Figma do projeto](https://www.figma.com/file/gWGKWcjBwXebMtta6XBnd4/Appoio).
 
-![fluxo-app](http://tools.ages.pucrs.br/appoio/appoio-wiki/raw/master/images/gp/fluxo-app.png)
+## Fluxo-base inicial (baixa fidelidade) e divisão do time
 
-## Apresentação 31/08
+Após a reunião de levantamento de requisitos, foi desenvolvida uma proposta de fluxo-base do app considerando as features levantadas.
 
-#### Ajustes solicitados pela Melissa:
+![Proposta de fluxo-base para o app.](resources/fluxo-app.png)
 
-##### Usuário
+As telas do fluxo acima estão marcadas com cores, representando a squad responsável por cada tela. Abaixo, encontra-se a divisão de squads de acordo com cada tela do fluxo-base.
 
-- [x] Visualização de tutorial: trocar cor das tags, para não dar a impressão de que são clicáveis
-  - [x] Acho que se estende pra tela de Novo tutorial (ver ADM)
-- [x] Login/Cadastro: no campo de senha, adicionar texto “Mostrar”/“Ocultar” abaixo do botão do olho, ou trocar botão do olho pelo texto “Mostrar”/“Ocultar”
-- [x] Home: retirar “Sair” do canto superior direito
-- [ ] Home: repensar layout das abas para que fique mais claro de que são selecionáveis. **Obs.:** *Tem uma sugestão no figma, na aba playground*
-- [ ] Reduzir tamanho do logo nos headers (para deixar mais espaço para o conteúdo da tela)
+![Squads para sprint 0.](resources/squads-sprint-0.png)
 
-##### Administração
+## Ajustes sugeridos e realizados
 
-- [ ] Aprovados: colocar filtro por app, no estilo da Home (pode ser sem ícone)
-  - [ ] Ela vai pensar sobre a presença das categorias “Celular” e “Conceitos”, mas é bom ter porque, senão, ela não terá como acessar os tutoriais aprovados dessas categorias
-- [x] Home: retirar “Sair” do canto superior direito
-- [x] Novo tutorial: trocar cor das tags, para não dar a impressão de que são clicáveis
-- [ ] Reduzir tamanho do logo nos headers (para deixar mais espaço para o conteúdo da tela)
+**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.
 
-##### Dúvidas respondidas
+### Pela stakeholder, durante a review
 
-- Seleção de apps apenas para quem se cadastrou?
-    - Sim
-- Busca de tutoriais apenas por texto (sem voz)?
-    - Sim, sem problema
-- “Esqueci a senha” com baixa prioridade? (por ser uma prova de conceito)
-    - Sim
+| Tela/Fluxo | Descrição | Status |
+|------------|-----------|:------:|
+| Visualização de tutorial | Tags dão a impressão de que são clicáveis | :hourglass_flowing_sand: |
+| Novo tutorial | Tags dão a impressão de que são clicáveis | :hourglass_flowing_sand: |
+| Login/Cadastro | Deixar mais clara a ação do botão "olho" no campo de senha | :hourglass_flowing_sand: |
+| Home | Remover botão "Sair" | :hourglass_flowing_sand: |
+| Home | Deixar mais claro que as abas são clicáveis | :hourglass_flowing_sand: |
+| Home | Reduzir tamanho do logo no header | :hourglass_flowing_sand: |
+
+### Pela stakeholder, após a review
+
+| Tela/Fluxo | Descrição | Status |
+|------------|-----------|:------:|
+| Cadastro | Opção "Outro" na seleção de gênero | :hourglass_flowing_sand: |
+| Cadastro | Selecionar apenas ano de nascimento | :hourglass_flowing_sand: |
+| Cadastro | Atualizar legendas dos campos "Estado" e "Cidade" para "Seu estado de residência" e "Sua cidade de residência", respectivamente | :hourglass_flowing_sand: |
+| ADM: Aprovados | Filtrar tutoriais por categoria (apps, celular ou conceitos) | :hourglass_flowing_sand: |
+| - | Favoritar appoios | :hourglass_flowing_sand: |
+
+### Por terceiros
+
+| Tela/Fluxo | Descrição | Status |
+|------------|-----------|:------:|
+| Login/Cadastro | Legendas/Placeholder mais amigáveis: "Qual seu nome?", "Digite seu e-mail", "Digite uma senha/Vamos criar uma senha?", "Quando você nasceu?" | :hourglass_flowing_sand: |
+| Login/Cadastro | Feedback de campos vazios e/ou em formato inválido | :hourglass_flowing_sand: |
+| Novo tutorial | Adicionar placeholder no campo de texto do passp | :hourglass_flowing_sand: |
+| Novo tutorial | Botão "Adicionar novo passo" pode ser confundido com botão "Enviar Appoio" | :hourglass_flowing_sand: |
+| Novo tutorial | Trocar "X" por uma lixeira ou texto "Excluir passo" | :hourglass_flowing_sand: |
+| Novo tutorial | Não permitir excluir o primeiro passo | :hourglass_flowing_sand: |