| ... | @@ -3,42 +3,63 @@ |
... | @@ -3,42 +3,63 @@ |
|
|
|
|
|
|
|
# Organização dos Mockups
|
|
# 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)
|
|
|
|
|
|
|
|
|
|
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-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:
|
|
|
|
|
|
|
|
|
|
##### 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)
|
|
|
|
|
|
|
|
|
|
##### Administração
|
|
## Ajustes sugeridos e realizados
|
|
|
|
|
|
|
|
- [ ] Aprovados: colocar filtro por app, no estilo da Home (pode ser sem ícone)
|
|
**Legenda:**
|
|
|
- [ ] 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
|
|
- :hourglass_flowing_sand: : em análise;
|
|
|
- [x] Home: retirar “Sair” do canto superior direito
|
|
- :ballot_box_with_check: : aprovado, aguardando atualização nos mockups;
|
|
|
- [x] Novo tutorial: trocar cor das tags, para não dar a impressão de que são clicáveis
|
|
- :white_check_mark: : aprovado e mockups atualizados;
|
|
|
- [ ] Reduzir tamanho do logo nos headers (para deixar mais espaço para o conteúdo da tela)
|
|
- :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?
|
|
| Tela/Fluxo | Descrição | Status |
|
|
|
- Sim
|
|
|------------|-----------|:------:|
|
|
|
- Busca de tutoriais apenas por texto (sem voz)?
|
|
| Visualização de tutorial | Tags dão a impressão de que são clicáveis | :hourglass_flowing_sand: |
|
|
|
- Sim, sem problema
|
|
| Novo tutorial | Tags dão a impressão de que são clicáveis | :hourglass_flowing_sand: |
|
|
|
- “Esqueci a senha” com baixa prioridade? (por ser uma prova de conceito)
|
|
| Login/Cadastro | Deixar mais clara a ação do botão "olho" no campo de senha | :hourglass_flowing_sand: |
|
|
|
- Sim |
|
| 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: | |
