Aller au contenu
Guide6 min de lecture

Guide de la vidéo de démo Show HN

Donnez aux lecteurs techniques un seul chemin fonctionnel qui mérite d'être inspecté.

Choisissez un seul parcours technique pour une vidéo de démo Show HN, puis relisez la preuve qu'un lecteur de Hacker News peut inspecter.

Voir comment ça marcheLes 60 premières secondes de vidéo sont gratuites, avec un filigrane. Vérifiez votre adresse e-mail pour la télécharger.

Une vidéo de démo Show HN doit donner à un lecteur technique un seul chemin fonctionnel à inspecter. Son rôle n'est pas de créer une galerie de lancement ni de comprimer un produit entier dans un court clip. Un bon candidat commence dans un état préparé, montre l'action qui rend le produit intéressant, et tient sur l'état résultant assez longtemps pour que quelqu'un comprenne ce qui a changé. Le post Show HN peut ensuite expliquer le contexte technique, les contraintes et les questions que l'enregistrement ne peut pas prouver.

Cela rend cette page différente d'une vidéo de démo Product Hunt. Product Hunt a besoin d'un actif qui soutient une promesse d'annonce et une galerie. Les lecteurs de Show HN sont plus susceptibles de demander si la chose fonctionnelle se comporte comme décrit, quelle limite le créateur a choisie, et où ils peuvent en apprendre davantage. La vidéo est une preuve pour une question étroite, pas un substitut à un README ou à une explication technique.

Besoin du lecteurCe que la vidéo peut montrerCe qui doit l'accompagner
Y a-t-il un chemin fonctionnel ?Une route préparée, une action et un résultat visibleLe périmètre et les limites connues
Pourquoi l'action compte-t-elle ?Le comportement produit observableLe problème technique traité
Puis-je inspecter le travail plus en détail ?Un exemple de navigateur délimitéUn README, un dépôt, ou le contexte du post

Choisissez la question avant la route

Commencez par la question à laquelle un lecteur technique doit pouvoir répondre après avoir regardé. Elle peut porter sur le fait qu'un utilisateur peut terminer une tâche dans le navigateur, qu'une entrée produit un résultat visible, ou qu'une interaction précise est compréhensible sans narration. Ne commencez pas par la navigation de l'application. La navigation n'est utile que lorsqu'elle établit le début de la preuve choisie.

La question doit être plus étroite que « que fait le produit ? ». Cette question produit une visite, et une visite donne en général moins à examiner à un lecteur sceptique. Une meilleure question nomme le seul comportement qui rend le post Show HN digne d'être ouvert. Si la réponse a besoin de plusieurs fonctionnalités sans rapport, le post demande à la vidéo de porter plus qu'une séquence d'écran ciblée ne peut le soutenir.

Utilisez cette liste de sélection avant de préparer la route :

  1. Énoncez la question technique à laquelle le parcours choisi peut répondre.
  2. Choisissez une route inspectable unique avec un état de départ préparé.
  3. Montrez l'action significative sans transformer le clip en visite.
  4. Gardez l'état résultant visible pour qu'un lecteur technique puisse l'inspecter.

Un GIF de démo README sert le lecteur de dépôt qui a besoin d'une orientation compacte. Une vidéo de démo SaaS couvre le processus plus large de préparation d'URL et de parcours orienté acheteur. Pour Show HN, le test est plus précis : le clip peut-il rendre inspectable une seule affirmation technique fonctionnelle sans demander au spectateur d'accepter un système, un résultat, ou un projet futur non montré ?

Préparez une route à laquelle un lecteur peut faire confiance

Choisissez une route d'application web accessible et testez-la à la main avec des données ensemencées non sensibles. Confirmez l'état de départ, les redirections, les avis de consentement, les états vides, les fenêtres modales, et le résultat final. La passe manuelle crée une cible de relecture concrète. Elle n'établit pas que chaque route rendra avec succès ou que le produit fonctionne pour chaque application.

Le flux de travail annoncé de GogoScreen utilise une URL et une indication d'une ligne sur ce qu'il faut montrer, puis renvoie un fichier MP4 monté. Il écrit et prononce une voix off assortie à ce qui s'est passé à l'écran, et il applique un montage tel que zooms sur les clics, lissage du curseur, suppression des temps morts, et sous-titres. Ce sont des capacités produit, pas la preuve d'un résultat non vu. Un rendu peut échouer ou nécessiter une nouvelle tentative, donc le créateur devrait laisser du temps pour relire un candidat avant de l'utiliser dans un post public.

Si la route nécessite une authentification, utilisez un compte de démonstration jetable via le processus produit approuvé. Les rédacteurs et relecteurs ne doivent jamais manipuler ni inclure d'identifiants. Sur GogoScreen, les identifiants sont chiffrés, utilisés pour un seul rendu, puis supprimés. Si un storyboard est planifié en premier, les identifiants restent chiffrés pendant cette session et sont supprimés au plus tard deux heures après leur dernière utilisation. Ne montrez pas d'URL client, de données client, de document privé, ou d'identifiant personnel simplement parce que cela fait paraître le parcours plus complet.

