Como fazer um screencast para o seu site

Ter um vídeo em seu website pode melhorar muito sua taxa de conversão. Se o objetivo é que os usuários se inscrevam no seu aplicativo da Web ou façam com que os usuários entrem em contato com você por meio de um formulário da Web, um vídeo aumenta a probabilidade de isso acontecer.

Você só precisa acessar a página inicial de qualquer nova inicialização baseada na Internet e verá um vídeo incorporado com uma frase de chamariz muito grande chamando você para reproduzir sua introdução em vídeo de dois ou três minutos.

Vídeos que demonstram aplicativos da Web ou serviços baseados na Web são geralmente chamados screencasts porque eles geralmente capturam eventos no site da empresa. Esses screencasts podem resumir em apenas dois minutos o que, de outra forma, ocuparia muitas páginas para serem explicadas, de modo que criaram adições poderosas aos sites.

É fácil fazer um screencast? Quanto custa e quais ferramentas são necessárias? Vamos responder a estas perguntas.

Fazendo seu próprio Screencast

Vamos supor que você tenha um aplicativo da Web ou um serviço baseado na Web para promover. Você quer criar um screencast para demonstrar o que faz. Abaixo estão algumas dicas para você começar.

Planejamento

Como com qualquer coisa, o planejamento é essencial. Então, antes de fazer qualquer outra coisa, planeje seu screencast com muito cuidado . Considere as seguintes perguntas:

Que mensagem geral você quer que o vídeo transmita?
Quanto tempo o vídeo deve ser?
O vídeo deve ser uma visão rápida e “elaborada” do seu produto ou um screencast mais detalhado e informal?
Você quer que o vídeo seja pessoal, com uma narração amigável, ou prefere ficar com músicas e títulos?

Os tutoriais geralmente assumem a forma de um screencast informal. Os screencasts geralmente não são rotulados, mas seguem um storyboard básico. As vantagens disso são que seu produto será apresentado de maneira amigável e esses screencasts podem ser rápidos de produzir. Eles também são mais informativos e instrutivos em mostrar como um produto funciona.

As desvantagens são que elas podem parecer pouco profissionais e podem ser bastante demoradas e menos atraentes para os visitantes. Então, novamente, planejar a localização do seu vídeo (por exemplo, a seção de ajuda ou a primeira página) e a mensagem que você deseja transmitir o ajudarão a decidir a abordagem a ser tomada.

Vamos supor que você queira criar um screencast curto, com script e bem editado.

O storyboard

Depois de pensar um pouco na sensação geral do vídeo, pegue seu bloco de anotações e caneta e desenhe um storyboard. Um storyboard é uma representação aproximada do screencast e pode ser usado como uma linha de tempo geral das cenas. Cada cena abordaria um aspecto diferente do seu produto. Por exemplo:

Introdução e resumo do seu serviço;
Principais recursos ou pontos de venda exclusivos;
Depoimentos de clientes;
Comparação de planos de preços ou mesmo uma comparação com produtos concorrentes;
Resumo final , com logotipo e slogan.

Se você tem muito o que cobrir em seu screencast, pode ser útil dividir cada cena em subcenas, para permitir mais detalhes. Quanto mais detalhes em seus storyboards, mais fácil será o estágio de edição.

Planeje cada cena e sub-cena do vídeo e, abaixo, escreva os tópicos que você irá cobrir. Os pontos podem incluir exemplos de partes do aplicativo da Web nas quais você deseja que os usuários cliquem, frases específicas que você pode usar na narração e quaisquer efeitos ou transições de vídeo desejados.

Seu storyboard o ajudará a se manter organizado durante todo o processo, e se você se perder ao produzir o vídeo, o storyboard fará com que você volte ao caminho certo.

O script de voiceover

Se você não planeja ter uma narração (embora certamente o ajudaria), você pode pular esta etapa.

Depois de ter esboçado o seu storyboard, você pode começar a escrever o seu script de voiceover. Em outro pedaço de papel, escreva cabeçalhos para cada cena e, em seguida, roteiro cada cena com base nos pontos que você escreveu anteriormente.

Certifique-se de deixar espaço para alterações, porque você provavelmente desejará ajustar o script quando for gravar a narração.

O Software Certo

O próximo passo é realmente gravar e produzir o vídeo. Você precisará das seguintes ferramentas.

Software de captura de tela

Existem muitos aplicativos de captura de tela, alguns dos quais são gratuitos e de código aberto, outros pelos quais você deve pagar.

