Saltar para o conteúdo
Guia7 min de leitura

Vídeo de Lançamento Figma Make para o Product Hunt

Transforme um protótipo Figma Make num vídeo de galeria que um estranho realmente vai ver.

Prepare um protótipo Figma Make para um vídeo de galeria do Product Hunt, desde a escolha do fluxo até à revisão da renderização antes do dia de lançamento.

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.

Uma galeria do Product Hunt é um lugar estranho para colocar uma demonstração. A maioria dos visitantes percorre uma miniatura em menos de um segundo, com o som desligado, a decidir se toca em reproduzir antes de ter lido sequer uma linha da descrição. Um vídeo de lançamento Figma Make tem de ganhar essa decisão, o que significa que o trabalho é mais restrito do que "mostrar o produto." Tem de mostrar um desfecho reconhecível nos primeiros fotogramas, num formato construído para uma galeria, não para uma página de vendas. A maior parte do trabalho para acertar nisto acontece antes de se gravar seja o que for, ao decidir qual fluxo único merece esse primeiro olhar.

O Figma Make transforma um comando ou um design num protótipo funcional com a sua própria hiperligação de pré-visualização partilhável. Essa hiperligação é normalmente acessível sem conta, uma vez que a maioria das compilações Figma Make são protótipos e não software lançado com uma camada de autenticação real por trás. Isso importa para um vídeo de lançamento porque significa que o fluxo que grava é normalmente o mesmo fluxo que um visitante curioso poderia abrir por si próprio depois de assistir, sem nenhuma barreira de registo entre o vídeo e aquilo que ele retrata. Um visitante que assiste ao vídeo e depois abre a hiperligação deve chegar ao mesmo ecrã inicial, não a uma página bloqueada a pedir que crie uma conta primeiro.

O que deve o vídeo mostrar realmente?

Mostre a única ação que torna verdadeiro o título do produto. Se o slogan do Product Hunt afirma que a ferramenta transforma um esboço numa página funcional, o vídeo deve mostrar um esboço a tornar-se uma página funcional, não um painel de definições ou uma página sobre. Um espectador de galeria está a decidir se a afirmação do slogan é real, e a forma mais rápida de responder é um único antes e depois que consiga ver acontecer.

Resista ao impulso de cobrir tudo o que o protótipo consegue fazer. Uma demonstração de portefólio Figma Make pode permitir-se um tour mais amplo porque o seu espectador já escolheu olhar mais de perto. Um espectador de galeria do Product Hunt ainda não fez essa escolha, e um vídeo longo e pouco focado é lido como inacabado, não como completo.

Momento de lançamentoO que o espectador da galeria precisaO que deixar de fora
Primeiros dois segundosAlgo já a mudar no ecrãUm ecrã de logótipo ou um indicador de carregamento
MeioA única ação que o slogan prometeDefinições, ecrãs de administração, menus não relacionados
Último fotogramaUm resultado que o espectador consegue avaliar sem somUma chamada para ação que precisa de áudio para resultar

Como muda a hiperligação de pré-visualização Figma Make a preparação?

Como uma pré-visualização Figma Make é normalmente acessível sem início de sessão, o passo de preparação está mais próximo de abrir uma hiperligação do que de organizar credenciais. Abra o URL de pré-visualização exato que planeia submeter, sem preparação prévia, da forma como um estranho chegaria a ele a partir da galeria. Observe as mesmas interrupções que qualquer aplicação web acessível pode produzir: um estado vazio sem nada preenchido, um ecrã de carregamento que demora demasiado tempo, ou um elemento de design ainda com aspeto de rascunho que nunca deveria ter sido gravado.

Se alguma parte do fluxo precisar mesmo de dados reais para parecer convincente, preencha-a com conteúdo de marcador de posição que seja obviamente não um registo real de cliente. Um protótipo com uma tabela vazia ou uma tela em branco não diz nada ao espectador sobre a afirmação no slogan.

  • Abra a hiperligação de pré-visualização sem contexto prévio, exatamente como um visitante da galeria faria.
  • Preencha qualquer lista, tabela ou tela com conteúdo que não seja dados reais de um cliente.
  • Verifique se o fluxo se conclui sem um redirecionamento de volta a um ecrã inicial.
  • Confirme que nenhum elemento de design em rascunho ou inacabado está dentro do fotograma que planeia submeter.

Os três passos seguintes mantêm-se iguais independentemente do fluxo que escolher:

  1. Escolha o único fluxo que prova a afirmação do título do produto, não um tour do protótipo.
  2. Abra a hiperligação de pré-visualização da forma como um visitante do Product Hunt faria, sem contexto prévio e sem início de sessão.
  3. Submeta a renderização cedo e reveja o candidato em relação ao fluxo antes de o carregar para a galeria.

O que precisa o GogoScreen para construir o vídeo?

