Módulo 06: Design de Interfaces, UI/UX e Acessibilidade
Engenharia de Frontend • Design Thinking, Heurísticas, Figma, Design Systems, WCAG 2.2 e Métricas de UX
🏛️ Estrutura Curricular Canônica (20 Capítulos • 5 Blocos)
🧱 Bloco 1: Fundamentos de UX & Metodologias Centradas no Usuário (Caps 01 a 04)
| Cap | Tópico Teórico | Exercícios | Exemplos | Slides | Quiz |
|---|---|---|---|---|---|
| 01 | 📖 Fundamentos de UI/UX e Design Thinking | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 02 | 📖 Heurísticas de Nielsen e Leis de UX | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 03 | 📖 Pesquisa com Usuários e Personas | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 04 | 📖 Jornada do Usuário e Service Blueprint | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
🧱 Bloco 2: Arquitetura de Informação & Estruturação de Telas (Caps 05 a 08)
| Cap | Tópico Teórico | Exercícios | Exemplos | Slides | Quiz |
|---|---|---|---|---|---|
| 05 | 📖 Arquitetura de Informação e Card Sorting | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 06 | 📖 User Flows, Sitemaps e Navegação | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 07 | 📖 Sketching e Wireframes de Baixa Fidelidade | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 08 | 📖 Wireframes de Média e Alta Fidelidade | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
🧱 Bloco 3: Design Visual, Cores, Tipografia e Grids (Caps 09 a 12)
| Cap | Tópico Teórico | Exercícios | Exemplos | Slides | Quiz |
|---|---|---|---|---|---|
| 09 | 📖 Teoria das Cores e Paletas Acessíveis | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 10 | 📖 Tipografia, Font Pairing e Escalas Modulares | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 11 | 📖 Grid Systems, 8pt Grid e Espaçamento Responsivo | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 12 | 📖 Iconografia, Microcópia e UX Writing | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
🧱 Bloco 4: Prototipagem Avançada no Figma & Design Systems (Caps 13 a 16)
| Cap | Tópico Teórico | Exercícios | Exemplos | Slides | Quiz |
|---|---|---|---|---|---|
| 13 | 📖 Prototipagem com Figma, Componentes e Variants | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 14 | 📖 Auto Layout e Design Responsivo no Figma | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 15 | 📖 Design Tokens e Sistemas de Estilos | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
| 16 | 📖 Design Systems Escaláveis e Atomic Design | 🧩 Exercícios | 💻 Exemplos | 📊 Slides | 🧠 Quiz |
🧱 Bloco 5: Acessibilidade Digital, Testes & Métricas de UX (Caps 17 a 20)
🚀 Próxima Etapa da Formação: Concluído este módulo, prossiga na sua jornada de formação avançando para o Módulo 07: Backend e APIs RESTful.
| 🏠 Voltar ao Início do Portal | 📚 Ver Índice Geral | Próximo Módulo ➡️ |