# Vídeos de demonstração de produto: mostra tudo em menos de um minuto

[Canonical HTML page](https://gradiently.design/pt-pt/guide/product-demo-video)

As melhores demonstrações não percorrem todas as funcionalidades. Mostram uma pessoa a resolver uma tarefa, depressa. Eis uma estrutura de sessenta segundos, um guião que podes adaptar e os pormenores que o fazem parecer acabado.

## The short version

- Um vídeo de demonstração de produto funciona melhor quando mostra uma tarefa real do problema ao resultado, em vez de um passeio por todas as funcionalidades.
- Menos de um minuto chega para uma demonstração numa página de destino ou num feed social; os tutoriais mais longos pertencem a artigos de ajuda.
- Mostra o resultado nos primeiros segundos, para os espectadores saberem o que vão obter antes de veres como.
- As legendas são essenciais porque as demonstrações de produto costumam ver-se sem som, em páginas de destino e em feeds.
- Faz um corte vertical à parte para vídeo social em vez de cortares a versão panorâmica.

Um bom **vídeo de demonstração de produto** mostra uma pessoa a fazer uma tarefa real com o teu produto, do problema ao resultado final, em menos de um minuto. Abre no resultado, mostra os três ou quatro passos que lá chegam e fecha com uma só ação seguinte. Usa um ecrã limpo, texto legível, legendas para quem vê sem som e um breve cartão de título e de fim com a marca. Resiste ao passeio pelas funcionalidades: os espectadores lembram-se de um resultado, não de um menu.

## Escolhe uma tarefa, não todas as funcionalidades

Antes de abrires qualquer ferramenta de gravação, escreve uma frase: “Um [pessoa] usa [produto] para [obter resultado] em [pouco tempo].” Por exemplo: o dono de um café usa uma aplicação de reservas para preencher uma mesa cancelada em dois minutos. Essa frase é o vídeo todo. Tudo o que não a serve vai para outro vídeo.

### Passeio pelas funcionalidades

- Começa no ecrã de início de sessão
- Visita todos os separadores por ordem
- Explica definições que ninguém pediu
- Acaba com “e muito mais”
- Três minutos e a subir

### Demonstração de uma tarefa

- Começa no resultado final
- Acompanha uma tarefa real, do princípio ao fim
- Mostra só os cliques que importam
- Acaba com um próximo passo claro
- Quarenta a sessenta segundos

## Estrutura de um vídeo de demonstração de produto de 60 segundos

Esta estrutura serve uma página de destino, uma publicação de lançamento ou um email de vendas. Os tempos são uma orientação; o que conta é a ordem.

| Segundos | Momento | O que está no ecrã |
| --- | --- | --- |
| 0 a 5 | O resultado | A coisa acabada: o calendário preenchido, a fatura enviada, a página publicada |
| 5 a 12 | O problema | O antes desarrumado, num só plano, com uma linha de voz ou legenda |
| 12 a 45 | Três ou quatro passos | Só os cliques que fazem a tarefa avançar, pausas cortadas |
| 45 a 55 | De volta ao resultado | O resultado outra vez, agora que os espectadores sabem como foi feito |
| 55 a 60 | Um próximo passo | Um cartão final com uma só ação e o teu endereço |

Resultado, problema, passos, resultado, ação. Mostrar primeiro o resultado dá aos espectadores um motivo para ver os passos.

## Escreve um guião de demonstração que caiba no ecrã

Escreve o guião em duas colunas: o que se diz e o que se mostra. Cada linha de voz deve descrever algo visível nesse momento. Se te ouvires a explicar algo que não está no ecrã, corta a linha ou muda o plano.

```text
FALAR                                MOSTRAR
Sexta, 7pm. Cancela-se uma reserva para seis. Agenda com um espaço vermelho às 7:30
Antes, isso significava mesa vazia.    Mesmo espaço, foto do salão tranquilo
Abre a lista de espera.               Clica em Lista de espera
Escolhe o horário. Toca em Oferecer.  Seleciona 7:30, clica em Oferecer à lista de espera
O primeiro cliente que aceitar fica.  Notificação no telemóvel, toca em Aceitar
Mesa cheia de novo. Dois minutos.     Agenda, espaço preenchido, cronómetro 1:52
Experimenta nas tuas reservas.        Ecrã final: tablefull.app
```

Um guião em duas colunas para uma demonstração de 45 segundos. Cada linha é curta o suficiente para se dizer enquanto a ação acontece.

Lê-o em voz alta com um cronómetro antes de gravar. Se ficar comprido, corta passos inteiros em vez de acelerares a fala.

## Gravar uma demonstração limpa

1. **Prepara dados de demonstração realistas** Enche o produto com nomes, números e imagens credíveis. Estados vazios e “Teste teste 123” fazem um produto parecer por usar.
2. **Arruma e amplia o ecrã** Esconde marcadores e notificações, fecha os outros separadores e aumenta a interface para 125% ou mais, para o texto sobreviver ao ecrã de um telemóvel.
3. **Grava um passo por tomada** As tomadas curtas são fáceis de refazer e cortar. Move o ponteiro devagar e faz uma breve pausa depois de cada clique.
4. **Grava a voz à parte, se puderes** Ler o guião por cima das imagens acabadas dá um ritmo mais suave do que falar enquanto clicas.
5. **Aproxima onde importa** Corta ou amplia o botão ou o campo que está a ser usado, para os espectadores não procurarem por um ambiente de trabalho inteiro.

[Gravação de ecrã](https://gradiently.design/pt-pt/guide/screen-recording-tips) trata em pormenor das permissões, do áudio e do que partilhar.

## Legendas, cartão de título e cartão final

As demonstrações em páginas de destino costumam arrancar sem som, e os feeds também, por isso as legendas levam a história. Mantém cada legenda numa linha curta que corresponda à voz, colocada onde não tape a parte da interface que estás a mostrar. [Legendas em vídeo](https://gradiently.design/pt-pt/guide/video-captions-design) trata do estilo e da colocação.

Abre e fecha a demonstração com dois fotogramas desenhados na tua marca: um cartão de título que nomeia o resultado e um cartão final com uma ação. São o que faz uma captura de ecrã parecer um vídeo de produto e não uma gravação, e são o que as pessoas veem como imagem de capa antes de carregarem em reproduzir.

Um cartão de título 16:9 de demonstração de produto com o texto Preenche uma mesa cancelada em 2 min, sobre um gradiente da marca

O cartão de título nomeia o resultado, não a funcionalidade. Serve também de imagem de capa do vídeo na página de destino.

Um cartão final 16:9 com o texto Experimenta nas tuas reservas, com o endereço do produto por baixo, no mesmo gradiente

O cartão final pede uma só coisa. Dois botões e um perfil social dividem a atenção em três.

## Uma demonstração, todos os sítios

Uma demonstração costuma ter de viver em vários sítios: a página de destino, uma publicação de lançamento, um email de vendas e vídeo social curto. Faz primeiro o corte panorâmico e depois um corte vertical para as redes, com a gravação de ecrã centrada sobre o teu fundo, um título por cima e legendas por baixo. Cortar uma demonstração panorâmica para vertical corta metade da interface.

- Página de destino 1920×1080: 1920 × 1080
- Feed 1080×1350: 1080 × 1350
- Reels e Shorts 1080×1920: 1080 × 1920
- LinkedIn 1200×1200: 1200 × 1200

Quatro lugares para a mesma demonstração. A gravação panorâmica fica dentro de cada formato sobre o teu fundo, em vez de ser cortada.

Num site, comprime o ficheiro, dá ao vídeo uma imagem de capa e deixa os visitantes iniciá-lo eles próprios se tiver som. [Vídeo de fundo num site](https://gradiently.design/pt-pt/guide/video-background-website) explica os tamanhos e os formatos de ficheiro, e [design de páginas de destino](https://gradiently.design/pt-pt/guide/landing-page-design) trata do lugar da demonstração na página. Para as publicações que a anunciam, vê [gráficos para o dia de lançamento de um produto](https://gradiently.design/pt-pt/guide/launch-day-graphics).

## Fazer a demonstração no Gradiently

Com o Pro, podes gravar o ecrã e a tua voz no navegador, rever os clips, cortá-los na linha cronológica do Gradiently, acrescentar legendas e música e desenhar os cartões de título e final sobre o mesmo Mark, para todos os fotogramas condizerem. Faz as versões vertical e quadrada a partir do mesmo design num só passo, e o Designer pode redigir as linhas de legenda e o texto da publicação na voz do teu kit de marca.

## FAQ

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

Menos de um minuto para páginas de destino e vídeo social. Os tutoriais mais longos, de dois a cinco minutos, servem centros de ajuda e chamadas de vendas, onde os espectadores já querem aprender o produto.

### O que deve incluir um vídeo de demonstração de produto?

O resultado logo ao início, o problema num só plano, três ou quatro passos de uma tarefa real, o resultado outra vez e uma só ação seguinte, com legendas do princípio ao fim.

### Um vídeo de demonstração deve ter narração?

Ajuda, mas escreve também legendas, porque as demonstrações em páginas de destino e em feeds costumam passar sem som. O vídeo deve fazer sentido com o som desligado.

### Que tamanho deve ter um vídeo de demonstração de produto?

1920×1080 para sites e YouTube, mais uma versão vertical de 1080×1920 e uma versão de feed de 1080×1350 com a gravação sobre um fundo da marca.