O GogoScreen recebe o URL de pré-visualização e uma linha a descrever o que mostrar, e devolve um MP4 narrado e editado cerca de dois minutos depois. A edição inclui aproximações no clique que importa, suavização do cursor para que o movimento seja lido de forma limpa no tamanho pequeno da galeria, cortes de tempos mortos, e legendas fixas para o caso de reprodução automática sem som. Nada disso substitui escolher primeiro o fluxo certo. Uma gravação bem feita da ação errada continua a falhar o teste da galeria, e nenhuma quantidade de polimento de edição vai fazer um fluxo pouco focado ler-se como uma afirmação de produto clara.

Escreva a indicação da forma como orientaria uma pessoa atrás de si com uma câmara. Nomeie o ecrã inicial, a ação única e o resultado que espera ver visível no final. Uma indicação como "a partir da tela vazia, gerar a disposição e mostrar a página concluída" dá a um revisor algo concreto para verificar em relação à renderização concluída, enquanto uma indicação vaga convida a renderização a vaguear para ecrãs que não servem o lançamento. Mantenha o texto da indicação consistente com os rótulos realmente visíveis no protótipo, uma vez que uma desconformidade entre a indicação e a interface é uma das razões mais comuns para um primeiro candidato falhar o alvo.

Como rever o candidato antes do dia de lançamento?

Compare o MP4 concluído com a indicação que escreveu e o fluxo que testou manualmente. Confirme que o fotograma de abertura mostra algo já em movimento, que o meio mostra exatamente a ação do slogan, e que o fotograma de fecho se lê com clareza com o som desligado. Verifique as legendas em relação ao que realmente aconteceu no ecrã, uma vez que uma desconformidade de narração é o tipo de pequeno erro que uma multidão do dia de lançamento vai notar e mencionar nos comentários.

Incorpore uma margem de nova tentativa antes de precisar do ficheiro. Aproximadamente uma em cada cinco renderizações falha completamente ou precisa de uma segunda tentativa com uma indicação mais restrita ou um estado inicial mais limpo, e o tempo só é usado quando uma renderização é bem-sucedida, por isso uma tentativa falhada só custa a espera. O guia de falha de renderização de vídeo de demonstração percorre a menor alteração a tentar primeiro em vez de submeter novamente a mesma indicação. Submeter dois ou três dias antes do lançamento, em vez de na noite anterior, é o que transforma essa taxa de nova tentativa de um risco num não problema.

Assim que a renderização estiver aprovada, trate-a da mesma forma que qualquer outro recurso de lançamento: verifique-a em relação a uma revisão ao estilo da lista de verificação de lançamento no Product Hunt para um produto de agente de IA, e certifique-se de que um fundador não técnico a ler a galeria consegue acompanhar o fluxo sem já precisar de compreender o criador por trás.

Onde mais aparece este fluxo?

A mesma hiperligação de pré-visualização normalmente precisa de ir mais longe do que a publicação na galeria. Um vídeo de demonstração de aplicação em staging usa uma disciplina de abertura sem preparação semelhante para um público interno em vez de público. Assim que o lançamento estiver ativo, o recurso seguinte de que a maioria dos criadores precisa é prova que consigam entregar a alguém que não vai clicar numa hiperligação de pré-visualização de todo, o que é a tarefa coberta em partilhar um projeto Figma Make com um cliente, e a versão para revisor do mesmo problema está na apresentação guiada de revisão de aplicação Figma Make.

Criadores a comparar plataformas para esta tarefa exata devem também ver o que um vídeo de demonstração Bubble e um vídeo de página de destino Bubble exigem, uma vez que os dois criadores diferem em saber se a aplicação subjacente espera um início de sessão. Para uma entrega de lançamento a outra pessoa da equipa, o guia de vídeo de entrega de agente cobre o que essa pessoa precisa de ver antes de assumir a responsabilidade. Para uma comparação direta de ferramentas de gravação, leia GogoScreen versus Loom. Comece pela página inicial do GogoScreen, verifique os preços antes de submeter uma renderização, explore a biblioteca de guias completa para recursos de lançamento adjacentes, ou veja o resto das comparações com outras ferramentas desta categoria.

Esclarecimentos

Antes de começar

Um protótipo Figma Make precisa de início de sessão para um vídeo do Product Hunt?

Normalmente não. Uma compilação Figma Make é tipicamente um protótipo funcional acessível numa hiperligação de pré-visualização partilhada, sem um sistema de contas real por trás, por isso a maioria dos fluxos de lançamento pode ser gravada sem qualquer credencial.

Que duração deve ter o vídeo de galeria do Product Hunt?

Mantenha-o curto e focado num fluxo. A galeria corta e reproduz automaticamente sem som por predefinição, por isso os segundos de abertura carregam o peso, não uma apresentação guiada longa de todos os ecrãs.

E se a renderização falhar no dia anterior ao lançamento?

Aproximadamente uma em cada cinco renderizações falha ou precisa de nova tentativa, por isso submeta cedo e deixe um dia de folga. Uma renderização falhada devolve automaticamente o tempo reservado, sem necessidade de ticket.

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.