Curso de Prototipagem Interativa

Aula 1 • Configuração do Seu Espaço de Trabalho

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

Aula 2 • Panorama das Ferramentas de Prototipagem

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

Aula 3 • O Que É a Prototipagem Interativa

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

Aula 1 • Personas e Mapeamento de Cenários

Ensina a criação de personas acionáveis e mapas de cenários que orientam as decisões de conteúdo e fluxo do protótipo. Garante que os protótipos refletem 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 readaptações dispendiosas mais tarde no desenvolvimento.

Aula 3 • Pesquisa com Utilizadores para Definição de Âmbito do Protótipo

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

Aula 4 • Compreender os Utilizadores e os Modelos Mentais

Apresenta modelos mentais e como os utilizadores formam expectativas sobre as interfaces. Fundamenta as decisões de protótipo na realidade cognitiva, em vez da preferência do designer.

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

Examina os padrões de navegação primária, secundária e utilitária e os seus contextos apropriados. Garante que os utilizadores sabem sempre onde estão e como proceder.

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

Ensina a criação de mapas do site que documentam todos os ecrãs e as suas relações. Serve como a referência principal para a ligação do protótipo e a gestão do âmbito.

Aula 3 • Diagramas de Fluxo de Tarefas e Fluxo do Utilizador

Distingue fluxos de tarefas de fluxos do utilizador e ensina a diagramar ambos para interações complexas. Os fluxos tornam-se o modelo para as ligações de hotspots interativos.

Aula 4 • Conceitos Fundamentais de Arquitetura de Informação

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

Aula 1 • Wireframing de Modelos de Ecrã Principais

Constrói modelos de wireframe reutilizáveis para tipos de ecrã comuns, como painéis de controlo, formulários e listas. Os modelos reduzem o trabalho redundante em todo o protótipo.

Aula 2 • Iteração Rápida a Partir do 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

Introduz princípios de design atómico aplicados a componentes de wireframe para consistência e reutilização. Os estudantes constroem uma biblioteca de componentes partilhada que escala entre ecrãs.

Aula 4 • Técnicas de Prototipagem em Papel

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

Aula 1 • Design Tokens e Guias de Estilo

Formaliza as decisões visuais como design tokens que fazem a ponte entre o protótipo e a entrega para desenvolvimento. Um guia de estilo vivo garante consistência de design em todos os ecrãs do protótipo.

Aula 2 • Sistemas Tipográficos em Protótipos

Estabelece escalas tipográficas, hierarquia e regras de emparelhamento que se traduzem diretamente nos ecrãs do protótipo. A tipografia consistente sinaliza profissionalismo e auxilia o teste de legibilidade.

Aula 3 • Sistemas de Cor e Theming

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

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

Aplica escalas de espaçamento consistentes e sistemas de grelha responsivos a todos os ecrãs do protótipo. O layout preciso previne problemas de desalinhamento quando os programadores implementam o design.

Aula 1 • Lógica Condicional e Variáveis

Introduz variáveis e lógica condicional em 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

Desenha transições de ecrã 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 utilizadores.

Aula 3 • Padrões de Design de Microinteração

Decompõe as microinterações em gatilho, regras, feedback e ciclos para um design sistemático. Os estudantes aplicam o quadro a botões, alternadores e estados de validação de formulários.

Aula 4 • Princípios de Design de Movimento

Abrange princípios de easing, duração e coreografia que tornam as animações naturais e propositadas. Fundamenta as decisões de movimento na ciência da perceção, em vez da preferência estética.

Aula 1 • Teste Remoto e Não Moderado

Abrange ferramentas e protocolos para executar testes remotos assíncronos em escala. O teste remoto expande a diversidade de participantes e reduz as restrições de agendamento.

Aula 2 • Facilitar Sessões de Teste Moderadas

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

Aula 3 • Analisar e Sintetizar Dados de Teste

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

Aula 4 • Reportar e Agir sobre os Resultados

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

Aula 1 • Documentação do Sistema de Design

Constrói documentação viva para o uso de componentes, diretrizes de fazer/não fazer e a fundamentação dos padrões. Os sistemas documentados permitem uma implementação consistente entre equipas e produtos.

Aula 2 • Anotação e Redação de Especificações

Abrange técnicas de anotação inline que documentam comportamento, estados e casos extremos diretamente nos ecrãs do protótipo. Especificações claras reduzem as perguntas do programador e os erros de implementação.

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

Examina as funcionalidades das plataformas de entrega, incluindo redlines, inspeção de tokens e threads de comentários. Fluxos de trabalho de entrega eficientes reduzem a troca de informações entre design e engenharia.

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

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