Saltar para o conteúdo
Guia7 min de leitura

Partilhar um Projeto Figma Make com um Cliente

Dê ao cliente prova que consegue ver, não uma hiperligação que tem de interpretar.

Transforme uma hiperligação de pré-visualização Figma Make num vídeo que um cliente consegue ver sem abrir a hiperligação nem compreender um criador.

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.

A maioria dos clientes não vai abrir uma hiperligação de pré-visualização. Vão olhar de relance, decidir que parece software inacabado, e responder a pedir "algo que eu consiga simplesmente ver." Essa reação não é uma crítica à compilação. É uma resposta razoável de alguém que não pediu para aprender a interface de um criador só para avaliar o seu próprio projeto. Um vídeo fecha essa distância ao interpretar por eles, para que a atenção deles vá para a decisão à sua frente em vez de para a mecânica de lá chegar. Isto é especialmente verdade para um cliente que está a pagar por resultados e não por ferramentas, e não tem razão para saber o aspeto que um ambiente de pré-visualização deve ter antes de ser lançado.

Uma compilação Figma Make vive numa hiperligação de pré-visualização partilhável, e essa hiperligação normalmente abre sem início de sessão, uma vez que a maioria dos projetos Figma Make são protótipos e não software com um sistema de contas real por trás. Isso é útil para uma entrega a cliente porque significa que nada na própria compilação impede um revisor de a ver. A barreira não é o acesso. É que uma hiperligação fria e não narrada não dá a um revisor pouco familiarizado nada onde se ancorar. Um vídeo remove essa ambiguidade ao escolher, em nome do cliente, exatamente o que merece a sua atenção e por que ordem.

O que deve o vídeo realmente decidir?

Antes de gravar seja o que for, escreva a única decisão que o cliente precisa de tomar depois de assistir. Pode ser aprovar uma disposição, escolher entre dois fluxos, ou confirmar que uma funcionalidade agora funciona da forma que descreveram numa chamada. Tudo no vídeo deve servir essa única decisão. Um tour do protótipo inteiro responde a uma pergunta que o cliente não fez e enterra a que fez.

Isto é diferente de um vídeo de lançamento dirigido a um estranho que está a decidir se olha mais de perto para o projeto. Um cliente já sabe que o projeto existe e tem opiniões sobre ele. O trabalho do vídeo aqui é mais restrito: tornar uma coisa específica suficientemente legível para que o cliente consiga responder com uma decisão em vez de um pedido de outra chamada. Esse âmbito mais restrito é o que mantém o ciclo de revisão curto, uma vez que um cliente a ver um tour de cinco minutos tende a voltar com cinco perguntas separadas em vez de uma resposta clara.

Momento de revisão do clienteO que o vídeo deve tornar claroO que deixar de fora
Fotograma de aberturaSobre que parte do projeto é este vídeoUm logótipo, um índice, ecrãs não relacionados
MeioA alteração ou fluxo exato em revisãoTodas as outras funcionalidades do protótipo
Fotograma de fechoO estado que o cliente está a ser convidado a avaliarUm discurso de venda para funcionalidades ainda não construídas

Como preparar a hiperligação de pré-visualização para um revisor não técnico?

Abra a hiperligação exata sem preparação prévia, da forma como o cliente a abriria, sem contexto prévio. Confirme que não há nenhum estado vazio confuso, nenhum texto de marcador de posição sobrado de um rascunho anterior, e nenhum beco sem saída de navegação que deixaria um visitante pela primeira vez preso. Um cliente que não usa ferramentas de design ou de criação diariamente não tem instinto para o que é esperado versus quebrado, por isso qualquer coisa ambígua no fluxo lê-se como um defeito mesmo quando não é.

  • Abra a hiperligação de pré-visualização exatamente como o cliente faria, sem contexto além da mensagem em que chega.
  • Remova ou substitua qualquer texto de marcador de posição que ainda se leia como rascunho.
  • Confirme que o fluxo chega a um estado final visível sem um beco sem saída ou um ecrã de carregamento preso.
  • Mantenha quaisquer nomes, números ou conteúdo de exemplo livres de qualquer coisa que pareça dados reais de um cliente.

Preencha a compilação com conteúdo que pareça intencional em vez de vazio. Uma tabela em branco ou uma tela vazia não dá nada a um cliente para reagir, e o silêncio de um revisor normalmente significa que não conseguiu perceber o que estava a ver, não que não tinha opinião.

O que precisa o fluxo gravado de incluir?

Escreva a indicação como uma frase simples a nomear o ecrã inicial, a ação e o resultado, a mesma disciplina usada para qualquer renderização do GogoScreen. "A partir do painel do cliente, percorra a submissão de um pedido e mostre o ecrã de confirmação" dá à renderização algo concreto para seguir. Mantenha o texto alinhado com os termos que o cliente já usa em conversas anteriores, não terminologia interna de criação que nunca ouviu.

