Saltar para o conteúdo
Guia7 min de leitura

Guia de Vídeo de Demonstração Windsurf

Mostre um fluxo de uma construção Windsurf a funcionar, do início ao fim.

Planeie um vídeo de demonstração para uma app construída no Windsurf em torno de um fluxo funcional, com um passo de revisão honesto antes de ir para público.

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.

Um vídeo de demonstração Windsurf começa com a mesma pergunta com que começa qualquer vídeo de demonstração: qual é a única coisa que quer que um estranho compreenda sobre esta app em menos de dois minutos. O Windsurf é um editor de código assistido por IA, e os projetos que ajuda a produzir são apps web normais assim que existem, acessíveis da mesma forma que qualquer outra app web é acessível. As decisões interessantes não são sobre o editor. São sobre qual a tarefa a mostrar, se a construção está protegida por início de sessão, e onde o vídeo terminado vai ser usado, já que um vídeo destinado a uma página de destino e um vídeo destinado a uma publicação de galeria de lançamento são construídos de forma diferente, mesmo quando mostram a mesma app subjacente.

Como o Windsurf não aloja nem publica a app terminada, a primeira decisão real não é criativa. É confirmar qual a rota que um espectador alcançaria hoje, e se essa rota é suficientemente estável para sobreviver a ser gravada, vista, e possivelmente revista por alguém a decidir se clica mais fundo. Saltar essa verificação é a razão mais comum para um vídeo de demonstração Windsurf envelhecer mal poucos dias depois de ser publicado.

Esta página é um ponto de partida, não um briefing terminado para um único destino. Se já sabe para onde vai o vídeo, o guia mais específico vai servir melhor. Um vídeo de página de destino Windsurf é escrito para prova acima da dobra no próprio site da app. Um guia de vídeo de lançamento Windsurf no Product Hunt é escrito para uma galeria de lançamento com as suas próprias restrições de duração e proporção. Um guia de partilha Windsurf com um cliente é escrito para um revisor não técnico que nunca vai clicar numa ligação de pré-visualização. Uma demonstração de portefólio Windsurf é escrita para um responsável de contratação a percorrer uma lista de projetos, e uma apresentação guiada de revisão de app Windsurf é escrita para alguém a verificar se um pedido específico foi concluído. Leia esta página primeiro se ainda não decidiu.

O que conta como um único trabalho que vale a pena mostrar?

Um trabalho é uma única tarefa que um utilizador real da app tentaria concluir, descrita como um início, uma ação e um resultado. Criar um item, concluir um passo de um processo, ou chegar a um ecrã de resumo depois de introduzir dados são todos trabalhos razoáveis. Um tour por todos os menus não é um trabalho, e um vídeo que tenta ser um tour costuma deixar o espectador incapaz de descrever depois o que a app realmente faz.

Ajuda dizer o trabalho em voz alta antes de decidir gravá-lo. Se a frase precisar de "e" mais do que uma vez, é provavelmente dois trabalhos a fingir ser um, e dividi-los em duas gravações mais curtas costuma servir melhor tanto a app como o espectador do que um único vídeo a tentar carregar todo o peso.

Trabalho candidatoBom para uma demonstraçãoMelhor noutro lugar
Criar e ver um registoSim, mostra claramente a entrada e o resultado-
Um ecrã de definições ou configuraçãoRaramente, a menos que a configuração seja o produtoUma apresentação guiada de revisão de app para um pedido específico
A sequência completa de integraçãoRaramente, costuma ser demasiado longaUma peça dedicada de integração ou de transferência de contexto de agente

Se a construção estiver mais próxima de uma ferramenta interna feita para uma equipa do que de um produto voltado para o público, um vídeo de transferência de contexto de agente pode encaixar melhor do que uma demonstração geral, já que o objetivo ali é transferir contexto para a próxima pessoa, em vez de convencer um estranho.

Como se prepara um projeto Windsurf antes de gravar?

Abra a rota implementada você mesmo e complete a tarefa pretendida antes de mais alguém a ver. Os projetos Windsurf, como a maioria das construções assistidas por IA, começam muitas vezes com dados provisórios deixados do scaffolding, e esses dados leem-se como por terminar assim que aparecem no ecrã. Substitua-os por algo que pareça um uso genuíno da app.

  • Confirme que a rota carrega sem um redirecionamento a cair nalgum sítio inesperado.
  • Substitua o texto provisório de scaffolding e os registos de exemplo por algo específico do propósito da app.
  • Decida se o fluxo precisa de início de sessão e prepare uma conta de demonstração se precisar.
  • Cronometre a interação uma vez à mão para que a indicação de fluxo corresponda ao que realmente acontece no ecrã.

