Aula 1: Conceitos Básicos sobre Handoff
Entendemos o contexto e ambiente em que um profissional de design UI/UX atua, e as diferentes equipes em que pode estar inserido. Identificamos o problema comum da discrepância entre o layout projetado e o produto final codificado. Compreendemos as causas desse problema e exploramos formas de corrigi-lo. Conhecemos algumas ferramentas úteis para elaboração do handoff.
Aula 2: Construção do Handoff no Figma
Entendemos a estrutura necessária para montagem do handoff. Criamos uma tabela descritiva com todas as cores presentes no documento. Elaboramos uma tabela com os estilos de fonte utilizados. Especificamos detalhadamente cada componente do sistema.
Aula 3: Foco na Criação do Handoff
Realizamos o handoff dos espaçamentos da tela em questão. Inserimos informações sobre os estilos de cor e de texto na tela de upload de vídeo. Desenvolvemos o fluxo de funcionamento da tela, especificando mensagens de erros e estados diferentes.
Aula 4: Finalização do Handoff Proposto
Criamos uma área de fluxo navegável, indicando como navegar entre as telas do fluxo. Desenvolvemos um protótipo funcional que demonstra essa navegação. Inserimos uma área de assets e detalhamos todos os elementos exportáveis da tela.
Aula 5: Conceitos Finais de Entregas para Equipe de Desenvolvimento
Exploramos o processo de exportação e compartilhamento do documento criado. Assistimos a uma conversa com Matheus Marcus, um profissional de desenvolvimento que analisou os benefícios do projeto. Concluímos o curso, consolidando todos os conhecimentos adquiridos ao longo das aulas. Com isso, encerramos o curso com uma compreensão abrangente e prática do handoff, preparados para aplicar esses conceitos em nossos projetos futuros.
