Saltar para o conteúdo
Guia6 min de leitura

Vídeo de Página de Destino Figma Make

Prove que um fluxo Figma Make aguenta antes de o colocar acima da dobra.

Construa a prova acima da dobra da página Figma Make em torno de um fluxo confirmado a funcionar numa segunda visita, não apenas na primeira.

Ver como funcionaOs primeiros 60 segundos de vídeo são gratuitos, com marca de água. Verifique o seu correio eletrónico para o descarregar.

A página de destino de uma aplicação Figma Make carrega um risco específico que a página de destino de uma aplicação construída à mão não tem: o fluxo que parece convincente numa revisão de design pode ser uma interação visual em vez de uma funcionalidade totalmente funcional por trás. Antes de esse fluxo entrar no vídeo colocado acima da dobra, onde vai ser julgado por estranhos a decidir se confiam no produto, vale a pena confirmar exatamente o que ele faz.

O GogoScreen constrói este tipo de vídeo a partir do URL de uma aplicação web e de uma indicação de uma linha sobre o que mostrar, devolvendo um MP4 narrado e editado com aproximações ao clicar, suavização do cursor, tempos mortos removidos e legendas fixas. Pode usar-se uma conta de demonstração se o fluxo estiver atrás de um início de sessão, embora muitas compilações Figma Make sejam publicadas sem gestão de contas, uma vez que são frequentemente geradas para fins de design ou de protótipo. Nada disto garante que uma primeira renderização vai ser utilizável. O tempo de revisão pertence ao calendário antes de o vídeo ir ao ar.

A afirmação do título sobrevive a um segundo olhar?

Leia o título da página de destino, depois abra a aplicação e experimente exatamente a ação que o título sugere. Atualize a página a seguir e verifique se o resultado ainda lá está. Se o título prometer que algo é guardado, seguido ou lembrado, e a compilação subjacente não persistir realmente esse estado, o vídeo precisa de escolher uma ação diferente ou o texto da página precisa de ser revisto para corresponder ao que a aplicação realmente faz. Um vídeo não pode mostrar responsavelmente algo como funcional se o estado desaparece assim que a página recarrega.

Elemento da página de destinoO que o vídeo deve confirmarO que o compromete aqui especificamente
TítuloA ação principal, a acontecer realmente e a aguentar uma atualizaçãoUma interação apenas visual apresentada como um resultado guardado
SubtítuloQualquer qualificador sobre persistência ou acesso de contaUm fluxo de conta que a compilação não inclui realmente
Chamada para açãoUm resultado que um novo visitante obteria mesmoUm resultado que só apareceu uma vez durante os testes de design

A disciplina de confirmar afirmações antes de irem ao ar é útil aqui, e importa ainda mais para um protótipo gerado do que para um produto construído à mão.

Quanto do início de sessão deve ser visível, se existir?

Algumas compilações Figma Make incluem mesmo um início de sessão, particularmente as construídas como aplicações mais completas em vez de protótipos puros. Se existir um início de sessão, decida se mostrá-lo ajuda ou apenas acrescenta atrito a um vídeo de página de destino curto. Se não existir nenhum início de sessão, não escreva uma indicação que presuma um, uma vez que simplesmente não vai corresponder à rota.

Seja qual for o caso, use uma conta de demonstração criada especificamente para a gravação em vez de um início de sessão pessoal, e nunca as credenciais reais de um cliente. No GogoScreen, as credenciais fornecidas são cifradas, utilizadas para uma única renderização e depois eliminadas, o que é a descrição exata e precisa dessa gestão. Se for planeado primeiro um storyboard, as credenciais ficam cifradas durante essa sessão e são eliminadas, no máximo, duas horas após a última utilização.

O que deve conter o fotograma de abertura?

Os primeiros dois ou três segundos carregam mais peso acima da dobra, uma vez que muitos visitantes decidem se continuam a percorrer a página antes disso. Abra num estado que já pareça o produto a fazer o seu trabalho, preparado com antecedência em vez de deixado no estado predefinido em que a compilação começa.

  • Confirme que a ação escolhida aguenta numa segunda passagem, não apenas na primeira.
  • Remova qualquer texto de marcador de posição ou lorem ipsum que tenha sobrado do processo de design.
  • Verifique se os dados visíveis parecem um exemplo plausível, não um preenchimento fabricado.
  • Certifique-se de que a chamada para ação da página e o resultado do vídeo apontam para o mesmo desfecho.

Em que difere isto de um vídeo de demonstração geral?