Screenium , disponível no Synium, é um aplicativo baseado em Mac OS X que é fácil de usar e contém muitos recursos. O software custa US $ 29,00 e pode ser baixado online.

Jing é uma ferramenta gratuita baseada na web que permite capturar eventos de tela e compartilhá-los na web. Uma versão completa de PC ou Mac está disponível por US $ 14,95 por ano.

Outras aplicações incluem open-source CamStudio , iShowU para Mac e Adobe Cativar .

Software de edição de filmes

Você não precisa de um grande número de recursos para editar screencasts. Os pacotes de edição simples que vêm incluídos no seu SO geralmente são suficientes.

Se você tem um Mac, então não procure mais do que o iMovie. Caso contrário, você poderia usar qualquer aplicativo de edição de vídeo digital, como o Premier Pro, Final Cut ou até mesmo o Windows Movie Maker.

Alguns recursos de edição úteis são:

Transições (ou “toalhetes”) entre cenas;
Exportando para formatos da web;
Alterando a velocidade dos clipes;
Gravando narrações no aplicativo.

Versões recentes do iMovie (versão 8+) possuem os recursos acima.

Música de fundo

Seu screencast precisa de um alto nível de engajamento do usuário . A música pode ajudar a fornecer isso, especialmente se for relevante para o screencast. Você saberá o estilo da música para usar com base no seu público.

Certifique-se de que você tem o direito legal de usar a música que escolher. Alguns recursos online úteis oferecem música de fundo livre de direitos (geralmente clássica), e alguns vendem CDs de música de fundo que podem ser apropriados; Confira Trilhas exclusivas e Música livre dos direitos .

A música é, claro, inteiramente opcional, porque você pode envolver os usuários de outras maneiras.

Armado com seu plano geral, storyboard, roteiro de voice-over e software, agora você pode começar a gravar o vídeo.

Gravando o Vídeo

Para o propósito deste artigo, vamos supor que você esteja usando um aplicativo de captura de área de trabalho, como o Screenium, e o iMovie para edição.

Comece capturando as cenas na ordem do seu storyboard. Porque você estará editando o vídeo mais tarde, você pode continuar gravando até obter a foto perfeita.

Capture parte da sua tela , não a tela inteira. Isso evitará que o vídeo seja confuso (pelo Dock ou pela barra de tarefas, por exemplo) e você não terá que cortar o vídeo mais tarde.
Você quer ações suaves, claras e precisas ao gravar. Mantenha o movimento do mouse ao mínimo e verifique se os cliques do mouse são óbvios. Seu aplicativo de gravação pode ter um recurso em que os cliques do mouse acionam uma ajuda visual, o que pode ser útil.
Mantenha o roteiro de locução na sua frente e imagine o script sendo falado enquanto grava as ações do mouse. Isso ajudará no tempo quando você começar a editar mais tarde.
Combine o nome do arquivo de cada clipe com o nome da cena correspondente, para que você saiba onde o clipe vai quando estiver editando (por exemplo, 1. Intro ).
Permita uma lacuna no começo e no final de suas ações gravadas. Isso ajudará quando você cortar os clipes e as transições (por exemplo, desvanecendo um clipe no próximo).

Editando o Vídeo

Depois de ter todos os clipes gravados para cada cena, você pode passar para a parte divertida, que é a edição.

Usando o aplicativo de edição de filmes, importe todos os clipes para a sua biblioteca e coloque-os na ordem correta (se você salvou os clipes com nomes de arquivos sequenciais, eles já devem estar na ordem correta).

O próximo passo é cortar seus vídeos para que o tempo seja adequado para a narração e, em seguida, solte-os na linha do tempo.

A melhor maneira de acertar o timing é começar a reprodução e ler o roteiro dessa cena; então você saberá se deve adicionar um ou dois segundos ao início ou ao final do clipe. Não deixe muito espaço vazio porque o vídeo será executado por muito tempo e perderá o envolvimento do usuário.

Mantenha o fluxo de vídeo e verifique se há sempre algo para ver ou ouvir. Para cenas mais complicadas, você pode deixar um intervalo um pouco maior no final antes de prosseguir, para permitir que os usuários absorvam o que acabaram de ver.

Outro truque é adicionar transições entre cenas, que realizam duas coisas. Primeiro, eles simplesmente parecem legais. Em segundo lugar, eles misturam cenas que você não tinha planejado se juntar. Por exemplo, você pode ter duas cenas adjacentes que mostram a mesma página do seu site, mas a localização do mouse salta abruptamente de um clipe para o outro.

