Objetivo
Criar uma representação visual simplificada da solução (app/sistema), focando na estrutura e navegação das telas. O objetivo é permitir testes iniciais da experiência do usuário e facilitar feedbacks antes do desenvolvimento ou design final.
Por que desenvolver essa etapa:
- Valida rapidamente ideias com o cliente e usuários.
- Evita retrabalho ao identificar problemas de fluxo cedo.
- É barato, rápido e iterável.
Como desenvolver:
- Cada dev cria um esboço individual (rabisco frame) no papel ou ferramenta simples, focando em funcionalidades principais e disposição dos elementos.
- Em reunião conjunta, comparamos e discutimos os rabiscos.
- Com base nas ideias reunidas, construímos o wireframe conjunto no Figma, simulando o fluxo da aplicação.
- O protótipo deve ser simulável, ou seja, permitir navegação entre telas clicáveis (protótipo navegável no Figma).
Deve conter:
- Telas básicas com campos e botões
- Conexões simulando interações (ex: login → dashboard)
- Mapa de navegação (user flow)
Materiais de estudo: