Ficha 02 · Prototipagem, gatilhos, animação e exportação
Exercício 1 · Fluxo de trabalho NoCode
Explica, com as tuas palavras, para que serve cada um destes conceitos numa ferramenta NoCode: canvas/artboard, camadas (layers), componentes reutilizáveis e propriedades.
Exercício 2 · Do wireframe ao protótipo
Ordena os cinco passos do processo de prototipagem: (i) testar em modo de apresentação; (ii) recriar o wireframe na ferramenta; (iii) definir o tipo de transição; (iv) ligar os ecrãs com conexões de navegação; (v) recolher feedback e ajustar.
Exercício 3 · Gatilhos e ações
Para cada situação, identifica o gatilho e a ação mais adequados: (a) um cartão de produto deve mostrar mais detalhe quando o rato passa por cima, em desktop; (b) um botão "Ver mais" deve revelar texto escondido ao ser tocado, num site mobile; (c) uma secção deve animar-se assim que entra na área visível do ecrã, ao fazer scroll.
Exercício 4 · Diagnosticar um Smart Animate que falha
Um formador criou dois frames em Figma para animar um menu, mas ao testar o Smart Animate, o painel aparece instantaneamente em vez de "crescer" suavemente. O que verificas primeiro, e porquê?
Exercício 5 · Princípios de animação
Um protótipo tem 12 elementos que aparecem todos ao mesmo tempo, com a mesma velocidade e sem qualquer suavização (easing). Explica porque isto é um problema e como aplicarias os princípios de animação para corrigir.
Exercício 6 · Escolher formato de imagem, vídeo e áudio
Indica o formato mais adequado para cada caso e justifica: (a) um logótipo que precisa de escalar sem perder qualidade; (b) uma fotografia de produto; (c) um vídeo de demonstração a incorporar num protótipo; (d) uma narração de voz.
Exercício 7 · Depurar um protótipo
Ao testar um protótipo de 6 ecrãs, encontras: um botão sem qualquer ação associada, um ecrã sem forma de voltar ao anterior, e um vídeo com autoplay e som ligado. Para cada problema, explica o impacto e a correção.
Exercício 8 · Checklist final antes de exportar
Um projeto vai ser exportado para publicação num site e partilhado em rede social. Constrói uma checklist de cinco pontos a verificar antes da exportação final.