Plano de Aprendizagem Conectada
Cada encontro tem uma Competência Alvo clara. Aulas ímpares focam em feedback e acolhimento; aulas pares focam em criação densa para praticar durante a semana.
Ritmo Semanal (Hattie & Vygotsky)
(Início)
Feedback & Validação
Recepção da tarefa de 7 dias. Correção coletiva (Feedback). Introdução de conceito leve.
(Fim)
Imersão & Criação (Bloom)
Conteúdo denso. Prática guiada longa. Lançamento do desafio para a semana seguinte.
Avaliação & Resultado
A avaliação é contínua baseada na evolução do portfólio.
Bloco 1: Fundamentos & Técnica
Apresentação, Regras & Diagnóstico
LembrarApresentação do professor e da disciplina. Explicação detalhada do sistema de avaliação (Portfólio) e do Projeto Interdisciplinar. Criação de contas (Figma).
Compreender as regras do curso, o critério de avaliação e configurar o ambiente de trabalho profissional.
Psicologia da Gestalt & Grids
CriarConteúdo Denso: Leis da Gestalt aplicadas. Matemática do Grid de 8pt. A aula foca em prática intensa para o aluno levar para casa.
Aplicar princípios de organização visual (Gestalt) e sistemas de grids para estruturar interfaces consistentes.
Tipografia & Cor (Acessibilidade)
AnalisarReview dos Grids da semana anterior. Introdução a Hierarquia Tipográfica e Contraste WCAG. Aula focada em ajuste fino.
Avaliar e corrigir problemas de legibilidade e contraste utilizando diretrizes WCAG.
Componentes & Auto Layout
CriarPrática Avançada: O "Coração do Figma". Box model, constraints, componentes atômicos. Aula pesada tecnicamente.
Construir componentes escaláveis e responsivos utilizando propriedades avançadas de Auto Layout.
Iconografia & Imagens
AplicarCorreção dos Cards (Auto Layout quebrou?). Introdução a bibliotecas de ícones e tratamento de imagem.
Selecionar e aplicar iconografia consistente e imagens tratadas para elevar a fidelidade visual.
Responsividade & Breakpoints
CriarAdaptação de layout (Mobile First > Desktop). Prática densa de refatoração de telas para múltiplos dispositivos.
Projetar interfaces que se adaptam fluidamente a diferentes resoluções de tela (Mobile/Desktop).
Prototipagem Interativa
AplicarAnálise das quebras de layout. Introdução a Smart Animate, Overlays e Scroll. Dar vida às telas estáticas.
Criar conexões lógicas e microinterações para simular a experiência real de navegação.
Heurísticas de Nielsen
AvaliarAula prática de auditoria. Uso de checklist para encontrar erros de usabilidade no protótipo.
Identificar falhas de usabilidade utilizando as 10 Heurísticas de Nielsen como método de avaliação.
Organização & UI Kit
CriarDiscussão sobre os erros encontrados. Limpeza do arquivo ("Faxina"). Organização de estilos e componentes finais.
Sistematizar elementos visuais em um UI Kit organizado para facilitar a manutenção e o handoff.
Entrega do Bloco 1 (Portfólio A)
CriarApresentação das telas de alta fidelidade e do protótipo funcional. Feedback final do professor sobre a técnica.
Demonstrar domínio técnico do Figma e princípios visuais através de um protótipo de alta fidelidade.
Bloco 2: Processo & Produto
Briefing Interdisciplinar & Matriz CSD
AnalisarKick-off com professores de Programação. Definição dos grupos. Entendimento do problema (Design Thinking - Imersão).
Analisar um problema real e levantar hipóteses iniciais (Certezas, Suposições, Dúvidas) em equipe.
Pesquisa & Entrevistas
AplicarPlanejamento da pesquisa. Roteiros de entrevista. Benchmarking. Aula de preparação para ir a campo.
Planejar e conduzir pesquisas qualitativas para coletar dados reais sobre as necessidades do usuário.
Personas & Jornadas
CriarSintetizar as entrevistas da semana. Criar a Persona (baseada em dados) e Mapear a Jornada atual do usuário.
Sintetizar dados de pesquisa em artefatos de UX (Personas e Jornadas) para guiar a decisão de design.
Ideação & Rabiscoframes
CriarBrainstorming (Crazy 8s). Desenho livre de soluções. Foco em quantidade de ideias.
Gerar múltiplas alternativas de solução e tangibilizar ideias em protótipos de baixa fidelidade.
Arquitetura de Informação
AnalisarRevisão dos fluxos com professor de Dev. Criação do Sitemap e User Flow. Garantir viabilidade técnica.
Estruturar a navegação e o fluxo de dados do aplicativo garantindo viabilidade técnica.
Execução High-Fi (Studio Time)
CriarHora de aplicar a "mágica" do Bloco 1. Transformar wireframes em UI polida. Trabalho intenso de produção.
Produzir interfaces de alta fidelidade aplicando identidade visual consistente e padrões de projeto.
Prototipagem para Validação
AplicarConectar telas. Verificar se não há "becos sem saída". Preparar o link para o teste com usuário.
Construir um protótipo navegável robusto suficiente para ser submetido a testes com usuários reais.
Teste de Usabilidade & Redesign
AvaliarDia de campo. Trazer convidados para testar. Observar erros.
Avaliar a eficácia da interface através de testes com usuários e iterar o design com base nos feedbacks.
Handoff & Storytelling
CriarPreparar a apresentação (Pitch). Como contar a história do projeto: Problema > Processo > Solução.
Documentar o processo de design e preparar os arquivos técnicos para o desenvolvimento.
Banca Final & Pitch
AvaliarApresentação final para banca (Professores de Design e Programação). Celebração da entrega do produto interdisciplinar.
Comunicar e defender decisões de projeto de forma clara e profissional para stakeholders técnicos e de negócio.