Curso de Design de Aplicativos

Aula 1 • Panorama do Design Móvel

Aborda a evolução das interfaces móveis e as principais diferenças entre os paradigmas de design do iOS e do Android. Estabelece o vocabulário utilizado ao longo do curso.

Aula 2 • Modelos Mentais do Utilizador Móvel

Explora como os utilizadores formam expectativas sobre o comportamento das aplicações com base na experiência anterior e nas normas da plataforma. Prepara os formandos para conceber interfaces que pareçam intuitivas desde o primeiro uso.

Aula 3 • Fundamentos da Interação Tátil

Apresenta os alvos táteis, o vocabulário de gestos e a ergonomia da zona do polegar como princípios fundamentais da interação móvel. Fundamenta os formandos nas restrições de fatores humanos exclusivas dos ecrãs táteis.

Aula 1 • Métodos de Pesquisa Específicos para Móveis

Aborda estudos diários, pesquisa contextual e observação in situ adequados para captar a utilização móvel em ambientes reais. Destaca como o contexto de uso molda a qualidade dos dados.

Aula 2 • Criação de Personas e Mapas de Jornada

Transforma dados brutos de pesquisa em personas e mapas de jornada móvel que captam o contexto, as emoções e os pontos de atrito. Os resultados servem como artefactos de referência ao longo do processo de design.

Aula 3 • Definição de Objetivos e Perguntas de Pesquisa

Ensina a traduzir um problema de design em perguntas de pesquisa focadas com resultados mensuráveis. Garante que o esforço de pesquisa permanece alinhado com os objetivos do projeto.

Aula 4 • Síntese de Insights em Briefings de Design

Orienta os formandos através do mapeamento de afinidades e da priorização de insights para produzir um briefing de design conciso. Faz a ponte entre os resultados da pesquisa e a fase de ideação que se segue.

Aula 1 • Conceitos Centrais de IA para Móveis

Apresenta a hierarquia, a taxonomia e a rotulagem como os blocos de construção da arquitetura de informação móvel. Estabelece como as decisões de IA afetam a complexidade da navegação.

Aula 2 • Conceção de Pesquisas e Filtros

Aborda a colocação da barra de pesquisa, o comportamento de preenchimento automático e os padrões de IU de filtros para a descoberta de conteúdo em dispositivos móveis. Trata de casos extremos como estados vazios e zero resultados.

Aula 3 • Documentação de Sitemap e Fluxo

Ensina a criação de sitemaps móveis e diagramas de fluxo de tarefas que comunicam a estrutura a programadores e partes interessadas. Padroniza o formato de documentação para a colaboração em equipa.

Aula 4 • Padrões de Navegação Móvel

Analisa barras de separadores, menus de hambúrguer, folhas inferiores e navegação baseada em gestos com as respetivas vantagens e desvantagens. Equipa os formandos para selecionar padrões adequados à profundidade do conteúdo e à frequência de utilização.

Aula 1 • Esboço e Ideação Rápida

Utiliza o esboço em papel e os exercícios Crazy Eights para gerar rapidamente múltiplos conceitos de layout antes de se comprometer com ferramentas digitais. Desenvolve a fluência na ideação e reduz a fixação no design.

Aula 2 • Layout de Ecrã e Sistemas de Grelha

Aplica grelhas de colunas, unidades de espaçamento e grelhas de base para criar layouts móveis consistentes e escaláveis. Relaciona a disciplina da grelha com a precisão na entrega ao programador.

Aula 3 • Revisão e Iteração de Wireframes

Estrutura sessões de crítica utilizando listas de verificação heurísticas para identificar problemas de layout e fluxo em wireframes. Ensina os formandos a priorizar e documentar revisões de forma eficiente.

Aula 4 • Protótipos Clicáveis de Baixa Fidelidade

Liga ecrãs wireframe em protótipos navegáveis para simular fluxos de utilizador principais sem polimento visual. Permite testes de usabilidade precoces antes do início do design visual.

Aula 1 • Iconografia e Imagens

