Curso de UI/UX Design

Aula 1 • Princípios Fundamentais de Design

Apresenta os princípios da Gestalt, hierarquia, contraste e alinhamento como regras visuais fundamentais. Aplica estes princípios em exercícios de crítica de interfaces.

Aula 2 • O Processo de Design Thinking

Apresenta o modelo de design thinking de cinco estágios como um quadro de resolução de problemas. Liga cada estágio a resultados práticos de UI/UX.

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

Traça o design desde as raízes do design gráfico e industrial até às interfaces digitais. Contextualiza as práticas modernas dentro das mudanças históricas.

Aula 4 • Compreender UI vs. UX

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

Aula 1 • Inquéritos e Investigação Quantitativa

Apresenta a conceção de inquéritos, amostragem e interpretação estatística básica. Complementa as conclusões qualitativas com dados mensuráveis dos utilizadores.

Aula 2 • Sintetizar Conhecimentos da Investigação

Abrange mapeamento de afinidades, análise temática e priorização de conhecimentos. Transforma dados brutos em orientações de design acionáveis.

Aula 3 • Realizar Entrevistas com Utilizadores

Ensina técnicas de entrevista estruturada e semiestruturada para descobrir motivações dos utilizadores. Desenvolve competências de escuta ativa e questionamento neutro.

Aula 4 • Criar Personas e Mapas de Jornada do Utilizador

Orienta os formandos na construção de personas baseadas em evidências e no mapeamento de jornadas de utilizador completas. Estes artefactos comunicam o contexto do utilizador às partes interessadas.

Aula 1 • Sistemas de Pesquisa e Orientação

Aborda UX de pesquisa, filtros, breadcrumbs e indicadores de progresso. Garante que os utilizadores sabem sempre onde estão e como proceder.

Aula 2 • Conceber Sitemaps e Taxonomias

Abrange estruturas de site hierárquicas, planas e hub-and-spoke. Os formandos criam sitemaps que refletem os modelos mentais dos utilizadores.

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, separadores e menus hambúrguer. Faz corresponder padrões ao dispositivo e contexto.

Aula 1 • Técnicas de Wireframing Digital

Abrange a criação de wireframes de média fidelidade usando ferramentas padrão da indústria. Foca-se em grelhas de layout, espaçamento e colocação de componentes.

Aula 2 • Fundamentos de Design de Interação

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

Aula 3 • Esboço e Wireframes de Baixa Fidelidade

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

Aula 4 • Construir Protótipos Clicáveis

Ensina a ligar ecrãs e adicionar transições para simular o comportamento real do produto. Produz protótipos testáveis para sessões de investigação com utilizadores.

Aula 1 • Consistência Visual e Guias de Estilo

Orienta os formandos na documentação de decisões visuais num guia de estilo reutilizável. Garante a consistência do design entre os ecrãs de um produto.

Aula 2 • Layout, Grelhas e Espaçamento

Apresenta grelhas de colunas, grelhas de linha de base e sistemas de espaçamento para layouts consistentes. Aplica regras de layout a sistemas de design com vários ecrãs.

Aula 3 • Teoria da Cor e Aplicação em UI

Abrange modelos de cor, paletas, rácios 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 reforçam, em vez de distrair, o conteúdo.

Aula 1 • Planear um Estudo de Usabilidade

Abrange a redação de planos de teste, definição de tarefas e recrutamento de participantes representativos. Garante que os testes produzem conhecimentos válidos e fiáveis.

Aula 2 • Analisar Dados de Usabilidade

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

Aula 3 • Relatar e Agir sobre Conclusões

Orienta os formandos na redação de relatórios de conclusões e na apresentação de recomendações às partes interessadas. Fecha o ciclo entre testes e iteração do design.

Aula 4 • Fundamentos de Testes de Usabilidade

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

Aula 1 • Diretrizes de Acessibilidade para Conteúdo Web

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

Aula 2 • Cor e Tipografia Acessíveis

Aplica requisitos de rácio de contraste e tamanhos mínimos de tipo de letra ao design visual. Garante que o conteúdo é legível em diferentes capacidades de visão.

Aula 3 • Auditoria e Remediação de Acessibilidade

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

Aula 4 • Princípios de Design Inclusivo

Apresenta o espetro da capacidade humana e o modelo social da deficiência. Reformula a acessibilidade como uma qualidade do design, não como uma caixa de verificação de conformidade.

Aula 1 • Documentar e Governar um Sistema de Design

Ensina a redação de diretrizes de utilização, processos de contribuição e estratégias de versionamento. Garante que o sistema se mantém preciso e adotado pelas equipas.

Aula 2 • Metodologia de Design Atómico

Aplica o modelo de design atómico de Brad Frost para decompor a UI em átomos, moléculas, organismos e templates. Estrutura a hierarquia de componentes logicamente.

Aula 3 • Introdução a Sistemas de Design

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

Aula 4 • Design Tokens e Tematização

Apresenta design tokens como variáveis nomeadas para cor, espaçamento e tipografia. Permite tematização consistente e suporte para modo escuro.