Um vídeo de demonstração Figma Make geral pode permitir-se mais contexto e um ritmo mais lento, uma vez que um visitante que clicou para o ver já demonstrou intenção. A colocação na página de destino precisa de ser mais curta e dirigida a provar exatamente uma afirmação. Escrever a indicação da página de destino como uma versão reduzida da indicação de demonstração geral, depois de ambos os fluxos terem sido confirmados a comportar-se de forma consistente, mantém os dois recursos alinhados sem duplicar o trabalho de verificação.

E se o design e a compilação funcional discordarem?

Uma aplicação Figma Make por vezes carrega uma lacuna visível entre o que um ecrã foi concebido para sugerir e o que a interação gerada realmente entrega, uma vez que a ferramenta trabalha a partir de uma intenção de design que a engenharia nem sempre alcançou por completo. Quando essa lacuna surge durante a passagem de confirmação, trate-a como informação sobre o estado atual da compilação, em vez de algo para contornar na gravação. Escolher uma ação diferente que a compilação realmente suporte é um melhor uso do tempo do que tentar enquadrar a câmara, por assim dizer, em torno de uma funcionalidade que só funciona pela metade.

Se a lacuna estiver entre o texto da página de destino e a compilação, em vez de dentro da própria compilação, a correção mais rápida é normalmente ajustar o texto em vez do vídeo. Um título de página de destino escrito antes de a compilação estar concluída pode desalinhar-se com o que realmente foi lançado, e um vídeo é uma ferramenta fraca para disfarçar essa deriva, uma vez que um visitante atento acabará por notar a discrepância por si próprio.

Qual é a versão curta deste processo?

  1. Confirme que o fluxo escolhido se comporta da mesma forma numa segunda visita antes de construir a indicação em torno dele.
  2. Reduza a rota gravada exatamente à ação que o título promete, sem nada a mais incluído.
  3. Verifique o candidato concluído em relação ao próprio título da página antes de o colocar acima da dobra.

O que deve verificar antes de publicar acima da dobra?

Reproduza o vídeo concluído junto ao texto da página e pergunte se alguém que nunca tinha visto o produto concordaria que o título foi demonstrado, não apenas sugerido. Se for precisa uma nova tentativa, isso é normal: aproximadamente uma em cada cinco renderizações precisa de uma. Cada conta nova recebe 60 segundos de vídeo uma única vez, com marca de água, com verificação de correio eletrónico exigida para o descarregar, o que muitas vezes convém bem a esta colocação. Além dos 60 segundos gratuitos, os vídeos usam tempo de um plano ou de um carregamento, e o tempo só é usado quando uma renderização é realmente bem-sucedida.

Onde se encaixam as outras páginas Figma Make?

Assim que o vídeo da página de destino estiver definido, a mesma compilação normalmente precisa de outros recursos para outras tarefas. Um vídeo de lançamento para o Product Hunt tem as suas próprias restrições de galeria. Entregar a compilação a um revisor não técnico está coberto no guia sobre como partilhar um projeto Figma Make com um cliente. Uma entrada de portefólio normalmente quer a interface mostrada em funcionamento para um público diferente, e uma apresentação guiada de revisão enquadra o mesmo fluxo em torno de saber se a compilação fez o que foi pedido.

Para a mesma tarefa num criador comparável, o guia de vídeo de demonstração Bubble cobre uma plataforma com predefinições diferentes em torno da persistência e das contas, útil se a mesma equipa estiver a comparar plataformas de criação. Guias de colocação relacionados incluem o guia de vídeo de demonstração de produto para README, o guia de vídeo de demonstração de anúncio de produto, o guia de vídeo de demonstração de produto incorporado, o guia de vídeo de entrega de lançamento do agente de IA, e o guia de vídeo de demonstração de aplicação criada por agente. Compare opções de URL direto em GogoScreen versus Screen Studio, verifique os preços, ou explore o resto dos guias e das comparações a partir da página inicial.

Esclarecimentos

Antes de começar

O que pertence acima da dobra na página de destino de uma aplicação Figma Make?

Um vídeo curto do fluxo que melhor prova a promessa do título, confirmado manualmente para se comportar de forma consistente e não apenas parecer correto numa única passagem.

O vídeo da página de destino deve mencionar que a aplicação foi construída com o Figma Make?

Essa é uma decisão de texto da página separada do vídeo. O trabalho do vídeo é mostrar o fluxo a funcionar, independentemente de como a página envolvente discute a ferramenta usada para o construir.

Quanto tempo deve durar o vídeo acima da dobra?

Curto o suficiente para ser visto antes de percorrer a página. Cada conta nova recebe 60 segundos de vídeo uma única vez, com marca de água, o que é um limite razoável para esta colocação.

Cole um URL, descreva um fluxo e obtenha um vídeo de demonstração da sua aplicação web.

Os primeiros 60 segundos de vídeo são gratuitos, com marca de água. Verifique o seu correio eletrónico para descarregar o vídeo.