Curso de UI UX Design

Aula 1 • Princípios Fundamentais do Bom Design

Aborda a usabilidade, a acessibilidade, a consistência e o retorno como princípios fundamentais. Os estudantes aplicam-nos como critérios de avaliação em todo o trabalho posterior.

Aula 2 • Compreender UI vs. UX

Define UI como a camada de interface visual e UX como a jornada completa do utilizador. Estabelece o vocabulário utilizado ao longo do curso.

Aula 3 • Visão Geral do Processo de Design

Mapeia o fluxo de trabalho de design de ponta a ponta, desde a descoberta até à entrega. Fornece um roteiro que os estudantes seguem ao longo de todos os capítulos principais.

Aula 1 • Métodos de Pesquisa Quantitativa

Apresenta inquéritos, análise de métricas e interpretação de dados comportamentais. Equilibra descobertas qualitativas com evidências mensuráveis.

Aula 2 • Planeamento e Estratégia de Pesquisa

Ensina a definir objetivos de pesquisa, selecionar métodos e recrutar participantes. Alinha o âmbito da pesquisa com as restrições do projeto.

Aula 3 • Sintetizar Pesquisa em Informações

Transforma dados brutos em mapas de afinidade, personas e mapas de jornada. Os resultados alimentam diretamente a ideação e a arquitetura de informação.

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

Abrange padrões de navegação global, local e contextual para web e dispositivos móveis. Os estudantes selecionam padrões com base no volume de conteúdo e no contexto do utilizador.

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 início do design visual.

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

Explica a organização, a rotulagem, a navegação e a pesquisa como pilares da IA. Liga as decisões de IA aos modelos mentais dos utilizadores provenientes da pesquisa.

Aula 1 • Fluxos de Utilizador e Mapeamento de Tarefas

Define fluxos de utilizador como caminhos passo a passo através de tarefas antes de os ecrãs serem desenhados. Garante que os wireframes respondem aos objetivos reais do utilizador identificados 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 em detrimento da qualidade para descobrir opções de layout diversificadas.

Aula 3 • Ligação de Protótipos de Baixa Fidelidade

Liga ecrãs de wireframe em protótipos clicáveis para testes de usabilidade precoces. Valida a navegação e os 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 utilizador. Os estudantes aplicam a hierarquia para garantir que as ações críticas são imediatamente visíveis.

Aula 2 • Layout, Grelhas e Espaçamento

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

Aula 3 • Teoria da Cor e Sistemas de Cor para UI

Ensina psicologia da cor, rácios de contraste e construção de uma paleta de cores para UI. Os estudantes criam sistemas de cor acessíveis que cumprem os padrões de contraste.

Aula 4 • Tipografia em Design de Interface

Abrange seleção de tipo de letra, escala tipográfica, altura de linha e legibilidade para ecrãs. As escolhas tipográficas afetam diretamente a usabilidade e a perceção da marca.

Aula 1 • Documentar e Manter Sistemas

Orienta a redação de diretrizes de utilização, exemplos de fazer/não fazer e versionamento de componentes. A documentação permite que as equipas 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 razão os sistemas reduzem a inconsistência e aceleram a produção gráfica.

Aula 3 • Componentes Responsivos e Adaptativos

Abrange como os componentes se adaptam a diferentes tamanhos de ecrã usando auto-layout e constraints. Garante que o sistema funciona nos contextos de dispositivos móveis, tablet e computador.

Aula 1 • Construir Protótipos de Alta Fidelidade

Aplica componentes do sistema de design para criar protótipos interativos e pixel-perfeitos. Os protótipos replicam o comportamento real da aplicação para testes de usabilidade credíveis.

Aula 2 • Teste e Refinação de Protótipos

Orienta o teste estruturado de protótipos de alta fidelidade para identificar falhas de interação. Os ciclos de refinação reduzem a distância entre o protótipo e o produto final.

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

Ensina ciclos de retorno de acionamento, curvas de easing e diretrizes de duração para animação em UI. Os estudantes desenham animações que guiam a atenção sem causar distração.

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

Abrange padrões de swipe, pinch, tap e long-press para interfaces móveis e táteis. Os estudantes concebem fluxos baseados em gestos que parecem naturais e detetáveis.

Aula 1 • Fundamentos de Testes de Usabilidade

Define testes moderados vs. não moderados e quando aplicar cada método. Estabelece os testes como uma atividade contínua, não como uma verificação de fase final.

Aula 2 • Redigir Planos e Tarefas de Teste

Ensina a redigir tarefas baseadas em cenários que revelam problemas reais de usabilidade. Tarefas bem redigidas evitam orientar os participantes e produzem dados válidos.

Aula 3 • Analisar e Relatar 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 estiveram presentes.

Aula 4 • Facilitar Sessões de Usabilidade

Abrange técnicas do moderador para manter as sessões neutras e produtivas. Os estudantes praticam observação, tomada de notas e sondagem sem enviesamento.