Saltar para o conteúdo
Guia6 min de leitura

Vídeo de Demonstração Bubble

Mostrar um fluxo real de uma aplicação Bubble, início de sessão incluído.

Gravar um fluxo funcional de uma aplicação Bubble, com o início de sessão que a maioria espera, sem o transformar num percurso pelas funcionalidades.

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.

As aplicações Bubble tendem a parecer diferentes de outros resultados sem código assim que se passa da página de destino. Enquanto alguns construtores geram um protótipo destinado a ser explorado livremente, uma aplicação Bubble é frequentemente construída como um produto real, apoiado em base de dados, desde o início, completo com contas de utilizador, registos guardados, e fluxos de trabalho que dependem de um estado com sessão iniciada. Isso muda a pergunta do vídeo de demonstração. A parte interessante de uma aplicação Bubble muitas vezes não é a página de marketing. É a coisa por trás do início de sessão que a página de marketing está a tentar vender. Um espectador que só vê a página de destino não tem forma de avaliar se o produto real cumpre aquilo que essa página promete.

Um vídeo de demonstração tem de ter isso em conta. Onde um construtor que produz protótipos sem estado consegue normalmente gravar diretamente a partir de um link de pré-visualização público, uma demonstração Bubble precisa muitas vezes de uma conta preparada, já com dados, para mostrar algo com sentido. Isto não é tanto uma limitação como um reflexo daquilo para que o Bubble costuma ser usado: ferramentas com utilizadores reais, registos reais, e fluxos de trabalho que só fazem sentido depois de alguém ter iniciado sessão. Planear essa configuração de conta antes da gravação é o hábito mais útil que um criador Bubble pode trazer para este processo, já que elimina a maior fonte de uma primeira tentativa desperdiçada.

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

Escolha o único fluxo de trabalho mais próximo do motivo pelo qual alguém usaria a aplicação. Se for uma ferramenta de gestão de projetos, pode ser criar uma tarefa e movê-la por um estado. Se for um mercado, pode ser listar um item e vê-lo aparecer para um comprador. Seja qual for o ciclo principal, esse ciclo é a demonstração, não um percurso por todas as páginas acessíveis a partir da navegação principal.

Escolha de demonstraçãoPorque funcionaO que salta
O fluxo de trabalho principal à volta do qual a aplicação é construídaProva a razão de existir do produtoTodas as páginas de definições secundárias
Um estado com sessão iniciada e dados com aparência realMostra o que um utilizador realmente vêUma conta vazia com nada preenchido
Um início, ação e resultado clarosDá ao espectador algo para avaliarUm percurso vagamente narrado pela aplicação

Um vídeo acima da dobra para a página de destino precisa de uma versão mais curta e mais polida da mesma ideia, e um vídeo de galeria de lançamento precisa de conquistar a atenção de um estranho que passa por ele em menos de um segundo. Este vídeo de demonstração geral fica entre os dois: suficientemente longo para provar corretamente o fluxo de trabalho principal, suficientemente focado para continuar a ler-se como uma história clara, e não uma lista de funcionalidades. É muitas vezes o material de origem a partir do qual os dois formatos mais curtos são recortados, o que é mais um motivo para acertar aqui primeiro no fluxo de trabalho principal.

Como se prepara uma aplicação Bubble que exige início de sessão?

Se o fluxo de trabalho principal estiver por trás de uma conta, como costuma acontecer no Bubble, configure uma conta de demonstração com dados que apoiem a história, e não uma nova inscrição vazia. Uma conta recém-criada sem nada nela obriga o vídeo a gastar os seus momentos iniciais na configuração em vez de no próprio fluxo de trabalho. Preencha antecipadamente os registos de que o fluxo de trabalho depende, usando dados que claramente não são informação de um cliente real.

  • Configure uma conta de demonstração com registos já preenchidos, e não uma nova inscrição vazia.
  • Confirme que o próprio fluxo de início de sessão se conclui sem um passo inesperado, como um ecrã de verificação de email.
  • Remova ou evite qualquer coisa que se pareça com dados reais de clientes ou utilizadores.
  • Teste manualmente o fluxo completo antes de escrever a indicação para a renderização.

