aulify
Planificação modular · UC04376

Conceber o protótipo e o design de interfaces interativas

Curso: Técnico/a de Produção de Conteúdos Interativos Carga: 50h Créditos: 4.5 Tempos: 60 × 50 min Sessões: 15
Proposta de distribuição para tempos letivos de 50 minutos (50h ≈ 60 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.
25Design de interfaces e o utilizador (UX)Design de interfaces e o utilizador (UX): O que é o Design UX, Conhecer o utilizador: necessidades, comportamentos e preferências.🎨 SlidesFormativa (observação e exercícios).
35Arquitetura da informação e fluxos de navegaçãoArquitetura da informação e fluxos de navegação: Arquitetura da informação, Fluxos de navegação e cenários de uso.🎨 SlidesFormativa (observação e exercícios).
45Composição visual: layout, tipografia, corComposição visual: layout, tipografia, cor: Princípios de composição visual e layout, Tipografia, legibilidade e ritmo de leitura, Cor: sistema, significado e consistência.🎨 SlidesFormativa (observação e exercícios).
55Design UI: ícones, botões e sistemas de designDesign UI: ícones, botões e sistemas de design: Elementos gráficos: ícones, símbolos e botões, Sistemas de design e componentes reutilizáveis.🎨 SlidesFormativa (observação e exercícios).
65Wireframes de baixa fidelidadeWireframes de baixa fidelidade: O que é um wireframe, Boas práticas ao desenhar wireframes.🎨 SlidesFormativa (observação e exercícios).
75Protótipos de alta fidelidadeProtótipos de alta fidelidade: Do wireframe ao protótipo de alta fidelidade, Artboards, componentes e organização do ficheiro.🎨 SlidesFormativa (observação e exercícios).
85Interatividade e animaçãoInteratividade e animação: Princípios de interatividade e modelos de transição, Simular o fluxo do utilizador no protótipo.🎨 Slides📝 Ficha 01 · Utilizador, arquitetura da informação e wireframesFormativa (Ficha 01).
95Ferramentas de prototipagemFerramentas de prototipagem: Aplicações e plataformas de prototipagem, Edição de vetores, imagem e bancos de recursos.🎨 SlidesFormativa (observação e exercícios).
104Design responsivoDesign responsivo: Princípios do design responsivo, Adaptabilidade e exportação para diferentes plataformas.🎨 SlidesFormativa (observação e exercícios).
114Acessibilidade e WCAGAcessibilidade e WCAG: Web Content Accessibility Guidelines (WCAG), Acessibilidade na prática: contraste, teclado e leitores de ecrã.🎨 SlidesFormativa (observação e exercícios).
124Testes de usabilidade e design inclusivoTestes de usabilidade e design inclusivo: Testes de usabilidade: métodos e métricas, Design inclusivo, correção de erros e documentação final, Recapitulando.🎨 SlidesFormativa (observação e exercícios).
131Consolidação e sínteseConsolidação e síntese da unidade. Esclarecimento de dúvidas.📖 Sebenta · sínteseFormativa.
143Mini-projetoAplicação integrada dos conteúdos a um problema proposto.🧩 Mini-projetoSumativa (mini-projeto).
152Avaliação sumativa e balançoRealização do teste de avaliação sumativa. Correção e balanço da unidade.📝 Ficha 02 · Protótipo de alta fidelidade, responsividade, acessibilidade e testesSumativa (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 2Design de interfaces e o utilizador (UX): O que é o Design UX, Conhecer o utilizador: necessidades, comportamentos e preferências.
Aula 3Arquitetura da informação e fluxos de navegação: Arquitetura da informação, Fluxos de navegação e cenários de uso.
Aula 4Composição visual: layout, tipografia, cor: Princípios de composição visual e layout, Tipografia, legibilidade e ritmo de leitura, Cor: sistema, significado e consistência.
Aula 5Design UI: ícones, botões e sistemas de design: Elementos gráficos: ícones, símbolos e botões, Sistemas de design e componentes reutilizáveis.
Aula 6Wireframes de baixa fidelidade: O que é um wireframe, Boas práticas ao desenhar wireframes.
Aula 7Protótipos de alta fidelidade: Do wireframe ao protótipo de alta fidelidade, Artboards, componentes e organização do ficheiro.
Aula 8Interatividade e animação: Princípios de interatividade e modelos de transição, Simular o fluxo do utilizador no protótipo. Resolução da Ficha 01.
Aula 9Ferramentas de prototipagem: Aplicações e plataformas de prototipagem, Edição de vetores, imagem e bancos de recursos.
Aula 10Design responsivo: Princípios do design responsivo, Adaptabilidade e exportação para diferentes plataformas.
Aula 11Acessibilidade e WCAG: Web Content Accessibility Guidelines (WCAG), Acessibilidade na prática: contraste, teclado e leitores de ecrã.
Aula 12Testes de usabilidade e design inclusivo: Testes de usabilidade: métodos e métricas, Design inclusivo, correção de erros e documentação final, Recapitulando.
Aula 13Consolidação e síntese da unidade. Esclarecimento de dúvidas.
Aula 14Desenvolvimento do mini-projeto: aplicação integrada dos conteúdos a um problema proposto.
Aula 15Realização do teste de avaliação sumativa. Correção e balanço da unidade.