Guide7 min de lecture

Guide de la vidéo de démo Windsurf

Montrez un parcours d'un build Windsurf en fonctionnement, du début à la fin.

Planifiez une vidéo de démo pour une application Windsurf autour d'un parcours fonctionnel, avec une relecture honnête avant qu'elle ne devienne publique.

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.

gogoscreen.com

Choisir le seul travail qui mérite d'être montré

Choisissez le seul travail qui mérite d'être montré avant de décider d'un format.

Confirmer que la route est accessible et propre

Confirmez que la route est accessible et propre, sans état provisoire laissé de côté.

Adapter le format à l'endroit où la vidéo apparaîtra

Adaptez le format à l'endroit où la vidéo apparaîtra, puisqu'une page de destination et une galerie de lancement veulent des choses différentes.

Une vidéo de démo Windsurf commence par la même question que toute vidéo de démo : quelle est la seule chose que vous voulez qu'un inconnu comprenne à propos de cette application en moins de deux minutes. Windsurf est un éditeur de code assisté par IA, et les projets qu'il aide à produire sont des applications web ordinaires une fois qu'elles existent, accessibles de la même manière que toute autre application web. Les décisions intéressantes ne concernent pas du tout l'éditeur. Elles portent sur quel travail montrer, si le build se trouve derrière une connexion, et où la vidéo terminée sera utilisée, puisqu'une vidéo destinée à une page de destination et une vidéo destinée à une publication de galerie de lancement sont construites différemment même quand elles montrent la même application sous-jacente.

Parce que Windsurf n'héberge ni ne publie l'application terminée lui même, la première vraie décision n'a rien de créatif. C'est de confirmer quelle route un spectateur atteindrait réellement aujourd'hui, et si cette route est assez stable pour survivre à être enregistrée, regardée, et peut être re regardée par quelqu'un qui décide s'il faut cliquer plus loin. Sauter cette vérification est la raison la plus courante pour laquelle une vidéo de démo Windsurf vieillit mal en quelques jours après sa publication.

Cette page est un point de départ plutôt qu'un brief terminé pour une destination unique. Si vous savez déjà où va la vidéo, le guide plus spécifique vous servira mieux. Une vidéo de page de destination Windsurf est écrite pour une preuve au dessus de la ligne de flottaison sur le propre site de l'application. Un guide de vidéo de lancement Product Hunt Windsurf est écrit pour une galerie de lancement avec ses propres contraintes de durée et de format. Un guide de partage avec un client Windsurf est écrit pour un relecteur non technique qui ne cliquera jamais sur un lien de prévisualisation. Une démo portfolio Windsurf est écrite pour un recruteur qui parcourt une liste de projets, et une relecture d'une application Windsurf est écrite pour quelqu'un qui vérifie qu'une demande précise a été accomplie. Lisez cette page en premier si vous n'avez pas encore décidé.

Qu'est ce qui compte comme un travail qui mérite d'être montré ?

Un travail est une seule tâche qu'un véritable utilisateur de l'application essaierait d'accomplir, décrite comme un départ, une action et un résultat. Créer un élément, terminer une étape d'un processus, ou atteindre un écran de résumé après avoir saisi des données sont tous des travaux raisonnables. Une visite de chaque menu n'est pas un travail, et une vidéo qui essaie d'être une visite laisse généralement le spectateur incapable de décrire ce que fait réellement l'application par la suite.

Il est utile d'énoncer le travail à voix haute avant de décider de l'enregistrer. Si la phrase a besoin de « et » plus d'une fois, ce sont probablement deux travaux qui se font passer pour un seul, et les diviser en deux enregistrements plus courts sert généralement mieux l'application et le spectateur qu'une seule vidéo qui essaie de porter tout le poids.

Travail candidat	Bon choix pour une démo	Mieux adapté ailleurs
Créer et consulter un enregistrement	Oui, cela montre clairement l'entrée et le résultat	-
Un écran de réglages ou de configuration	Rarement, sauf si la configuration est le produit	Une relecture d'application pour une demande précise
La séquence complète d'accueil	Rarement, elle est généralement trop longue	Une pièce dédiée d'accueil ou de passation d'agent

Si le build est plus proche d'un outil interne fait pour une équipe que d'un produit destiné au public, une vidéo de démo de passation d'agent peut mieux convenir qu'une démo générale, puisque le but ici est de transférer du contexte à la personne suivante plutôt que de convaincre un inconnu.

Comment préparer un projet Windsurf avant l'enregistrement ?

Ouvrez vous même la route déployée et accomplissez le travail prévu avant que quiconque d'autre ne le voie. Les projets Windsurf, comme la plupart des builds assistés par IA, commencent souvent avec des données provisoires laissées par l'échafaudage, et ces données paraissent inachevées dès qu'elles apparaissent à l'écran. Remplacez les par quelque chose qui ressemble à un véritable usage de l'application.

Confirmez que la route se charge sans redirection vers un endroit inattendu.
Remplacez le texte provisoire d'échafaudage et les enregistrements d'exemple par quelque chose de spécifique au but de l'application.
Décidez si le parcours nécessite une connexion et préparez un compte de démonstration le cas échéant.
Chronométrez l'interaction une fois à la main pour que l'indication de parcours corresponde à ce qui se passe réellement à l'écran.