No GogoScreen, as credenciais de início de sessão fornecidas são cifradas, utilizadas para uma única renderização, e depois eliminadas, por isso quem escreve a indicação não precisa de gerir a própria credencial. 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. Este detalhe de tratamento importa aqui especificamente porque um vídeo de demonstração para uma aplicação Bubble tem mais probabilidade do que a maioria de precisar de um passo de início de sessão. Decidir cedo a configuração da conta de demonstração também dá à equipa a oportunidade de detetar um fluxo de trabalho avariado antes do dia da renderização, em vez de o descobrir só quando o vídeo já voltou e algo nele não corresponde ao esperado.

O que vai na indicação?

Declare o ecrã inicial, seja a página de início de sessão ou um painel já alcançado, a ação que importa, e o resultado esperado. "A partir do painel, criar uma nova tarefa e mostrá-la a aparecer na lista ativa" é suficientemente concreto para a renderização do GogoScreen seguir, e suficientemente específico para um revisor verificar o ficheiro terminado em relação a ele. Uma indicação vaga como "mostrar a aplicação" convida a renderização a vaguear por páginas de definições que não servem a história.

Siga os três passos abaixo por ordem sempre que uma nova demonstração Bubble precisar de sair:

  1. Escolha o único fluxo de trabalho na aplicação que melhor prova o que ela faz.
  2. Configure uma conta de demonstração com dados seguros se o fluxo de trabalho estiver por trás de um início de sessão.
  3. Escreva uma indicação a nomear o início, a ação, e o resultado, e depois verifique o vídeo renderizado em relação a ela.

O GogoScreen devolve um MP4 narrado e editado, construído a partir da indicação, com zooms sobre os cliques relevantes, suavização do cursor, cortes de tempos mortos, e legendas. Aproximadamente uma em cada cinco renderizações falha ou precisa de nova tentativa, e o tempo só é usado quando uma renderização é bem-sucedida, por isso deixe tempo para uma segunda tentativa, em vez de tratar a primeira renderização como garantida.

Onde se encaixa isto com os guias relacionados?

Para uma versão mais curta e acima da dobra desta mesma aplicação, veja o guia do vídeo de página de destino Bubble. Para uma versão específica de lançamento construída para um público de galeria, veja o guia do vídeo de lançamento Bubble no Product Hunt. Para entregar a construção a um revisor não técnico, veja partilhar um projeto Bubble com um cliente e o guia de demonstração de portefólio Bubble, e para a versão de aprovação interna, a apresentação guiada de revisão de aplicação Bubble.

Um vídeo de demonstração de lançamento de agente de IA e uma demonstração de página de destino de agente de IA cobrem um formato de lançamento relacionado para produtos de agentes, enquanto um vídeo de demonstração de resultado de teste de agente de IA é útil quando o fluxo de trabalho a provar está mais próximo de um resultado de teste do que de uma jornada de utilizador. A lista de verificação do vídeo de demonstração SaaS é uma boa última passagem antes de publicar, e um vídeo de changelog cobre a tarefa mais restrita de provar uma alteração específica já lançada, em vez da aplicação inteira. Para uma comparação de ferramentas de gravação, leia GogoScreen contra Clueso. Comece pela página inicial do GogoScreen, consulte os preços, percorra a biblioteca de guias, ou veja o resto das comparações.

Esclarecimentos

Antes de começar

Um vídeo de demonstração Bubble precisa de mostrar um início de sessão?

Muitas vezes sim. As aplicações Bubble são normalmente construídas com uma base de dados e um sistema de contas real desde o início, por isso o fluxo que vale a pena demonstrar está frequentemente por trás de um início de sessão, e não numa página de destino pública.

O GogoScreen consegue gravar uma aplicação Bubble que exige conta?

Sim, usando uma conta de demonstração fornecida para o percurso protegido por início de sessão. No GogoScreen, as credenciais 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.

Que duração deve ter um vídeo de demonstração Bubble?

O suficiente para mostrar uma tarefa desde um ponto de partida claro até um resultado visível, e nada mais do que isso. Um vídeo curto e focado à volta de um fluxo de trabalho é mais fácil de avaliar para um espectador do que um percurso longo por todas as páginas da aplicaçã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.