aulify · Mini-Projecto
UC UC02285 · T. Multimédia
Versão · Aluno
Mini-Projecto · Design de um site (UX→UI no Figma)
De personas a protótipo testável
Contexto
Cada par/trio concebe o design de um site real/fictício (biblioteca escolar, evento, portfólio, pequeno negócio) — sem programar. Vai da pesquisa ao protótipo clicável no Figma, testa com utilizadores e itera.
Requisitos
Funcionais
- Pesquisa — 1 persona + 3 user stories + análise de 1 referência.
- Sitemap + navegação.
- Wireframes (baixa fidelidade) de 3+ ecrãs, mobile-first.
- Sistema de design mínimo (cores, tipografia, 1 componente com estados).
- Mockups + protótipo clicável (Figma) de um fluxo principal.
- Teste de usabilidade com 3 pessoas + iteração documentada.
Não-funcionais
- Responsivo (mobile + desktop do fluxo principal).
- Acessibilidade (contraste, foco, alvos) verificada.
- Handoff básico preparado.
Fases
Fase 1 · 1.5h
Pesquisa + estrutura
- Persona, user stories, referência; sitemap + navegação.
Doc de pesquisa + sitemap.
Fase 2 · 1.5h
Wireframes
- 3+ ecrãs em baixa fidelidade, mobile-first.
Wireframes.
Fase 3 · 1h
Sistema de design
- Tokens (cor/tipo/espaço) + 1 componente com estados.
Mini design system no Figma.
Fase 4 · 2h
Mockups + protótipo
- Alta fidelidade + ligar ecrãs (fluxo principal clicável).
Protótipo Figma partilhável.
Fase 5 · 1.5h
Teste + iteração
- Testar com 3 pessoas; registar problemas; corrigir.
Relatório de teste + versão revista.
Fase 6 · 0.5h
Defesa
- Demo do protótipo + decisões.
Apresentação 5 min.
Critérios de avaliação
| Item | Peso |
|---|---|
| Pesquisa (persona/stories) | 10% |
| Sitemap + navegação | 10% |
| Wireframes mobile-first | 15% |
| Sistema de design + componente com estados | 15% |
| Mockups + protótipo clicável | 20% |
| Teste de usabilidade + iteração | 20% |
| Acessibilidade + defesa | 10% |
Reflexão
Em meia página: o que o teste de usabilidade revelou que não esperavas? Que decisão mudaste por causa do utilizador (e não do teu gosto)? Como o sistema de design acelerou o trabalho?