Saltar para o conteúdo
Guia7 min de leitura

Guia de GIF de Demonstração para README

Escolha um ficheiro de README que explique um fluxo de trabalho.

Escolha e reveja um ficheiro curto de demonstração para o README que mostre um fluxo de trabalho do produto, sem o transformar num tutorial completo.

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 fazer um ficheiro de demonstração para o README?

Um GIF de demonstração para o README deve ajudar um leitor do repositório a decidir se avança para as instruções de instalação. Não deve tornar-se um tour de produto comprimido, um substituto da documentação, nem uma animação genérica colocada no topo de todos os repositórios. A sua tarefa específica é dar a um leitor que está a percorrer o texto um exemplo visível do projeto em uso.

Os leitores de repositórios comportam-se de forma diferente dos visitantes de páginas de destino. Chegam muitas vezes com uma questão técnica, percorrem o resumo do projeto, procuram os requisitos de instalação e decidem se o repositório corresponde ao seu problema. A demonstração de produto do README pertence a esse percurso de leitura. Deve aparecer onde clarifica o resumo, antes de o leitor chegar aos comandos e ao detalhe de configuração seguintes.

Para o GogoScreen, uma renderização planeada começa com o URL de uma aplicação web acessível e uma indicação de fluxo de uma linha. Isso não estabelece uma exportação em GIF, um formato específico nem um resultado aprovado. Apenas dá à revisão do ficheiro de origem um ponto de partida delimitado. A decisão de formato vem depois de rever o candidato real no contexto efetivo do repositório.

Onde deve ficar o ficheiro em relação à instalação?

Coloque o ficheiro curto depois da descrição simples do que o projeto faz e antes da secção de instalação que ajuda a explicar. Um leitor deve conseguir compreender o ficheiro sem primeiro percorrer um tutorial. A frase envolvente pode nomear o fluxo de trabalho mostrado, enquanto os comandos de instalação permanecem como texto escrito e copiável abaixo dele.

Não coloque o ficheiro entre dois passos que o leitor tenha de copiar. O movimento interrompe a leitura rápida quando divide um percurso de configuração. Não o coloque tão abaixo no README que um visitante já tenha passado o ponto de decisão. A localização correta é determinada pela estrutura do repositório, não por uma regra universal de que todos os README precisam de movimento no topo.

Reveja-o no README renderizado, e não apenas num editor. Uma representação que parece aceitável num ficheiro local pode ser demasiado larga, demasiado lenta a carregar, ou pouco clara quando exibida pelo anfitrião do repositório. Verifique a pré-visualização do repositório nas larguras que um leitor provavelmente vai usar, incluindo uma janela de visualização estreita.

Como escolher um fluxo de trabalho para um leitor de repositório?

Comece pela primeira pergunta prática a que o README já responde. O ficheiro deve mostrar o resultado do fluxo de trabalho mais pequeno que torna o projeto compreensível. Para uma ferramenta que cria um vídeo a partir de uma aplicação web, a sequência relevante pode ser um estado de origem preparado, uma ação e um resultado visível. Não precisa de mostrar a configuração da conta, todas as opções nem o histórico de lançamentos.

Mantenha o fluxo de trabalho curto, porque o README tem uma função diferente de uma demonstração guiada. Um leitor técnico pode inspecionar comandos, referências de API e limitações no texto próximo. O ficheiro em movimento deve estabelecer o contexto e o resultado, e depois parar. Se forem necessários vários pré-requisitos para compreender a ação, explique-os no README antes do ficheiro, ou escolha um fluxo mais estreito.

Use dados preparados e um alvo controlado. Não inclua aplicações de clientes, URLs de clientes, conteúdos multimédia de clientes, credenciais nem identificadores pessoais. Quando é necessária uma conta de demonstração para uma revisão, esta só é fornecida através do processo aprovado do produto. Quem escreve não deve pedir nem manusear as credenciais.

Como decidir entre um GIF e outra representação?

A expressão GIF de demonstração para README nomeia uma necessidade do leitor, não uma promessa sobre um formato técnico específico. Um GIF pode fazer loop sem controlos e pode funcionar em muitas pré-visualizações de repositórios, mas também pode ter um peso de ficheiro elevado e um detalhe visual limitado. Um ficheiro de vídeo pode ser mais pequeno para o mesmo conteúdo em movimento, mas depende do anfitrião, do comportamento de reprodução e de o leitor do repositório conseguir aceder aos controlos. Uma imagem estática é muitas vezes mais clara quando a própria ação não precisa de movimento.

RepresentaçãoOnde ajudaO que verificar antes de a escolher
GIFFaz loop sem controlos e é exibido em muitas pré-visualizações de repositóriosO peso do ficheiro, e se o detalhe se mantém legível na largura renderizada
Ficheiro de vídeoPode ser mais pequeno do que um GIF para o mesmo conteúdo em movimentoO suporte do anfitrião, o comportamento de reprodução e se o leitor consegue aceder aos controlos
Imagem estáticaA ação não precisa de movimento para ser compreendidaSe um único fotograma transmite o resultado que o texto envolvente promete

