Curso de Designer UI/UX

Aula 1 • Acessibilidade e Design Inclusivo

Apresenta padrões de acessibilidade, relações de contraste e navegação por teclado como requisitos básicos. Enquadra a inclusão como uma métrica de qualidade do design, não como um complemento.

Aula 2 • Princípios Centrais do Design Visual

Aborda os princípios da Gestalt, hierarquia, contraste e alinhamento como a gramática visual das interfaces. Conecta a teoria visual a decisões práticas de layout.

Aula 3 • O Processo de Design em Resumo

Apresenta o ciclo de vida completo do design, da descoberta à entrega. Fornece um mapa mental que os alunos expandirão em capítulos posteriores.

Aula 1 • Conduzindo Entrevistas com Usuários

Ensina técnicas de entrevista estruturada e semiestruturada que revelam necessidades latentes dos usuários. Os alunos praticam escuta ativa e questionamento neutro.

Aula 2 • Pesquisas e Investigação Contextual

Apresenta o design de pesquisas e a observação de campo como complementos às entrevistas. Os alunos aprendem quando cada método gera os dados mais confiáveis.

Aula 3 • Sintetizando Pesquisa em Insights

Transforma dados brutos em insights acionáveis usando mapeamento de afinidades e análise temática. As saídas alimentam diretamente personas e mapas de jornada.

Aula 4 • Planejando um Estudo de Pesquisa

Abrange objetivos de pesquisa, escopo e seleção de métodos antes do trabalho de campo começar. Garante que os alunos evitem armadilhas comuns de planejamento que desperdiçam tempo e orçamento.

Aula 1 • Inventário e Auditoria de Conteúdo

Ensina a catalogação e avaliação sistemática do conteúdo existente antes da reestruturação. Os alunos identificam lacunas, redundâncias e conteúdo prioritário.

Aula 2 • Sitemaps e Padrões de Navegação

Traduz a pesquisa de IA em sitemaps e seleciona padrões de navegação adequados à profundidade do conteúdo e aos objetivos do usuário. Aborda navegação global, local e contextual.

Aula 3 • Card Sorting e Tree Testing

Usa métodos participativos para validar rótulos de categorias e hierarquia com usuários reais. Os resultados informam diretamente as decisões do sitemap.

Aula 4 • Pesquisa e Encontrabilidade

Aborda o design de UX de pesquisa, incluindo filtros, facetas e estados de zero resultados. Conecta a encontrabilidade à qualidade geral da IA.

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

Métodos rápidos de esboço geram muitas ideias de layout rapidamente, sem compromisso com detalhes. O pensamento divergente nesta fase evita a fixação prematura do design.

Aula 2 • Anotando Wireframes para Entrega

Documenta a lógica de interação, estados e casos extremos para que os desenvolvedores entendam a intenção. Reduz idas e vindas durante a implementação.

Aula 3 • Protótipos Clicáveis para Teste

Liga telas de wireframe em protótipos navegáveis que simulam fluxos de usuário sem código. Permite testes de usabilidade precoce antes do investimento visual.

Aula 4 • Anatomia e Padrões de Wireframe

Define os níveis de fidelidade do wireframe e estabelece convenções de anotação para a entrega ao desenvolvedor. Os alunos aprendem o que incluir e o que adiar.

Aula 1 • Documentação do Sistema de Design

Empacota componentes, tokens e diretrizes de uso em um documento de sistema de design vivo. Permite consistência entre equipes e um trabalho de design futuro mais rápido.

Aula 2 • Design de Componentes e Variantes

Constrói componentes de UI reutilizáveis com todos os estados e variantes documentados em uma ferramenta de design. A metodologia de design atômico estrutura os componentes de átomos a templates.

Aula 3 • Sistemas de Cores e Alinhamento de Marca

Constrói uma paleta de cores escalável com tokens primários, secundários, semânticos e neutros. Garante consistência da marca e conformidade de acessibilidade em todas as telas.

Aula 4 • Iconografia e Imagens

Define o estilo, o dimensionamento e as regras de uso de ícones, juntamente com as diretrizes de tratamento de imagem. A consistência nos ativos visuais reforça a identidade da marca.

Aula 1 • Interação por Gestos e Toque

Projeta para deslizar, pinçar, pressionar longamente e outros gestos de toque em plataformas móveis. Aborda dimensionamento de alvo, descoberta de gestos e padrões de fallback.

Aula 2 • Princípios do Design de Interação

Aborda feedback, affordance, mapeamento e restrições como o vocabulário central do design de interação. Aplica cada princípio a decisões reais de interface.

Aula 3 • Interação por Voz e Multimodal

Apresenta princípios de design de UI de voz e experiências multimodais que combinam toque, voz e feedback visual. Prepara os alunos para paradigmas de interação emergentes.

Aula 4 • Prototipagem de Alta Fidelidade

Constrói protótipos interativos e com precisão de pixels usando recursos avançados de prototipagem em ferramentas de design. Simula o comportamento real do produto para demonstrações com partes interessadas e testes de usabilidade.

Aula 1 • Escrevendo Planos e Tarefas de Teste

Constrói planos de teste com objetivos claros, tarefas realistas e resultados mensuráveis. Tarefas bem escritas evitam que o viés do facilitador contamine os resultados.

Aula 2 • Facilitando Sessões de Usabilidade

Aborda técnicas do facilitador para manter as sessões neutras enquanto coleta dados comportamentais ricos. Os alunos praticam o protocolo de thinking aloud e perguntas de sondagem.

Aula 3 • Analisando e Relatando Descobertas

Sintetiza observações de sessão em problemas classificados por gravidade e recomendações acionáveis. Os relatórios são estruturados tanto para equipes de design quanto para partes interessadas não técnicas.

Aula 4 • Fundamentos do Teste de Usabilidade

Define metas, tipos e quando usar cada tipo de teste de usabilidade. Distingue teste formativo de somativo e estabelece expectativas realistas para as descobertas.

Aula 1 • Usando Ferramentas de Entrega e Inspeção

Demonstra como ferramentas de inspeção expõem valores CSS, espaçamento e ativos para desenvolvedores sem acesso à ferramenta de design. Aborda recursos de comentários e histórico de versões.

Aula 2 • QA de Design e Prontidão para Lançamento

Estabelece um processo de garantia de qualidade de design para detectar erros de implementação antes do lançamento. Aborda checklists de QA, relatórios de bugs e procedimentos de aprovação.

Aula 3 • Preparando Arquivos para Entrega ao Desenvolvedor

Organiza arquivos de design com nomenclatura consistente, estrutura de camadas e ativos exportados. Arquivos limpos reduzem a confusão do desenvolvedor e aceleram a implementação.

Aula 4 • Colaborando com Desenvolvedores

Constrói relacionamentos produtivos entre designer e desenvolvedor por meio de vocabulário compartilhado e respeito mútuo. Aborda como lidar construtivamente com desvios de implementação.