Se for necessário início de sessão, pode ser fornecida uma conta de demonstração através do processo normal, em vez de entregar uma real, e no GogoScreen quaisquer credenciais fornecidas são cifradas, utilizadas para uma única renderização e depois eliminadas. 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. Essa distinção importa para quem mostra uma construção que ainda tem outros utilizadores nela.

Vale a pena testar o fluxo em mais do que uma hora do dia se a app depender de algo que muda, como um horário, uma fila ou uma contagem que se atualiza à medida que outras pessoas usam a app. Um vídeo de demonstração captado num momento calmo pode mostrar um estado vazio ou enganador se os dados subjacentes mudarem até alguém ver o vídeo terminado, mesmo que a própria gravação fosse exata no momento em que foi feita.

Como se deve escrever a indicação de uma linha?

  1. Escolha o único trabalho que vale a pena mostrar antes de decidir sobre um formato.
  2. Confirme que a rota é acessível e limpa, sem estado provisório deixado para trás.
  3. Ajuste o formato ao lugar onde o vídeo vai aparecer, já que uma página de destino e uma galeria de lançamento querem coisas diferentes.

Escreva a indicação em linguagem simples, nomeando o ecrã de partida, a ação e o resultado esperado. Evite descrever a app em termos de como foi construída. Um espectador não se importa que a app venha de um editor assistido por IA. Importa-se se a coisa no ecrã resolve um problema que reconhece.

Leia a indicação de novo, uma vez, como se fosse o espectador e não a pessoa que a escreveu. Se uma palavra na indicação não fizer sentido sem já conhecer a app, substitua-a por algo que um visitante de primeira vez consiga seguir, já que a renderização não tem forma de acrescentar contexto que não tenha posto na frase.

Onde pertence o vídeo terminado?

A colocação muda o que o vídeo precisa. Um vídeo de produto para página de destino fica acima da dobra e tem de conquistar atenção nos primeiros segundos sem som. Um vídeo de lançamento SaaS construído por IA é escrito para o momento específico em que um produto gerado se torna público pela primeira vez, em que o público julga a ideia tanto quanto a execução. Um vídeo de demonstração SaaS de agente de IA inclina-se para um público técnico a avaliar se um agente concluiu mesmo uma tarefa corretamente, em vez de apenas produzir um ecrã plausível. Nenhum destes destinos muda a forma como prepara a app. Mudam o que corta e o que mantém em quadro.

Um vídeo de demonstração de app sem código enfrenta uma pergunta relacionada mas distinta, já que uma construção sem código e uma construção assistida por IA em código podem parecer idênticas a um espectador, mesmo que o processo subjacente seja diferente. Em ambos os casos, o vídeo terminado deve descrever o que a app faz, não como foi feita.

O que deve verificar antes de ir para público?

Reveja o candidato face à indicação original. Confirme que o fotograma de abertura dá contexto suficiente por si só, já que muitos espectadores vão ver sem som e sem contexto prévio. Verifique se há texto provisório, estados por terminar, ou qualquer coisa em quadro que não queira que um estranho veja. Aproximadamente uma em cada cinco renderizações precisa de nova tentativa, por isso planeie o calendário tendo isso em conta, em vez de gravar no dia em que algo é devido.

Cada conta nova recebe 60 segundos de vídeo uma única vez, com marca de água, e depois disso o tempo comprado com carregamentos nunca expira e o tempo só é usado quando uma renderização é bem-sucedida. Compare abordagens de gravação com o Screen Studio se estiver a decidir entre uma gravação manual e este fluxo de trabalho, consulte os preços para os planos, percorra o resto da biblioteca de guias e comparações, ou comece pela página inicial do GogoScreen com o URL e a indicação de uma linha sobre os quais todo o fluxo de trabalho corre.

Esclarecimentos

Antes de começar

O que deve mostrar um vídeo de demonstração Windsurf?

Deve mostrar uma tarefa de utilizador concluída dentro da app, de um ponto de partida reconhecível até um resultado visível. Não deve tentar resumir todos os ecrãs que a construção tem.

O Windsurf aloja a app que o vídeo vai mostrar?

Não. O Windsurf é um editor de código. O projeto corre localmente enquanto está a ser construído e só se torna acessível depois de ser implementado num alojamento escolhido em separado, seja um servidor pessoal ou um fornecedor de alojamento.

Um vídeo de demonstração Windsurf é diferente de uma demonstração para outro criador?

O fluxo de trabalho de gravação é o mesmo para qualquer aplicação web acessível. O que muda é a tarefa específica e a categoria de app a mostrar, e é por isso que este guia encaminha para guias específicos de formato para uma página de destino, uma galeria de lançamento ou uma entrega a cliente.

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.