Uma transição iria borrar o movimento e fazer o corte parecer perfeito.

Por fim, mostre a marca da sua empresa no início e no final do screencast. Basta importar um JPG de alta resolução do seu logotipo para o filme. Alguns editores de filmes (como o iMovie) têm um efeito de imagem automático chamado “Ken Burns”, que aumenta ou diminui subitamente uma imagem. Isso faz com que o seu filme pareça mais profissional do que com um logotipo estático no meio do quadro. "Subtil" é a palavra-chave: certifique-se de que todos os seus efeitos sejam sutis; exagere e você corre o risco de parecer pouco profissional.

O voiceover

Uma narração não é essencial. Alguns vídeos usam apenas sobreposições de título para destacar os principais recursos. Mas uma voz humana envolve melhor os usuários e faz com que eles sintam que estão lidando com um produto real feito por uma empresa real. Além disso, uma narração permite que você comunique muito mais informações sobre seu produto ou serviço, porque os usuários estarão usando tanto os ouvidos quanto os olhos.

Para fazer uma narração, basta conectar um microfone de boa qualidade e gravar alguém que tenha uma boa voz lendo seu roteiro sobre cada cena. Gravar cada cena individualmente é melhor, porque você pode mover o clipe de áudio para o lugar certo após cada tomada e obter o tempo perfeito. Certifique-se de que sua narração seja lida claramente, devagar e com um sorriso para que pareça amigável.

Exportando e enviando o vídeo

Quando terminar, exporte o vídeo e tome uma xícara de café. Muitos aplicativos de edição de vídeo, incluindo o iMovie, têm uma função “Exportar para a Web”; então você pode simplesmente escolher o formato para exportar para (por exemplo, iPhone ou YouTube). Escolha de média a alta qualidade, com uma largura não menor que 600 pixels.

Quando você faz o upload do seu vídeo para o host da web, ele passa por mais compactação: e o que você coloca é o que você recebe . Se você colocar um arquivo grande e de alta qualidade, o vídeo resultante no site ficará muito melhor do que se você tivesse feito o upload de um vídeo altamente compactado em um tamanho menor.

Depois de carregar o vídeo, a empresa de hospedagem deve enviar uma notificação por e-mail quando a codificação estiver concluída. Neste ponto, você está praticamente pronto para inserir o código de incorporação em seu website. Você pode querer personalizar o player primeiro; por exemplo, combinando a cor do botão "Reproduzir" à sua marca e ajustando o tamanho do player.

Salve o HTML atualizado do código de incorporação e pronto!

Acompanhando conversões de meta

Certifique-se de que um pacote de análise (como o Google Analytics) esteja configurado no seu website para que você possa ver de onde os visitantes estão vindo e acompanhar as conversões de meta .

Se seu website já executa um software de análise e você tem conversões de meta existentes, essa é uma oportunidade ideal para ver como seu novo vídeo afeta essas conversões. Se o seu site for novo, ver a diferença que o vídeo faz será difícil, mas você ainda pode acompanhar conversões de meta e usar os dados posteriormente.

Configure uma meta que siga o usuário da página inicial até a página do vídeo (se estiver em uma página separada) até a página de inscrição. Depois de algumas semanas, analise as estatísticas e analise sua conversão de meta ou taxa de inscrição.

E se você fizer alterações no vídeo ou na página, por exemplo, mover o vídeo para outro lugar na arquitetura de informações, poderá ver se a conversão da meta é afetada por essas alterações.

Exemplos de boas utilizações de screencasts

Thounds

Thounds chama você para clicar no link "promo video", que leva você a um pop-up contendo o vídeo.

O vídeo descreve claramente o serviço da Thounds em um vídeo de dois minutos, roteiro, editado e bem produzido.

Bidsketch

Bidsketch incorpora seu vídeo do YouTube na metade da página após uma breve explicação de seu produto.

Wistia

Wistia tem uma chamada grande e óbvia para assistir ao seu vídeo de 30 segundos. O vídeo está acima da dobra e é proeminente.

Feedback do conceito

Feedback do conceito tem um vídeo no lado direito que demonstra claramente o seu produto. A chamada à ação, no entanto, não é muito clara.

FileShareHQ

FileShareHQ demonstra claramente seu produto em quatro minutos. O vídeo reside na sua página "Tour".