Faça esta escolha com um pequeno registo de decisão. Compare o candidato real no tamanho de visualização previsto. Verifique a clareza do primeiro fotograma, o detalhe legível, o peso do ficheiro, o comportamento de carregamento, o comportamento de loop quando usado, e a explicação acessível. O áudio não deve ser necessário para o significado essencial, porque as pré-visualizações de repositórios podem não o reproduzir automaticamente. Se o áudio contiver voz sobreposta gerada e for publicado, o requisito de divulgação e marcação aplicável tem de ser revisto separadamente.

Não afirme que o GogoScreen exporta GIFs, a menos que essa capacidade esteja verificada e aprovada para texto de produto. O guia de vídeo de demonstração de produto para README cobre quando o vídeo é preferível a um GIF curto na documentação do repositório. O guia de alternativa a GIF de demonstração de produto faz a mesma decisão de representação para um fluxo de app fora do contexto do repositório. Esta página descreve, em vez disso, como escolher uma representação para o README a partir de um resultado de origem aprovado. A questão é se o ficheiro ajuda um leitor a compreender o repositório, não se um formato soa mais familiar numa pesquisa.

Como manter o ficheiro do README atualizado?

Trate o ficheiro como parte da explicação do README, não como uma decoração permanente. Quando o primeiro fluxo de trabalho, o percurso de instalação ou a linguagem visível do produto mudarem, verifique se a sequência existente ainda corresponde ao texto em redor. Um leitor que veja um rótulo ou resultado antigo antes da instalação pode razoavelmente questionar se as instruções do repositório estão atualizadas.

Mantenha a legenda suficientemente específica para que um responsável pela manutenção consiga identificar o fluxo de trabalho mais tarde. Se for necessária uma substituição, reveja-a na mesma posição renderizada e preserve a configuração escrita em redor. O README deve continuar compreensível quando o movimento não carrega, pelo que o resumo do projeto e as instruções de instalação não podem depender apenas do ficheiro.

Checklist de pré-visualização do README

Execute esta checklist no contexto real de renderização do README. Define trabalho de revisão que ainda tem de acontecer, não prova já concluída.

  1. O ficheiro mostra um fluxo de trabalho relevante para o repositório.
  2. O primeiro fotograma identifica o contexto do produto sem áudio.
  3. A ação e o resultado mantêm-se legíveis na largura renderizada do README.
  4. O ficheiro fica depois da explicação do projeto e antes da sequência de instalação que apoia.
  5. Os comandos de instalação, o texto de acessibilidade e as limitações mantêm-se legíveis em redor.
  6. O formato escolhido foi revisto quanto ao peso do ficheiro, ao carregamento, ao comportamento do loop quando aplicável e ao suporte de reprodução do anfitrião.
  7. A legenda descreve o fluxo de trabalho visível, sem fazer uma afirmação mais ampla.
  8. Não aparece material de clientes, credenciais, URL de cliente nem conteúdo multimédia de cliente.
  9. A data de captura, a compilação, a escolha de representação, o revisor, o resultado e o registo de novas tentativas são mantidos.

Se a pré-visualização tornar o README mais lento ou mais difícil de percorrer, remova o ficheiro ou escolha outra representação. Uma página de repositório beneficia de clareza, não de movimento pelo movimento.

Decisões de lançamento relacionadas

Para uma questão de colocação em página, leia colocação de prova em página de destino. Para um processo mais amplo, use o fluxo de trabalho de demonstração para SaaS e a preparação de entrada por URL. A preparação de vídeo para o Product Hunt diz respeito a uma galeria de lançamento, enquanto um vídeo de registo de alterações diz respeito a uma atualização já lançada; nenhum dos dois é um contexto de repositório.

Para alternativas de fluxo de trabalho, consulte GogoScreen e Loom, GogoScreen e Screen Studio, GogoScreen e Clueso, GogoScreen e Guidde, GogoScreen e Demosmith, e GogoScreen e ngram. Antes da publicação, consulte a página inicial, os preços, o centro de guias, o centro de comparações e a informação de privacidade.

Esclarecimentos

Antes de começar

O que deve mostrar uma demonstração para o README?

Mostre um fluxo de trabalho que ajude um leitor do repositório a compreender o projeto antes da instalação. Deixe o detalhe de configuração, as opções e os casos extremos no texto envolvente do README.

Onde deve ficar o ficheiro de demonstração no README?

Coloque-o depois da breve explicação do que o projeto faz e antes dos passos de instalação que ajuda o leitor a avaliar. Reveja o README realmente renderizado.

Quando é que um GIF se ajusta melhor do que um vídeo?

Escolha a representação depois de verificar o peso do ficheiro, o comportamento do loop, o suporte de reprodução, a acessibilidade e se o áudio acrescenta significado necessário. Não presuma que um GIF é o ficheiro mais pequeno.

O GogoScreen exporta ficheiros GIF?

Este guia não faz essa afirmação. Trata da escolha de uma representação para o README, a partir de um ficheiro de origem aprovado, depois de os formatos disponíveis terem sido revistos.

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.