Mini-Projecto · Protótipo de alta fidelidade + teste de usabilidade

Fluxo completo em Figma, plano de teste e relatório

⏱ Duração estimada: 10 horas (≈ 6 aulas) ↗ Referencial SNQ

Índice

Contexto
Tema
Requisitos
Fases
Critérios
Reflexão

Contexto

Cada aluno (ou par) cria um protótipo interactivo de alta fidelidade (Figma) de um fluxo completo, planeia e (idealmente) executa um teste de usabilidade, e produz um relatório com aprendizagens e iteração.

Tema

Escolher um produto e um fluxo central com sentido, por exemplo: - App de reservas (restaurante, ginásio, médico). - App de mobilidade (bicicletas, transportes). - App de tarefas/hábitos. - Loja com checkout.

Requisitos

Funcionais

Fluxo completo de pelo menos 5-6 ecrãs ligados (do início ao objectivo).
Interacções reais em Figma: triggers, transições coerentes, pelo menos um overlay.
Microinterações: pelo menos 3 (ex: botão, confirmação, transição com Smart Animate).
Estados: incluir loading, erro/validação e um empty state.
Plano de teste de usabilidade: objectivos, perfil, 3 tarefas em cenário, método e métricas.

Não-funcionais

Relatório: descrição do protótipo, plano de teste, resultados/expectativas e iteração proposta.
Ficheiro Figma organizado (páginas, frames nomeados).

Fases

Fase	Tempo	Entregável
1. Definição + fluxo	1h	Tema, utilizador, mapa de ecrãs
2. Ecrãs de alta fidelidade	2.5h	5-6 ecrãs desenhados
3. Interacções + transições	2h	Protótipo navegável
4. Microinterações + estados	1.5h	Smart animate, loading/erro/empty
5. Plano de teste	1.5h	Documento de teste
6. Relatório + apresentação	1.5h	Relatório + demo

Critérios

Item	Peso
Coerência e completude do fluxo	15%
Qualidade visual (alta fidelidade)	15%
Interacções e transições	20%
Microinterações e estados	15%
Plano de teste de usabilidade	20%
Relatório e iteração	10%
Apresentação	5%

Reflexão

Em meia página: o que o exercício de planear o teste te revelou sobre o teu próprio protótipo? Que problema de usabilidade já consegues antecipar? Qual seria a tua primeira iteração?