aulify
Planificação modular · UC02284

Conceber projetos em wireframe para produtos digitais

Curso: Técnico/a de Multimédia Carga: 25h Créditos: 2.25 Tempos: 30 × 50 min Sessões: 12
Proposta de distribuição para tempos letivos de 50 minutos (25h ≈ 30 tempos). Ajuste a blocos de 45 ou 90 minutos e ao calendário da sua escola; os conteúdos seguem os materiais da UC e os objetivos o referencial oficial, a sequência é uma sugestão.

Planificação sessão a sessão

AulaTemposSessãoConteúdosRecursos AulifyAvaliação
12Apresentação da unidadeApresentação da unidade de competência, dos conteúdos e dos critérios de avaliação. Diagnóstico inicial.🎨 SlidesDiagnóstica.
23Conceber projectos em wireframe para produtos digitaisConceber projectos em wireframe para produtos digitais.🎨 SlidesFormativa (observação e exercícios).
33O que é UX, papel dos wireframes, low vs high fidelityO que é UX, papel dos wireframes, low vs high fidelity: O que é UX Design?, O papel dos wireframes, Low-fi vs High-fi.🎨 SlidesFormativa (observação e exercícios).
43Figma básico: frames, componentes, auto layoutFigma básico: frames, componentes, auto layout: Figma · a ferramenta standard, Frames e grids em Figma, Auto Layout.🎨 SlidesFormativa (observação e exercícios).
53Sketching, grids, placeholders, blocos de conteúdoSketching, grids, placeholders, blocos de conteúdo: O valor do sketching em papel, Elementos de um wireframe low-fi.🎨 Slides📝 Ficha 01 · UX, wireframes e análise de problemasFormativa (Ficha 01).
63Componentes, espaçamento, tipografia, cores básicasComponentes, espaçamento, tipografia, cores básicas: De low-fi para high-fi, Componentes no Figma.🎨 SlidesFormativa (observação e exercícios).
73User flow, task flow, sitemap, happy path vs edge casesUser flow, task flow, sitemap, happy path vs edge cases: User flow vs task flow, Sitemap e arquitectura de informação.🎨 Slides📝 Ficha 02 · Wireframe de landing pageFormativa (Ficha 02).
82Anotações, especificações para dev, Figma Inspect, redlinesAnotações, especificações para dev, Figma Inspect, redlines: O que é o handoff?, Figma Inspect, Anotações e redlines.🎨 SlidesFormativa (observação e exercícios).
92Um bom wireframe não é bonito. É claro.Um bom wireframe não é bonito. É claro.🎨 SlidesFormativa (observação e exercícios).
101Consolidação e sínteseConsolidação e síntese da unidade. Esclarecimento de dúvidas.📖 Sebenta · sínteseFormativa.
113Mini-projetoAplicação integrada dos conteúdos a um problema proposto.🧩 Mini-projetoSumativa (mini-projeto).
122Avaliação sumativa e balançoRealização do teste de avaliação sumativa. Correção e balanço da unidade.·Sumativa (teste).

Sumários prontos a copiar

Aula 1Apresentação da unidade de competência, dos conteúdos e dos critérios de avaliação. Diagnóstico inicial.
Aula 2Conceber projectos em wireframe para produtos digitais.
Aula 3O que é UX, papel dos wireframes, low vs high fidelity: O que é UX Design?, O papel dos wireframes, Low-fi vs High-fi.
Aula 4Figma básico: frames, componentes, auto layout: Figma · a ferramenta standard, Frames e grids em Figma, Auto Layout.
Aula 5Sketching, grids, placeholders, blocos de conteúdo: O valor do sketching em papel, Elementos de um wireframe low-fi. Resolução da Ficha 01.
Aula 6Componentes, espaçamento, tipografia, cores básicas: De low-fi para high-fi, Componentes no Figma.
Aula 7User flow, task flow, sitemap, happy path vs edge cases: User flow vs task flow, Sitemap e arquitectura de informação. Resolução da Ficha 02.
Aula 8Anotações, especificações para dev, Figma Inspect, redlines: O que é o handoff?, Figma Inspect, Anotações e redlines.
Aula 9Um bom wireframe não é bonito. É claro.
Aula 10Consolidação e síntese da unidade. Esclarecimento de dúvidas.
Aula 11Desenvolvimento do mini-projeto: aplicação integrada dos conteúdos a um problema proposto.
Aula 12Realização do teste de avaliação sumativa. Correção e balanço da unidade.