This is an old version of this page. You can view the most recent version or browse the history.

mockups

Home	Sprints	Requisitos	Arquitetura	Configuração	Mockups	Banco de Dados	Instalação	Gerência	Time	Padronização	Git Workflow

Organização dos Mockups

Acesso rápido:

Figma (alta fidelidade)
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.

Fluxos de usuário comum e administrador

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	✅