Guia7 min de leitura

Guia de Vídeo de Demonstração para Página de Destino

Mostre um fluxo de produto que mereça o seu lugar na página.

Planeie um vídeo de página de destino que mostre um fluxo de produto, se ajuste ao contexto da página, e tenha uma lista de verificação revisível.

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.

O que deve provar um vídeo de demonstração de página de destino?

Um vídeo de demonstração de página de destino deve provar uma parte da promessa da página antes de um visitante decidir se continua. A sua tarefa não é explicar o produto inteiro, repetir uma narrativa de lançamento, ou substituir o texto da página. É uma peça compacta de prova visível colocada ao lado da pergunta que um visitante já está a fazer.

Para o GogoScreen, a entrada planeada é um URL acessível de aplicação web e uma indicação de uma linha sobre um fluxo. Isso estabelece um método de preparação, não uma afirmação de que toda aplicação funciona ou que uma primeira renderização é utilizável. Aproximadamente uma em cada cinco renderizações pode falhar ou precisar de nova tentativa. Um vídeo de produto para página de destino tem, por isso, de ser revisto como um candidato específico numa posição específica, e não tratado como uma promessa reutilizável sobre todos os resultados futuros.

A área acima da dobra tem uma responsabilidade estreita. Um visitante que apenas percorre o título, a frase de apoio, o visual, e a primeira ação deve compreender o que o produto o ajuda a fazer. O recurso merece esse espaço quando torna a ação prometida concreta mais depressa do que outro parágrafo conseguiria. Se precisar de várias cenas, uma explicação falada, ou um percurso por funcionalidades não relacionadas, pertence mais abaixo na página ou noutro formato.

Como escolher a prova para a colocação acima da dobra?

Comece pela promessa da página, depois escreva a pergunta do visitante numa frase. Por exemplo, a pergunta pode ser se o produto consegue transformar um fluxo de aplicação web num vídeo sem uma sessão de gravação manual. Escolha uma ação visível e um resultado que respondam apenas a essa pergunta. A página pode conter qualificações, contexto de preços, e o próximo passo em texto.

Um bom guião tem três momentos. Primeiro, mostre o suficiente do estado inicial para o visitante saber o que está a ver. Segundo, mostre a ação selecionada. Terceiro, permaneça no resultado visível tempo suficiente para um espectador silenciado o registar. Não acrescente um segundo fluxo de trabalho só porque está disponível. Mais ações podem tornar a primeira prova menos clara.

É por isso que um vídeo de demonstração para colocação em página de destino difere de uma demonstração de produto geral. A decisão de colocação começa com a promessa da página e termina com uma única decisão do visitante. O recurso é avaliado pela relevância para essa decisão, não por quanta superfície de produto consegue cobrir.

Momento	O que o visitante deve compreender	Verificação de colocação
Primeiro fotograma	O contexto de produto relevante	Faz sentido sem som.
Ação selecionada	A ação que sustenta a promessa da página	Permanece visível no tamanho pretendido.
Resultado visível	O resultado que se segue à ação	Permanece no ecrã tempo suficiente para se registar.

O que tem de funcionar quando o vídeo está silenciado?

A reprodução automática silenciada é um comportamento de página, não uma razão para presumir que um visitante vai ativar o áudio. O primeiro fotograma deve identificar o contexto de produto relevante sem depender de uma deixa de narração. A ação deve ser legível no tamanho de visualização pretendido, e o resultado deve permanecer visível em vez de aparecer por um instante antes de o ciclo recomeçar.

Reveja o cartaz separadamente do excerto em movimento. O cartaz tem de estabelecer contexto suficiente para uma ligação lenta, um percurso sem JavaScript, ou um visitante que não espera pela reprodução. Não deve conter texto que se torne ilegível no viewport pretendido. Também deve corresponder ao candidato real em vez de sugerir um resultado que não foi produzido.

O desempenho da página acrescenta uma restrição útil. Um vídeo em ciclo acima da dobra precisa de reprodução automática silenciada, playsinline, comportamento de ciclo, e um cartaz. Mantenha o ficheiro leve: um recurso de vários megabytes pode prejudicar o LCP, e um ficheiro H.264 é normalmente muito mais pequeno do que um GIF do mesmo excerto. É uma regra geral, não prova sobre um recurso não revisto aqui. Verifique o peso final do ficheiro e o comportamento de reprodução na disposição real antes da colocação.

Como devem o texto e a disposição envolventes orientar a decisão?

Escreva o título e o texto de apoio de forma a declararem a promessa sem pedir ao vídeo que faça uma afirmação não verificada. Coloque o recurso ao lado do texto que sustenta. Um visitante não deve precisar de inferir porque é que o excerto ali aparece ou procurar mais abaixo na página pela explicação relevante.