MakeSomeTime

MakeSomeTime tem um vídeo que demonstra seu produto em três minutos. A chamada à ação está abaixo da dobra.

Bolha do Projeto

Sob seus recursos de produto, Bolha do Projeto tem uma chamada à ação que é aberta como um vídeo pop-up. Seu vídeo de três minutos está hospedado em Vzaar , então o jogador é sem marca.

CushyCMS

CushyCMS é um ótimo exemplo porque seu vídeo está acima da dobra , tem um claro apelo à ação e abre em um grande pop-up que demonstra o produto em três minutos .

Notável

Notável fornece uma clara chamada à ação à direita da descrição do aplicativo. O vídeo é hospedado pelo Vimeo.

Dicas sobre como usar o vídeo no seu site

Os vídeos acima mantêm os visitantes envolvidos raramente excedendo quatro minutos. Uma boa duração para um vídeo de demonstração é de dois a três minutos e, idealmente, não deve ser maior que cinco. Alguns sites mantêm seus vídeos em apenas 30 segundos, como você viu no Wistia.
Tenha cuidado onde você hospeda seu vídeo. Alguns provedores afirmam explicitamente que qualquer vídeo enviado para o seu serviço deve ser para uso não comercial; Assim, se seu vídeo demonstrar um produto comercial, você violaria os Termos de Serviço. Além disso, alguns provedores de hospedagem demoram muito tempo para codificar clipes, e alguns exibem vídeos com qualidade muito baixa. Então, se você quer um serviço rápido e de alta qualidade, você pode querer considerar pagar por um host premium.
Verifique se o vídeo abre em um tamanho decente , especialmente se você tiver uma demonstração detalhada de um produto. Uma boa solução é um aplicativo Lightbox como Facebox : o usuário clica em um botão que aciona um pop-up no qual o vídeo grande é apresentado. Um bom tamanho para o vídeo é de 600 pixels ou mais.
Um claro apelo à ação acima da dobra aumenta as chances de os visitantes clicarem nela. Alguns designers preferem explicar o produto primeiro e depois mostrar o vídeo abaixo. Uma boa arquitetura de informações é essencial, especialmente na home page, portanto, pense em seu canal cuidadosamente.
Certifique-se de que um botão "Reproduzir" seja exibido claramente no vídeo incorporado no estado não reproduzido, para que os visitantes o reconheçam como um vídeo. Se o vídeo estiver em um pop-up, reproduza-o automaticamente assim que o pop-up for ativado.

Provedores de hospedagem de vídeo

Abaixo estão alguns dos muitos provedores de hospedagem de vídeo:

Youtube A escolha óbvia. Os profissionais são de que é livre e bem conhecido. Os contras são que a qualidade não é excepcional e, por vezes, os vídeos demoram a codificar. Outro con é a sua onipresença: se você está tentando projetar uma imagem profissional, mostrar um vídeo do YouTube pode refletir mal nessa estética.
Vimeo - O Vimeo se tornou muito popular no ano passado. Os profissionais são que tem uma ótima comunidade e um ótimo jogador. Os contras são que os seus termos de serviço são bastante rigorosos, portanto, leia-os antes de enviar qualquer vídeo.
Vzaar - Uma nova empresa que fornece hospedagem de vídeo premium. Os profissionais são que os vídeos são codificados rapidamente, o player é bom e você pode fazer upload de vídeos comerciais. Outro profissional é que a Vzaar não coloca sua marca nos vídeos. Os contras são que é um serviço pago; e porque a empresa é bastante nova, seu processo de upload é um pouco bugs.
Wistia - Como apresentado acima. Os profissionais são um player sem marca, codificação rápida e ferramentas de marketing, como estatísticas e mapas de calor. O con é o prêmio íngreme para usar o serviço.

Você sempre pode hospedar o vídeo em seu próprio servidor e usar um player como o JW Player de Long Tail Video. Se você fizer isso, talvez seja necessário codificar o vídeo no formato FLV.

Escrito exclusivamente para WDD por Stu Green. Ele é um web designer do Reino Unido e gerencia Haloweb , uma empresa de design de aplicativos da web.

Você tem um screencast no seu website que aumentou as conversões de meta? Se assim for, avise-nos e explique o processo por trás da construção. Além disso, se você tiver alguma dica sobre como produzir ou incorporar vídeos, compartilhe com a comunidade.

como fazer um screencast screencast