Curso de Design de Aplicativos Móveis

Aula 1 • Visão Geral do Cenário de Design Mobile

Aborda a evolução das interfaces mobile 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 Usuário Mobile

Explora como os usuários formam expectativas sobre o comportamento do aplicativo com base na experiência anterior e nas normas da plataforma. Prepara os alunos para projetar interfaces que pareçam intuitivas desde o primeiro uso.

Aula 3 • Fundamentos da Interação por Toque

Apresenta os alvos de toque, o vocabulário de gestos e a ergonomia da zona do polegar como princípios centrais de interação mobile. Fundamenta os alunos nas restrições de fatores humanos exclusivas das telas sensíveis ao toque.

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

Aborda estudos de diário, pesquisa contextual e observação in situ adequados para capturar o uso mobile em ambientes reais. Destaca como o contexto de uso molda a qualidade dos dados.

Aula 2 • Personas e Mapeamento de Jornada

Transforma dados brutos de pesquisa em personas e mapas de jornada mobile que capturam contexto, emoções e pontos de atrito. Os resultados servem como artefatos de referência ao longo do processo de design.

Aula 3 • Alinhamento de stakeholders nas metas de pesquisa

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

Aula 4 • Briefing de Design

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

Aula 1 • Conceitos Centrais de IA para Mobile

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

Aula 2 • Projetando Busca e Filtros

Aborda o posicionamento da barra de busca, o comportamento de autocomplete e os padrões de UI de filtro para descoberta de conteúdo mobile. Trata de casos extremos como estados vazios e zero resultados.

Aula 3 • Documentação de Sitemap e Fluxo

Ensina a criação de sitemaps mobile e diagramas de fluxo de tarefas que comunicam a estrutura para desenvolvedores e stakeholders. Padroniza o formato de documentação para colaboração em equipe.

Aula 4 • Padrões de Navegação Mobile

Examina barras de abas, menus hambúrguer, bottom sheets e navegação baseada em gestos com as vantagens e desvantagens de cada um. Capacita os alunos a selecionar padrões apropriados para a profundidade do conteúdo e a frequência de uso.

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

Usa sketching em papel e exercícios Crazy Eights para gerar rapidamente múltiplos conceitos de layout antes de se comprometer com ferramentas digitais. Desenvolve fluência de ideação e reduz a fixação em uma única solução.

Aula 2 • Sistemas de Layout e Grid

Aplica grids de colunas, unidades de espaçamento e grids de base para criar layouts mobile consistentes e escaláveis. Conecta a disciplina de grid à precisão do handoff para desenvolvedores.

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

Estrutura sessões de crítica usando checklists heurísticas para identificar problemas de layout e fluxo em wireframes. Ensina os alunos a priorizar e documentar revisões de forma eficiente.

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

Conecta telas de wireframe em protótipos navegáveis para simular fluxos de usuário principais sem polimento visual. Permite testes de usabilidade precoces antes do início do design visual.

Aula 1 • Iconografia e Imagens

Define estilo, dimensionamento e alinhamento de grade de ícones, juntamente com diretrizes para fotografia e ilustração em UI mobile. Garante consistência visual em todos os elementos gráficos.

Aula 2 • Tipografia em Telas Mobile

Aborda escala tipográfica, altura da linha e combinação de fontes otimizadas para legibilidade em telas pequenas em diferentes condições de iluminação. Estabelece um sistema tipográfico reutilizável em todo o aplicativo.

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

Aplica princípios da Gestalt, contraste e relações espaciais para direcionar a atenção do usuário através das composições de tela. Traduz a estrutura do wireframe em layouts visualmente atraentes.

Aula 4 • Sistemas de Cores e Temas

Constrói uma paleta de cores estruturada com tokens primários, secundários, semânticos e neutros para temas de UI consistentes. Aborda os requisitos de modo escuro e alto contraste.

Aula 1 • Construindo Componentes Centrais de UI

Constrói botões, inputs, cards 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 Design System

Define o que constitui um design system — tokens, componentes, padrões e diretrizes — e seu valor em equipes de produto mobile. Distingue um design system de um guia de estilo.

Aula 3 • Documentando e Mantendo o Sistema

Cria diretrizes de uso, exemplos de certo e errado e fluxos de trabalho de contribuição para manter o design system saudável ao longo do tempo. Aborda processos de versionamento e descontinuação.

Aula 4 • Design Tokens e Temas

Implementa design tokens para cor, espaçamento, tipografia e elevação para permitir temas e atualizações de marca sistemáticos. Conecta a arquitetura de tokens à escalabilidade multiplataforma.

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

Projeta transições de tela, animações de elementos compartilhados e coreografia de navegação que orientam os usuários espacialmente. Aborda curvas de temporização e diretrizes de duração para mobile.

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

Cataloga microanimações para feedback de botões, estados de carregamento, alternâncias e validação de formulário que comunicam mudanças de estado. Enfatiza animações com propósito em detrimento de movimento decorativo.

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

Constrói protótipos animados usando recursos avançados de prototipagem para simular o comportamento de interação real para testes com usuários. Aborda smart animate, estados de componentes e interações de scroll.

Aula 4 • Desempenho e Acessibilidade do Movimento

Avalia orçamentos de desempenho de animação e preferências de movimento reduzido para garantir que as animações não prejudiquem a usabilidade. Conecta o design de movimento aos 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 mobile. Orienta a seleção do método com base no cronograma, orçamento e objetivos da pesquisa.

Aula 2 • Analisando 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 descobertas de usabilidade acionáveis. Prioriza problemas por gravidade e frequência.

Aula 3 • Stakeholders

Define objetivos de teste, cenários de tarefas e métricas de sucesso alinhados ao briefing de design e às perguntas de pesquisa. Produz um documento de plano de teste usado para alinhar stakeholders.

Aula 4 • Iterando e se Preparando para o Handoff

Aplica as descobertas do teste para refinar os designs de alta fidelidade e prepara um pacote completo de handoff para desenvolvedores com especificações e assets. Fecha o ciclo de design antes do início da engenharia.