Curso de Design UI/UX

Aula 1 • Princípios Centrais do Bom Design

Aborda usabilidade, acessibilidade, consistência e feedback como princípios fundamentais. Os alunos aplicam esses critérios de avaliação em todo o trabalho posterior.

Aula 2 • Entendendo UI vs. UX

Define UI como a camada visual da interface e UX como a jornada completa do usuário. Estabelece o vocabulário usado ao longo do curso.

Aula 3 • Visão Geral do Processo de Design

Mapeia o fluxo de trabalho de design de ponta a ponta, da descoberta à entrega. Fornece um roteiro que os alunos seguem em todos os capítulos principais.

Aula 1 • Métodos de Pesquisa Quantitativa

Apresenta pesquisas, revisão de análises e interpretação de dados comportamentais. Equilibra descobertas qualitativas com evidências mensuráveis.

Aula 2 • Planejamento e Estratégia de Pesquisa

Ensina como definir metas de pesquisa, selecionar métodos e recrutar participantes. Alinha o escopo da pesquisa com as restrições do projeto.

Aula 3 • Sintetizando Pesquisa em Insights

Transforma dados brutos em mapas de afinidade, personas e mapas de jornada. As saídas alimentam diretamente a ideação e a arquitetura da informação.

Aula 1 • Padrões de Navegação e Menus

Aborda padrões de navegação global, local e contextual para web e mobile. Os alunos selecionam padrões com base no volume de conteúdo e no contexto do usuário.

Aula 2 • Card Sorting e Tree Testing

Ensina card sorting aberto e fechado para validar agrupamentos de categorias. O tree testing verifica a navegação antes do design visual começar.

Aula 3 • Princípios de Arquitetura da Informação

Explica organização, rotulagem, navegação e pesquisa como pilares da IA. Conecta decisões de IA aos modelos mentais do usuário provenientes da pesquisa.

Aula 1 • Fluxos de Usuário e Mapeamento de Tarefas

Define fluxos de usuário como caminhos passo a passo através de tarefas antes que as telas sejam desenhadas. Garante que os wireframes abordem metas reais do usuário identificadas na pesquisa.

Aula 2 • Técnicas de Esboço e Ideação

Apresenta esboço rápido, Crazy Eights e métodos de thumbnail para ideação rápida. Incentiva a quantidade sobre a qualidade para revelar diversas opções de layout.

Aula 3 • Vinculação de Protótipo de Baixa Fidelidade

Conecta telas de wireframe em protótipos clicáveis para teste de usabilidade inicial. Valida navegação e fluxos de tarefas antes do investimento em design visual.

Aula 1 • Hierarquia Visual e Ênfase

Orienta o uso de tamanho, peso, contraste e posição para direcionar a atenção do usuário. Os alunos aplicam hierarquia para garantir que ações críticas sejam imediatamente visíveis.

Aula 2 • Layout, Grades e Espaçamento

Explica grades de colunas, grades de linha de base e tokens de espaçamento para layouts consistentes. Conecta decisões de layout ao ritmo visual e à hierarquia de conteúdo.

Aula 3 • Teoria das Cores e Sistemas de Cores para UI

Ensina psicologia das cores, relações de contraste e construção de uma paleta de cores para UI. Os alunos criam sistemas de cores acessíveis que atendem aos padrões de contraste.

Aula 4 • Tipografia em Design de Interface

Aborda seleção de fontes, escala tipográfica, altura de linha e legibilidade para telas. Escolhas tipográficas afetam diretamente a usabilidade e a percepção da marca.

Aula 1 • Documentando e Mantendo Sistemas

Orienta a escrita de diretrizes de uso, exemplos de faça/não faça e versionamento para componentes. A documentação permite que as equipes adotem o sistema sem intervenção do designer.

Aula 2 • Anatomia de um Sistema de Design

Define tokens de design, componentes, padrões e documentação como camadas do sistema. Estabelece por que os sistemas reduzem a inconsistência e aceleram a produção gráfica.

Aula 3 • Componentes Responsivos e Adaptativos

Aborda como os componentes se adaptam a diferentes tamanhos de tela usando auto-layout e constraints. Garante que o sistema funcione em contextos mobile, tablet e desktop.

Aula 1 • Construindo Protótipos de Alta Fidelidade

Aplica componentes do sistema de design para criar protótipos interativos e com precisão de pixels. Os protótipos replicam o comportamento real do aplicativo para um teste de usabilidade crível.

Aula 2 • Teste e Refinamento de Protótipo

Orienta o teste estruturado de protótipos de alta fidelidade para identificar falhas de interação. Os ciclos de refinamento fecham a lacuna entre o protótipo e o produto final.

Aula 3 • Micro-Interações e Animação

Ensina loops de trigger-feedback, curvas de easing e diretrizes de duração para animação em UI. Os alunos projetam animações que guiam a atenção sem causar distração.

Aula 4 • Design de Interação por Gesto e Toque

Aborda padrões de swipe, pinch, tap e long-press para interfaces mobile e touch. Os alunos projetam fluxos baseados em gestos que parecem naturais e são fáceis de descobrir.

Aula 1 • Fundamentos do Teste de Usabilidade

Define teste moderado vs. não moderado e quando aplicar cada método. Estabelece o teste como uma atividade contínua, não uma verificação de estágio final.

Aula 2 • Escrevendo Planos e Tarefas de Teste

Ensina como escrever tarefas baseadas em cenários que revelam problemas reais de usabilidade. Tarefas bem escritas evitam conduzir os participantes e produzem dados válidos.

Aula 3 • Analisando e Reportando Descobertas

Transforma dados de sessão em problemas classificados por gravidade e recomendações priorizadas. Os relatórios comunicam as descobertas às partes interessadas que não estavam presentes.

Aula 4 • Facilitando Sessões de Usabilidade

Aborda técnicas de moderador para manter as sessões neutras e produtivas. Os alunos praticam observação, anotação e aprofundamento sem viés.