Deixem o vídeo mostrar o que as palavras não conseguem explicar.
A mesa abre, o fecho desliza, o produto é usado. Tornamos o vídeo mais fácil de iniciar e acompanhar, mantendo a página útil mesmo antes de alguém carregar em reproduzir.
Deem uma razão para iniciar a reprodução.
Imagine uma loja de móveis que vende uma mesa extensível. Uma fotografia mostra a madeira e a forma. Um vídeo útil responde a outra pergunta: como se abre a mesa e o que tem o comprador de fazer?
Escolham uma imagem de pré-visualização que mostre o produto real e expliquem o que a demonstração ensina. Mantenham as medidas, o preço e os restantes dados de compra em texto. O visitante não deve ter de ver um vídeo para saber se a mesa cabe no espaço disponível.
Ilustração: a pré-visualização apresenta a mesa; a demonstração mostra como se estende.
Leia a explicação do vídeo
Mostre o que as palavras não conseguem explicar. Uma imagem mostra a forma. O movimento mostra a função.
Mostre a mudança. Deixe a ação explicar. Afaste as duas partes da mesa. Coloque a extensão. Mostre o resultado. A mesma mesa. Mais espaço.
Veja de perto. Um pequeno detalhe pode esclarecer tudo. O fecho encaixa. Guie o olhar para o essencial.
Dê um motivo para ver. Mostre logo o que quem vê vai ganhar. Um resultado claro dá um rumo à ação. Veja como ganhar espaço.
Explique também sem som. A ideia tem de ser visível. Afaste as duas partes da mesa. Coloque a extensão. Trave antes de usar.
Escolha o vídeo quando ajuda a explicar. Mostre a mudança. Mostre o detalhe. Deixe a ideia clara.
Descubram quando começa a espera.
Uma página lenta e um vídeo que demora a arrancar pedem verificações diferentes. Testem ambos no mesmo telemóvel e ligação, com o resto da página visível.
Antes de o espectador iniciar o vídeo
Numa demonstração opcional, apresentem uma imagem de tamanho adequado e evitem descarregar todo o vídeo antes de alguém o querer ver. Uma pré-visualização que carrega o leitor ao clicar também pode adiar um leitor externo pesado. Verifiquem os pedidos de rede: as indicações de pré-carregamento não garantem o que o navegador descarrega. Consultem a orientação da web.dev sobre carregamento de vídeo.
Depois de o espectador iniciar o vídeo
Verifiquem a espera até à primeira imagem em movimento. Depois procurem interrupções, detalhes desfocados e controlos difíceis de usar. Reduzam dados desnecessários sem perder o movimento ou os pormenores do produto que o vídeo deve mostrar. Reservem espaço para o vídeo, para que a reprodução não desloque a informação em redor.
Mostrem o passo que poderia passar despercebido.
Na nossa demonstração imaginária, o fecho fica debaixo do rebordo da mesa. Um plano afastado pode esconder precisamente o que o cliente precisa de ver. Passem a um plano de pormenor, mostrem o movimento com clareza e mantenham a imagem tempo suficiente para o acompanhar.
Legendem as instruções faladas com rigor e no momento certo. Expliquem também os passos visuais essenciais: «Deslizem o fecho sob o rebordo» informa mais do que «Movam isto». Dependendo do conteúdo, essa explicação pode precisar de ser ouvida, além de lida. Verifiquem a utilização por teclado, a pausa e os controlos das legendas. Usem a orientação do W3C sobre meios acessíveis para decidir de que o vídeo precisa.
Ilustração: o plano de pormenor torna visíveis o fecho e o seu movimento.
Escolham a solução pela função que deve cumprir.
Devemos alojar o ficheiro de vídeo nós próprios?
Um serviço de vídeo pode tratar da distribuição e oferecer funções de reprodução úteis, mas a incorporação do leitor pode acrescentar transferências e scripts. Servir o ficheiro diretamente dá-vos controlo da apresentação e a responsabilidade pelos ficheiros adequados, legendas e controlos. Comparem as funções necessárias e o comportamento medido de cada opção.
Um ficheiro mais pequeno resolve o problema?
Pode ajudar se a causa for o excesso de dados de vídeo. Não corrige uma pré-visualização pouco clara, legendas em falta ou um leitor difícil de usar. Uma imagem de pré-visualização grande pode atrasar a primeira apresentação da página; um leitor incorporado pode acrescentar scripts ou deslocar o conteúdo. Identifiquem a causa antes de trocar de leitor ou comprimir novamente o ficheiro.
Como sabemos se a alteração ajudou?
Repitam a mesma tarefa antes e depois da alteração. Comparem o carregamento da página, a espera após iniciar a reprodução, as interrupções e os detalhes visíveis num telemóvel. Peçam depois a alguém que não conhece o produto para explicar o passo demonstrado. A reprodução rápida só é útil se o espectador compreender.
Deem aos clientes um vídeo que consigam compreender.
Enviem a página e a origem do vídeo. Digam-nos o que o espectador precisa de aprender, onde surge a espera ou a confusão e em que dispositivo. Assim podemos identificar a parte que precisa de trabalho.