Écrivez l'indication comme une instruction testable

Une indication utile identifie où le parcours commence, l'action significative, et le résultat visible. Elle doit donner au relecteur un moyen de comparer le candidat au chemin voulu. « Depuis la liste de projets préparée, créer une facture et montrer la nouvelle entrée » nomme une tâche délimitée. « Montrer l'architecture du produit » demande à un enregistrement de navigateur d'expliquer quelque chose qui appartient au post ou au README.

Gardez le texte factuel. N'utilisez pas l'indication pour affirmer une performance, une échelle, une sécurité, une traction, ou une capacité future. Ces affirmations ont besoin de leur propre preuve. La séquence d'écran ne doit porter que ce que la séquence d'écran peut révéler. Si l'action nécessite une explication de fond, fournissez-la dans le texte Show HN avant ou après le clip.

Une vidéo de pitch de startup se limite elle aussi à la preuve produit, mais elle soutient le contexte du pitch d'un fondateur. Une vidéo de mise à jour investisseur documente la progression autour d'un seul changement produit. Une vidéo de démo de lancement de fonctionnalité annonce une nouvelle capacité disponible. Chaque public pose une question différente, donc la même séquence d'écran ne doit pas être réutilisée sous une nouvelle étiquette sans une nouvelle relecture.

Relisez pour l'inspectabilité

Regardez le candidat d'abord sans vous appuyer sur la narration. Un lecteur technique doit pouvoir localiser le contexte de départ, voir l'action significative, et identifier l'état résultant. Comparez ensuite les sous-titres et la voix off avec ce qui s'est passé à l'écran. GogoScreen peut créer ces éléments, mais le propriétaire du produit reste responsable de décider si le langage est exact et proportionné.

Relisez le texte Show HN d'accompagnement en même temps. Le post doit nommer ce que le clip démontre, ce qu'il ne démontre pas, et où un lecteur intéressé peut inspecter plus de détails. Évitez d'utiliser un montage poli pour laisser entendre qu'un prototype est terminé, qu'un résultat est universel, ou qu'une contrainte technique a disparu.

Élément de relectureDécision à noter
Route et état préparéSi le contexte d'ouverture correspond à la question technique
Action et résultatSi le résultat visible découle de l'action
Sécurité publiqueSi le matériel client ou les identifiants sont absents
Texte du postSi les affirmations restent dans les limites de la session observée

Reliez la vidéo à la bonne prochaine lecture

Une vidéo Show HN fonctionne mieux quand elle mène à du matériel qu'un lecteur technique peut utiliser. Reliez le post à un README pour la configuration et les contraintes, et à la page produit pertinente pour une explication plus large de la tâche utilisateur. Le guide du GIF de démo README explique comment garder un actif de dépôt court. Le guide de la vidéo de démo logicielle à partir d'une URL couvre la préparation de l'URL.

Pour le placement de lancement, utilisez la préparation de la vidéo de démo Product Hunt plutôt que de traiter Show HN comme une galerie. Pour une décision de flux de travail générale, consultez GogoScreen contre Loom, GogoScreen contre Screen Studio, GogoScreen contre Clueso, et GogoScreen contre Guidde. Commencez par la page d'accueil de GogoScreen, consultez les tarifs, et vérifiez la politique de confidentialité avant de soumettre un rendu.

Précisions

Avant de commencer

Que doit montrer une vidéo de démo Show HN ?

Montrez un seul parcours technique fonctionnel avec une condition de départ claire, une action observable, et un résultat qu'un lecteur peut inspecter. Le clip doit aider un lecteur technique à évaluer la chose fonctionnelle, pas remplacer l'explication du post Show HN.

En quoi une vidéo Show HN diffère-t-elle d'une vidéo Product Hunt ?

Une vidéo Product Hunt soutient une annonce et une galerie. Une vidéo Show HN doit rendre plus facile à inspecter la question produit orientée mise en œuvre, tandis que le post explique le contexte technique, les contraintes, et le retour que le créateur attend.

Une vidéo Show HN doit-elle être une visite complète du produit ?

Non. Une visite complète cache la décision qu'un lecteur technique essaie de prendre. Utilisez un seul chemin délimité et renvoyez les lecteurs vers la documentation ou un README pour la configuration, l'architecture et les limites qui n'ont pas leur place dans l'enregistrement.

Que faut-il relire avant de partager une vidéo Show HN ?

Relisez la route, les données préparées, l'action visible, le résultat, les sous-titres, et toute voix off audible. Confirmez qu'aucun matériel client, identifiant, URL privée, ou affirmation technique non soutenue n'apparaît dans le clip ou le post d'accompagnement.

Collez une URL, décrivez un parcours et obtenez une vidéo de démonstration de votre application web.

Les 60 premières secondes de vidéo sont gratuites, avec un filigrane. Vérifiez votre adresse e-mail pour télécharger la vidéo.