Curso de Prototipagem Interativa

Aula 1 • Configurando Seu Espaço de Trabalho

Orienta os alunos na configuração de um ambiente profissional de prototipagem com estruturas de arquivo organizadas e bibliotecas compartilhadas. Reduz o atrito de configuração para todos os exercícios subsequentes.

Aula 2 • Panorama de Ferramentas de Prototipagem

Examina as principais categorias de ferramentas de prototipagem e seus pontos fortes principais. Ajuda os alunos a alinhar as capacidades das ferramentas aos requisitos do projeto.

Aula 3 • O que é Prototipagem Interativa

Define a prototipagem dentro do ciclo de vida do design de produto e a distingue de wireframing e mockups. Estabelece o vocabulário usado ao longo do curso.

Aula 1 • Personas e Mapeamento de Cenários

Ensina a criação de personas acionáveis e mapas de cenário que orientam as decisões de conteúdo e fluxo do protótipo. Garante que os protótipos reflitam casos de uso realistas.

Aula 2 • Acessibilidade e Design Inclusivo

Incorpora considerações de acessibilidade nas decisões de protótipo desde o início, abrangendo contraste, alvos de toque e navegação por teclado. Previne retrabalhos onerosos mais adiante no desenvolvimento.

Aula 3 • Pesquisa com Usuários para Escopo do Protótipo

Aborda métodos de pesquisa leves que informam diretamente o escopo do protótipo e as prioridades de interação. Conecta os resultados da pesquisa a requisitos acionáveis do protótipo.

Aula 4 • Entendendo Usuários e Modelos Mentais

Apresenta modelos mentais e como os usuários formam expectativas sobre interfaces. Fundamenta as decisões de protótipo na realidade cognitiva, e não na preferência do designer.

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

Examina os padrões de navegação primária, secundária e utilitária e seus contextos apropriados. Garante que os usuários sempre saibam onde estão e como prosseguir.

Aula 2 • Mapas de Site e Inventários de Conteúdo

Ensina a criação de mapas de site que documentam todas as telas e suas relações. Serve como a referência mestre para vinculação do protótipo e gerenciamento de escopo.

Aula 3 • Diagramas de Fluxo de Tarefas e Fluxo do Usuário

Diferencia fluxos de tarefas de fluxos do usuário e ensina a diagramação de ambos para interações complexas. Os fluxos se tornam o modelo para as conexões de hotspots interativos.

Aula 4 • Conceitos Centrais de Arquitetura da Informação

Abrange hierarquia, taxonomia e sistemas de rotulagem que organizam o conteúdo para facilitar a descoberta. Fornece a espinha dorsal estrutural para toda a navegação do protótipo.

Aula 1 • Wireframing de Modelos de Tela Centrais

Constrói modelos de wireframe reutilizáveis para tipos de tela comuns, como dashboards, formulários e listas. Os modelos reduzem o trabalho redundante em todo o protótipo.

Aula 2 • Iteração Rápida a Partir de Feedback

Estabelece um processo estruturado para incorporar feedback nos wireframes rapidamente, sem perder o histórico de versões. Constrói a disciplina de iteração necessária para o trabalho de alta fidelidade.

Aula 3 • Sistemas de Wireframe Baseados em Componentes

Apresenta princípios de design atômico aplicados a componentes de wireframe para consistência e reuso. Os alunos constroem uma biblioteca de componentes compartilhada que escala entre as telas.

Aula 4 • Técnicas de Prototipagem em Papel

Aborda materiais, convenções de sketching e métodos de facilitação para sessões com protótipo em papel. Estabelece hábitos de priorização de velocidade que aceleram todo o trabalho digital subsequente.

Aula 1 • Design Tokens e Guias de Estilo

Formaliza decisões visuais como design tokens que fazem a ponte entre o protótipo e o handoff para desenvolvimento. Um guia de estilo vivo garante consistência de design em todas as telas do protótipo.

Aula 2 • Sistemas Tipográficos em Protótipos

Estabelece escalas tipográficas, hierarquia e regras de combinação que se traduzem diretamente nas telas do protótipo. Uma tipografia consistente sinaliza profissionalismo e auxilia nos testes de legibilidade.

Aula 3 • Sistemas de Cor e Temas

Constrói paletas de cores estruturadas com tokens primários, secundários, semânticos e neutros. O uso de temas permite a alternância rápida entre modo claro e escuro dentro do protótipo.

Aula 4 • Sistemas de Espaçamento, Grades e Layout

Aplica escalas de espaçamento consistentes e sistemas de grade responsivos a todas as telas do protótipo. Um layout preciso previne problemas de desalinhamento quando os desenvolvedores implementam o design.

Aula 1 • Lógica Condicional e Variáveis

Apresenta variáveis e lógica condicional dentro de ferramentas de prototipagem para simular dados dinâmicos e mudanças de estado. Permite protótipos realistas com múltiplos estados sem escrever código.

Aula 2 • Animações de Transição e Navegação

Projeta transições de tela que reforçam relações espaciais e a hierarquia de navegação. Transições suaves reduzem a carga cognitiva durante as sessões de teste com usuários.

Aula 3 • Padrões de Design de Micro-Interações

Decompõe micro-interações em gatilho, regras, feedback e loops para design sistemático. Os alunos aplicam o framework a botões, alternadores e estados de validação de formulário.

Aula 4 • Princípios de Motion Design

Aborda princípios de easing, duração e coreografia que tornam as animações naturais e propositais. Fundamenta as decisões de movimento na ciência da percepção, e não na preferência estética.

Aula 1 • Teste Remoto e Não Moderado

Aborda ferramentas e protocolos para realizar testes assíncronos remotos em escala. Os testes remotos ampliam a diversidade de participantes e reduzem as restrições de agenda.

Aula 2 • Facilitando Sessões de Teste Moderadas

Ensina técnicas de facilitação que obtêm feedback honesto sem conduzir os participantes. A facilitação qualificada maximiza a qualidade dos dados observacionais coletados.

Aula 3 • Analisando e Sintetizando Dados de Teste

Aplica mapeamento de afinidade e classificação de gravidade para converter observações brutas em descobertas priorizadas. A análise estruturada previne a seleção tendenciosa e garante cobertura abrangente.

Aula 4 • Relatando e Agindo com Base nas Descobertas

Estrutura relatórios de usabilidade para diferentes públicos e traduz descobertas em revisões do protótipo. Fecha o ciclo entre teste e iteração de design.

Aula 1 • Documentação do Design System

Constrói documentação viva para uso de componentes, diretrizes de faça/não faça e fundamentação de padrões. Sistemas documentados permitem implementação consistente entre equipes e produtos.

Aula 2 • Escrita de Anotações e Especificações

Aborda técnicas de anotação inline que documentam comportamento, estados e casos extremos diretamente nas telas do protótipo. Especificações claras reduzem dúvidas dos desenvolvedores e erros de implementação.

Aula 3 • Plataformas e Fluxos de Trabalho de Handoff de Design

Examina recursos de plataformas de handoff, incluindo redlines, inspeção de tokens e threads de comentários. Fluxos de trabalho de handoff eficientes reduzem a comunicação de ida e volta entre design e engenharia.

Aula 4 • Exportação e Otimização de Ativos

Ensina a exportação de ícones, imagens e componentes nos formatos e resoluções corretos para todas as plataformas alvo. Ativos otimizados previnem problemas de renderização na produção.