mockups

Home	Escopo	Arquitetura	Configuração	Mockups	BD	Instalação	Gerência	Qualidade	Processo

Organização dos Mockups

Acesso rápido:

Figma (alta fidelidade)
- Protótipo de uso do app
- Arquivos dos mockups
Fluxo-base inicial (baixa fidelidade) e divisão do time
Ajustes sugeridos e realizados

Figma (alta fidelidade)

Os mockups de alta fidelidade foram construídos usando o Figma, 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.

Protótipo de uso do app

Fluxos de usuário comum e administrador:

Arquivos dos mockups

Fluxo-base inicial (baixa fidelidade) e divisão do time

Após a reunião de levantamento de requisitos, foi desenvolvida uma proposta de fluxo-base do app considerando as features levantadas.

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.

Ajustes sugeridos e realizados

Legenda:

⏳ : em análise;
☑ : aprovado, aguardando atualização nos mockups;
✅ : aprovado e mockups atualizados;
❌ : negado/rejeitado, mockups não serão modificados.

Pela stakeholder, durante a review

Tela/Fluxo	Descrição	Status
Visualização de tutorial	Tags dão a impressão de que são clicáveis	✅
Novo tutorial	Tags dão a impressão de que são clicáveis	✅
Login/Cadastro	Deixar mais clara a ação do botão "olho" no campo de senha	✅
Home	Remover botão "Sair"	✅
Home	Deixar mais claro que as abas são clicáveis	✅
Home	Reduzir tamanho do logo no header	✅

Pela stakeholder, após a review

Tela/Fluxo	Descrição	Status
Cadastro	Opção "Outro" na seleção de gênero	✅
Cadastro	Selecionar apenas ano de nascimento	✅
Cadastro	Atualizar legendas dos campos "Estado" e "Cidade" para "Seu estado de residência" e "Sua cidade de residência", respectivamente	✅
ADM: Aprovados	Filtrar tutoriais por categoria (apps, celular ou conceitos)	✅
-	Favoritar appoios	❌

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?"	✅
Login/Cadastro	Feedback de campos vazios e/ou em formato inválido	✅
Novo tutorial	Adicionar placeholder no campo de texto do passo	✅
Novo tutorial	Botão "Adicionar novo passo" pode ser confundido com botão "Enviar Appoio"	✅
Novo tutorial	Trocar "X" por uma lixeira ou texto "Excluir passo"	✅
Novo tutorial	Não permitir excluir o primeiro passo	✅