Si une connexion est requise, un compte de démonstration peut être fourni via le processus normal plutôt que de remettre un compte réel. 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. Cette distinction compte pour quiconque montre un build qui a encore d'autres utilisateurs dessus.

Cela vaut la peine de tester le parcours à plus d'un moment de la journée si l'application dépend de quelque chose qui change, comme un horaire, une file d'attente, ou un compte qui se met à jour au fur et à mesure que d'autres personnes utilisent l'application. Une vidéo de démo capturée pendant un moment calme peut montrer un état vide ou trompeur si les données sous-jacentes changent avant que quelqu'un ne regarde la vidéo terminée, même si l'enregistrement lui même était exact au moment où il a été fait.

Comment l'indication en une ligne doit elle être rédigée ?

Choisissez le seul travail qui mérite d'être montré avant de décider d'un format.
Confirmez que la route est accessible et propre, sans état provisoire laissé de côté.
Adaptez le format à l'endroit où la vidéo apparaîtra, puisqu'une page de destination et une galerie de lancement veulent des choses différentes.

Rédigez l'indication en langage simple, en nommant l'écran de départ, l'action et le résultat attendu. Évitez de décrire l'application en termes de la manière dont elle a été construite. Un spectateur ne se soucie pas que l'application vienne d'un éditeur assisté par IA. Il se soucie de savoir si ce qui est à l'écran résout un problème qu'il reconnaît.

Relisez l'indication une fois comme si vous étiez le spectateur plutôt que la personne qui l'a écrite. Si un mot de l'indication n'aurait pas de sens sans déjà connaître l'application, remplacez le par quelque chose qu'un visiteur de première visite pourrait suivre, puisque le rendu n'a aucun moyen d'ajouter un contexte que vous n'avez pas mis vous même dans la phrase.

Où la vidéo terminée a t elle sa place ?

L'emplacement change ce dont la vidéo a besoin. Une vidéo produit de page de destination se trouve au dessus de la ligne de flottaison et doit capter l'attention dans les premières secondes sans son. Une vidéo de lancement SaaS construite par IA est écrite pour le moment précis où un produit généré devient public pour la première fois, où le public juge l'idée autant que l'exécution. Une vidéo de démo SaaS pour un agent IA penche vers un public technique qui évalue si un agent a réellement accompli une tâche correctement plutôt que produit un écran simplement plausible. Aucune de ces destinations ne change la façon dont vous préparez l'application. Elles changent ce que vous coupez et ce que vous gardez dans le cadre.

Une vidéo de démo d'une application sans code fait face à une question liée mais distincte, puisqu'un build sans code et un build assisté par IA avec code peuvent paraître identiques pour un spectateur même si le processus sous-jacent diffère. Dans les deux cas, la vidéo terminée doit décrire ce que fait l'application, pas comment elle a été faite.

Que faut il vérifier avant qu'elle ne devienne publique ?

Relisez le candidat par rapport à l'indication d'origine. Confirmez que l'image d'ouverture donne assez de contexte à elle seule, puisque de nombreux spectateurs regarderont en muet sans contexte préalable. Vérifiez la présence de texte provisoire, d'états inachevés, ou de tout ce que vous ne voudriez pas qu'un inconnu voie dans le cadre. Environ un rendu sur cinq a besoin d'une nouvelle tentative, donc planifiez le calendrier en gardant cela à l'esprit plutôt que d'enregistrer le jour où quelque chose est dû.

Chaque nouveau compte reçoit 60 secondes de vidéo une seule fois, avec filigrane, et ensuite le temps acheté en recharge n'expire jamais et le temps n'est utilisé que lorsqu'un rendu réussit. Comparez les approches d'enregistrement à Screen Studio si vous hésitez entre un enregistrement manuel et ce flux de travail, consultez les tarifs pour les forfaits, parcourez le reste de la bibliothèque de guides et de comparaisons, ou partez de la page d'accueil de GogoScreen avec l'URL et l'indication en une ligne sur lesquelles repose tout le flux de travail.

Précisions

Avant de commencer

Que doit montrer une vidéo de démo Windsurf ?

Elle doit montrer un travail utilisateur accompli à l'intérieur de l'application, d'un point de départ reconnaissable jusqu'à un résultat visible. Elle ne doit pas tenter de résumer chaque écran que possède le build.

Windsurf héberge t il l'application que la vidéo montrera ?

Non. Windsurf est un éditeur de code. Le projet fonctionne localement pendant sa construction et ne devient accessible qu'une fois déployé sur un hébergeur choisi séparément, qu'il s'agisse d'un serveur personnel ou d'un fournisseur d'hébergement.

Une vidéo de démo Windsurf est elle différente d'une démo pour un autre constructeur ?

Le flux de travail d'enregistrement est le même pour toute application web accessible. Ce qui diffère, c'est le travail précis et la catégorie d'application montrés, c'est pourquoi ce guide oriente vers des guides spécifiques au format pour une page de destination, une galerie de lancement ou une passation client.

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.

Voir les tarifs Lire les guides