O GogoScreen acrescenta uma narração falada ajustada ao que acontece no ecrã, junto com aproximações nos cliques relevantes, suavização do cursor, cortes de tempos mortos e legendas. Essa narração está a fazer trabalho real aqui, uma vez que é muitas vezes a única explicação que um cliente não técnico recebe sobre o que mudou e por que importa. Reveja a narração em relação ao fluxo real antes de enviar seja o que for, uma vez que uma desconformidade entre o que se diz e o que se mostra é a forma mais rápida de gerar retorno confuso em vez de uma decisão clara.

A ordem que chega a uma decisão limpa mais depressa é esta:

  1. Nomeie a única decisão que o cliente precisa de tomar antes de gravar seja o que for.
  2. Teste o percurso do revisor pela hiperligação de pré-visualização exatamente como o cliente a abriria.
  3. Envie o vídeo com a decisão que o cliente precisa de tomar declarada com clareza na mensagem.

Como enviá-lo e ler a resposta?

Envie o ficheiro concluído com a decisão declarada em linguagem simples na mesma mensagem, não enterrada numa linha de assunto que o cliente possa passar por cima. "Aqui está o fluxo de pedido atualizado, diga-me se isto corresponde ao que descreveu" dá-lhe um pedido direto a que responder. Um vídeo sem enquadramento convida a uma resposta vaga, e uma resposta vaga de um cliente normalmente significa que faltou o enquadramento, não que o trabalho estava pouco claro.

Se o retorno que chega não corresponder ao que o vídeo mostrou, verifique o fluxo novamente antes de presumir que o cliente percebeu mal. É comum que o retorno vise um ecrã que o vídeo nunca cobriu, o que significa que a correção é gravar um segundo vídeo focado, não reexplicar o primeiro numa chamada. Manter cada vídeo delimitado a uma decisão torna este diagnóstico fácil, uma vez que uma desconformidade aponta exatamente para um fluxo candidato em vez de forçar uma adivinha ao longo de uma gravação longa que tentou cobrir tudo de uma vez.

Onde se encaixa isto com o resto dos recursos da compilação?

Assim que um cliente aprova um fluxo, a mesma compilação muitas vezes precisa de outros recursos com propósito específico. Uma demonstração de portefólio Figma Make mostra o resultado concluído a um público mais alargado assim que o trabalho está aprovado, e a apresentação guiada de revisão de aplicação Figma Make cobre a versão para revisor interno desta mesma entrega. Criadores a trabalhar o fluxo equivalente noutra ferramenta devem comparar com um vídeo de demonstração Bubble, um vídeo de página de destino Bubble, e o guia de vídeo de lançamento Bubble para o Product Hunt, uma vez que as plataformas subjacentes diferem na forma como as suas aplicações tratam inícios de sessão e dados.

Para a mensagem que vai para um visitante que nunca viu a compilação, o guia de vídeo de demonstração da página inicial cobre essa tarefa separada, e um SaaS de duas pessoas a entregar trabalho entre um criador e um cofundador enfrenta um problema de entrega semelhante a uma escala mais pequena. O guia da indicação de fluxo de uma linha aprofunda a escrita dessa frase única, o guia de demonstração de página de destino do agente de IA cobre um caso acima da dobra relacionado, e o guia de vídeo de demonstração de ferramenta do agente é útil quando o revisor precisa de ver uma chamada de ferramenta em vez de um ecrã. Para uma comparação de abordagens de gravação, leia GogoScreen versus Screen Studio. Comece pela página inicial do GogoScreen, verifique os preços, explore a biblioteca de guias completa, ou veja o resto das comparações.

Esclarecimentos

Antes de começar

Por que não enviar simplesmente ao cliente a hiperligação de pré-visualização Figma Make?

Uma hiperligação pede ao cliente que encontre o ecrã certo, compreenda o que mudou e a avalie sem preparação. Um vídeo mostra a mesma compilação já narrada em torno da única decisão que o cliente precisa de tomar, o que é mais rápido para alguém que não abre ferramentas de criação com frequência.

O cliente precisa de uma conta Figma para ver o vídeo?

Não. O ficheiro concluído é um MP4 autónomo. Reproduz num correio eletrónico, numa mensagem ou numa unidade partilhada sem qualquer início de sessão no Figma, no Figma Make, ou no próprio protótipo.

E se o retorno do cliente não corresponder ao que o vídeo mostra?

Compare o retorno com o fluxo exato na indicação que escreveu. Um retorno desalinhado significa muitas vezes que o vídeo cobriu o ecrã errado, não que o cliente esteja confuso, por isso verifique o fluxo antes de presumir que a resposta está fora de contexto.

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.