Define o estilo, o dimensionamento e o alinhamento de grelha dos ícones, juntamente com diretrizes para fotografia e ilustração em IU móvel. Garante consistência visual em todos os elementos gráficos.

Aula 2 • Tipografia em Ecrãs Móveis

Aborda a escala tipográfica, a altura da linha e o emparelhamento de tipos otimizados para a legibilidade em ecrãs pequenos em várias condições de iluminação. Estabelece um sistema tipográfico reutilizável em toda a aplicação.

Aula 3 • Hierarquia Visual e Composição de Layout

Aplica os princípios da Gestalt, o contraste e as relações espaciais para direcionar a atenção do utilizador através das composições do ecrã. Traduz a estrutura do wireframe em layouts visualmente apelativos.

Aula 4 • Sistemas de Cor e Temas

Constrói uma paleta de cores estruturada com tokens primários, secundários, semânticos e neutros para uma temática de IU consistente. Aborda os requisitos do modo escuro e de alto contraste.

Aula 1 • Construção de Componentes de IU Principais

Constrói botões, campos de entrada, cartões e elementos de navegação como componentes reutilizáveis com estados e variantes definidos. Estabelece a anatomia dos componentes e as convenções de nomenclatura.

Aula 2 • Fundamentos de Sistemas de Design

Define o que constitui um sistema de design — tokens, componentes, padrões e diretrizes — e o seu valor nas equipas de produto móvel. Distingue um sistema de design de um guia de estilo.

Aula 3 • Documentação e Manutenção do Sistema

Cria diretrizes de utilização, exemplos de «faça e não faça» e fluxos de trabalho de contribuição para manter o sistema de design saudável ao longo do tempo. Aborda os processos de versionamento e descontinuação.

Aula 4 • Tokens de Design e Temas

Implementa tokens de design para cor, espaçamento, tipografia e elevação, permitindo uma temática sistemática e atualizações de marca. Relaciona a arquitetura de tokens com a escalabilidade multiplataforma.

Aula 1 • Animação de Transição e Navegação

Concebe transições de ecrã, animações de elementos partilhados e coreografia de navegação que orientam os utilizadores espacialmente. Aborda curvas de temporização e diretrizes de duração para dispositivos móveis.

Aula 2 • Padrões de Design de Microanimação

Cataloga microanimações para feedback de botões, estados de carregamento, alternadores e validação de formulários que comunicam mudanças de estado. Enfatiza a animação intencional em detrimento do movimento decorativo.

Aula 3 • Prototipagem de Animações em Ferramentas de Design

Constrói protótipos animados utilizando funcionalidades avançadas de prototipagem para simular o comportamento de interação real para teste com utilizadores. Aborda smart animate, estados de componentes e interações de scroll.

Aula 4 • Desempenho e Acessibilidade do Movimento

Avalia os orçamentos de desempenho da animação e as preferências de movimento reduzido para garantir que as animações não prejudicam a usabilidade. Relaciona o design de movimento com os padrões de design inclusivo.

Aula 1 • Teste Moderado e Não Moderado

Compara sessões moderadas presenciais e remotas com testes remotos não moderados para protótipos móveis. Orienta a seleção do método com base no cronograma, orçamento e objetivos de pesquisa.

Aula 2 • Análise de Dados de Teste de Usabilidade

Aplica codificação qualitativa, taxas de conclusão de tarefas e análise de frequência de erros para descobrir resultados de usabilidade acionáveis. Prioriza os problemas por gravidade e frequência.

Aula 3 • Planeamento de Teste de Usabilidade

Define objetivos de teste, cenários de tarefas e métricas de sucesso alinhados com o briefing de design e as perguntas de pesquisa. Produz um documento de plano de teste utilizado para alinhar as partes interessadas.

Aula 4 • Iteração e Preparação para a Entrega

Aplica os resultados do teste para refinar os designs de alta fidelidade e prepara um pacote completo de entrega ao programador com especificações e ativos. Encerra o ciclo de design antes do início da engenharia.