Verifique a página nas larguras pretendidas para computador e telemóvel. Um excerto pode ser claro numa largura grande mas perder a ação quando a sua área disponível se estreita. Reveja se o cartaz corta contexto importante, se os controlos escondem o resultado, e se o movimento compete com a ação principal. Se a página precisar de uma legenda, faça-a descrever o que é visivelmente mostrado em vez de alargar a afirmação.

Use apenas um estado de demonstração controlado. Não mostre uma aplicação de cliente, um URL de cliente, media de cliente, credenciais, nomes, ou identificadores. Se for necessário início de sessão, use uma conta de demonstração descartável através do processo aprovado. Quem escreve o conteúdo não pede, vê, copia, ou grava credenciais.

Quando deve a colocação ser reconsiderada?

Reconsidere a colocação quando a promessa da página mudar. Um vídeo que outrora sustentava a primeira pergunta do visitante pode tornar-se uma distração quando o título, a ação principal, ou o fluxo de produto mudam. A resposta certa não é reescrever o texto próximo até soar compatível. Verifique se a mesma ação e resultado visíveis continuam a responder à pergunta que um novo visitante vê primeiro.

Use a disposição real para essa decisão. Compare o recurso com a frase de apoio, a ação principal, e o cartaz nas larguras pretendidas. Se o vídeo precisar de uma legenda longa para explicar porque pertence ali, a colocação está provavelmente a fazer demasiado. Mova-o para baixo, escolha um fluxo mais estreito, ou mantenha a explicação escrita até um candidato conseguir fazer o ponto com clareza.

Lista de verificação de revisão de colocação

Realize esta lista de verificação contra o candidato real na posição de página proposta. A lista não é prova de que as verificações aconteceram.

O excerto sustenta exatamente a promessa acima da dobra da página.
O primeiro fotograma faz sentido sem som.
Um estado inicial, uma ação, e um resultado visível estão claros no tamanho pretendido.
A reprodução automática silenciada, o comportamento do ciclo, e o comportamento playsinline são verificados na disposição.
O cartaz é legível e não sugere um resultado não visto.
O peso do ficheiro e o desempenho da página são revistos antes de o recurso receber espaço acima da dobra.
O título próximo, a legenda, e a ação descrevem apenas o que o visitante consegue verificar.
Nenhum material de cliente, credencial, URL de cliente, ou media de cliente aparece.
A data de captura, a versão do lançamento, o revisor, o resultado, e qualquer nova tentativa são registados.

Um candidato que falhe um item não se repara com palavras mais fortes. O guia de vídeo de produto para página de destino ajuda a decidir o papel da prova e o contexto envolvente, enquanto o guia de vídeo de demonstração da página inicial verifica a primeira impressão e a promessa de página mais específicas. O guia de incorporação de vídeo de demonstração de produto revê a colocação e o comportamento do leitor depois de o candidato estar pronto, e o guia de vídeo de demonstração de produto sem som verifica se a sua prova visível se sustenta sem áudio. Mude a colocação, reveja o fluxo planeado, ou tente de novo a renderização e reveja o próximo candidato pelos seus próprios factos.

Decisões de lançamento relacionadas

Os outros guias respondem a tarefas diferentes. Leia a preparação de vídeo de lançamento no Product Hunt para um contexto de galeria e submissão, o fluxo de trabalho geral de demonstração SaaS para o processo mais amplo de URL e indicação, a preparação de entrada de vídeo de demonstração de software para preparação de rota acessível, a colocação de recurso de README para leitores de repositório, um vídeo de lançamento de uma alteração para o contexto de notas de lançamento, e um vídeo de demonstração de lançamento para lista de espera para prova atual que se deve manter separada de planos futuros.

Para fluxos de trabalho alternativos, veja GogoScreen e Loom, GogoScreen e Screen Studio, GogoScreen e Clueso, GogoScreen e Guidde, e GogoScreen e Demosmith. Consulte a página inicial, os preços, o centro de guias, o centro de comparações, e a informação de privacidade antes da publicação.

Esclarecimentos

Antes de começar

O que pertence a uma demonstração de página de destino?

Mostre uma única ação de produto visível que sustente a promessa no título e no texto próximos. A página deve explicar o contexto mais amplo.

Onde deve aparecer uma demonstração de página de destino?

Coloque-a onde um visitante precisa de prova antes de dar o próximo passo. Teste a posição proposta com a disposição real da página e o texto envolvente.

O que deve um visitante compreender sem som?

O primeiro fotograma, a ação, e o resultado visível devem fazer sentido sem áudio. Não confie na voz sobreposta para explicar a prova central.

Como deve ser revisto o recurso?

Reveja o candidato exato na sua posição pretendida na página, incluindo o cartaz, a reprodução silenciada, as dimensões, o texto próximo, a privacidade, e qualquer registo de nova tentativa.

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.

Ver preços Ler os guias