🧩 Exercícios Práticos: Design de Interfaces, UI/UX e Acessibilidade

Módulo 03: Engenharia de Frontend • Trilha Progressiva em 4 Níveis

🧱 Bloco 1: Fundamentos de UX & Metodologias Centradas no Usuário

  1. 🎨 Exercícios 01: Fundamentos de UI/UX e Design Thinking
  2. 👁️ Exercícios 02: Heurísticas de Nielsen e Leis de UX
  3. 👥 Exercícios 03: Pesquisa com Usuários e Personas
  4. 🗺️ Exercícios 04: Jornada do Usuário e Service Blueprint

📐 Bloco 2: Arquitetura de Informação & Estruturação de Telas

  1. 🗂️ Exercícios 05: Arquitetura de Informação e Card Sorting
  2. 🔄 Exercícios 06: User Flows, Sitemaps e Navegação
  3. ✏️ Exercícios 07: Sketching e Wireframes de Baixa Fidelidade
  4. 📐 Exercícios 08: Wireframes de Média e Alta Fidelidade

🎨 Bloco 3: Design Visual, Cores, Tipografia e Grids

  1. 🌈 Exercícios 09: Teoria das Cores e Paletas Acessíveis
  2. 🔤 Exercícios 10: Tipografia, Font Pairing e Escalas Modulares
  3. 📐 Exercícios 11: Grid Systems, 8pt Grid e Espaçamento Responsivo
  4. ✍️ Exercícios 12: Iconografia, Microcópia e UX Writing

⚡ Bloco 4: Prototipagem Avançada no Figma & Design Systems

  1. 🧩 Exercícios 13: Prototipagem com Figma, Componentes e Variants
  2. 📱 Exercícios 14: Auto Layout e Design Responsivo no Figma
  3. 🎨 Exercícios 15: Design Tokens e Sistemas de Estilos
  4. ⚛️ Exercícios 16: Design Systems Escaláveis e Atomic Design

♿ Bloco 5: Acessibilidade Digital, Testes & Métricas de UX

  1. ♿ Exercícios 17: Acessibilidade Digital, Diretrizes WCAG 2.2 e ARIA
  2. ✨ Exercícios 18: Microinterações, Motion Design e Smart Animate
  3. 🧪 Exercícios 19: Testes de Usabilidade e Pesquisa Avaliativa
  4. 📊 Exercícios 20: Métricas de UX, Analytics de Produto e HEART Framework

⬅️ Voltar ao Sumário do Módulo