Curso de UI/UX Design

Aula 1 • Princípios Fundamentais do Design

Apresenta Gestalt, hierarquia visual, contraste visual e alinhamento como regras visuais fundamentais. Aplica esses princípios a exercícios de crítica de interface.

Aula 2 • O Processo de Design Thinking

Apresenta o modelo de design thinking de cinco estágios como um framework de solução de problemas. Conecta cada estágio a entregáveis práticos de UI/UX.

Aula 3 • História e Evolução do Design

Traça o design desde suas raízes na impressão e na indústria até as interfaces digitais. Contextualiza as práticas modernas dentro das transformações históricas.

Aula 4 • Entendendo UI vs. UX

Define UI como a camada de interface visual e UX como a jornada holística do usuário. Estabelece o vocabulário usado ao longo do curso.

Aula 1 • Pesquisas e Pesquisa Quantitativa

Apresenta o design de pesquisa, amostragem e interpretação estatística básica. Complementa descobertas qualitativas com dados mensuráveis de usuários.

Aula 2 • Sintetizando Insights de Pesquisa

Abrange o mapeamento de afinidades, a análise temática e a priorização de insights. Transforma dados brutos em direcionamento de design acionável.

Aula 3 • Realizando Entrevistas com Usuários

Ensina técnicas de entrevista estruturada e semiestruturada para descobrir motivações dos usuários. Desenvolve habilidades de escuta ativa e questionamento neutro.

Aula 4 • Criando Personas de Usuário e Mapas de Jornada

Guia os alunos na construção de personas baseadas em evidências e no mapeamento de jornadas completas do usuário. Esses artefatos comunicam o contexto do usuário às partes interessadas.

Aula 1 • Sistemas de Busca e Wayfinding

Aborda UX de pesquisa, filtros, breadcrumbs e indicadores de progresso. Garante que os usuários sempre saibam onde estão e como prosseguir.

Aula 2 • Projetando Sitemaps e Taxonomias

Aborda estruturas de site hierárquicas, planas e do tipo hub-and-spoke. Os alunos criam mapas de site que refletem os modelos mentais dos usuários.

Aula 3 • Card Sorting e Tree Testing

Ensina métodos participativos para validar agrupamentos de conteúdo e rótulos de navegação. Produz decisões de IA baseadas em dados.

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

Analisa padrões de navegação comuns, incluindo navegação superior, navegação lateral, abas e menus hambúrguer. Relaciona os padrões ao dispositivo e ao contexto.

Aula 1 • Técnicas de Criação de Wireframes Digitais

Aborda a criação de wireframes de média fidelidade usando ferramentas padrão do setor. Foca em grades de layout, espaçamento e posicionamento de componentes.

Aula 2 • Fundamentos de Design de Interação

Define metas de design de interação incluindo feedback, affordance e mudanças de estado. Faz a ponte entre wireframes estáticos e protótipos dinâmicos.

Aula 3 • Esboços e Wireframes de Baixa Fidelidade

Apresenta o esboço rápido e a criação de wireframes em papel como ferramentas de ideação rápida. Incentiva o pensamento divergente antes de se comprometer com ferramentas digitais.

Aula 4 • Criando Protótipos Clicáveis

Ensina a vincular telas e adicionar transições para simular o comportamento real de um produto. Produz protótipos testáveis para sessões de pesquisa com usuários.

Aula 1 • Consistência Visual e Guias de Estilo

Orienta os alunos a documentar decisões visuais em um guia de estilo reutilizável. Garante consistência de design nas telas de um produto.

Aula 2 • Layout, Grades e Espaçamento

Apresenta grades de colunas, grades de linha de base e sistemas de espaçamento para layouts consistentes. Aplica regras de layout a sistemas de design multitelas.

Aula 3 • Teoria das Cores e Aplicação em UI

Aborda modelos de cor, paletas, relações de contraste e associações emocionais. Aplica decisões de cor a componentes de interface de forma sistemática.

Aula 4 • Iconografia e Imagens

Ensina princípios de design de ícones, consistência de estilo e uso de imagens em interfaces. Garante que os elementos visuais reforcem, em vez de distrair, o conteúdo.

Aula 1 • Planejando um Estudo de Usabilidade

Aborda a criação de planos de teste, definição de tarefas e recrutamento de participantes representativos. Garante que os testes produzam insights válidos e confiáveis.

Aula 2 • Analisando Dados de Usabilidade

Abrange taxas de sucesso em tarefas, análise de erros, tempo gasto na tarefa e codificação qualitativa. Converte observações de sessão em problemas de design priorizados.

Aula 3 • Relatando e Agindo com Base nas Descobertas

Orienta os alunos na redação de relatórios de descobertas e na apresentação de recomendações às partes interessadas. Fecha o loop entre testes e iteração de design.

Aula 4 • Fundamentos do Teste de Usabilidade

Define as dimensões de usabilidade, incluindo eficácia, eficiência e satisfação. Posiciona os testes como uma atividade central do design, e não como uma etapa final.

Aula 1 • Diretrizes de Acessibilidade para Conteúdo Web

Aborda os quatro princípios da WCAG: perceptível, operável, compreensível e robusto. Mapeia as diretrizes para decisões específicas de design de UI.

Aula 2 • Cor Acessível e Tipografia

Aplica os requisitos de relação de contraste e os tamanhos mínimos de tipografia ao design visual. Garante que o conteúdo seja legível em diferentes capacidades visuais.

Aula 3 • Auditoria e Remediação de Acessibilidade

Ensina métodos de auditoria automatizados e manuais para identificar falhas de acessibilidade. Os alunos produzem planos de correção priorizados para interfaces reais.

Aula 4 • Princípios do Design Inclusivo

Apresenta o espectro da capacidade humana e o modelo social da deficiência. Reenquadra a acessibilidade como uma qualidade de design, não como uma lista de verificação de conformidade.

Aula 1 • Documentando e Governando um Sistema de Design

Ensina diretrizes de uso da escrita, processos de contribuição e estratégias de versionamento. Garante que o sistema permaneça preciso e adotado pelas equipes.

Aula 2 • Metodologia de Design Atômico

Aplica o modelo de design atômico de Brad Frost para dividir a UI em átomos, moléculas, organismos e templates. Estrutura a hierarquia visual dos componentes de forma lógica.

Aula 3 • Introdução aos Sistemas de Design

Define sistemas de design como fontes únicas de verdade que combinam componentes, padrões e diretrizes. Explica o valor para o negócio e os ganhos de eficiência da equipe.

Aula 4 • Design Tokens e Theming

Apresenta tokens de design como variáveis nomeadas para cor, espaçamento e tipografia. Permite temas consistentes e suporte a modo escuro.