Aller au contenu
Guide7 min de lecture

Présentation guidée de relecture d'application v0

Montrez au relecteur le parcours unique qui prouve que la build correspond au brief.

Fournissez à un relecteur la preuve qu'une build v0 fait ce qui a été demandé, avec un parcours qu'il peut vérifier par rapport à la demande d'origine.

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.

Un relecteur qui vérifie une build v0 par rapport à un brief part généralement avec un désavantage : il n'a pas écrit le code, il ne sait peut être pas où se trouve l'écran pertinent, et on lui demande de se forger un jugement rapidement. Une vidéo de présentation guidée comble cet écart avant que la relecture ne commence. Plutôt que le relecteur ouvre l'application à froid et devine où regarder, il regarde le parcours précis que le brief demandait, accompli, dans l'ordre où il était censé se dérouler.

Cet écart tend à être plus large sur un projet v0 que sur une base de code que le relecteur connaît déjà, car la génération peut produire plusieurs écrans d'apparence plausible en une passe, et seuls certains sont reliés à un comportement fonctionnel. Un relecteur qui fouille sans guide peut tomber sur une page d'apparence finie qui n'a rien derrière elle, s'en faire une impression et ne jamais atteindre le parcours sur lequel la build a réellement été jugée. Une présentation guidée courte et ciblée évite cette mauvaise lecture avant qu'elle ne se produise.

GogoScreen prend une URL d'application web et une indication d'une ligne sur ce qu'il faut montrer, puis renvoie un MP4 narré et monté avec des zooms sur les clics, un lissage du curseur, une suppression des temps morts et des sous-titres incrustés. Pour une transmission de relecture, la narration compte car elle peut nommer l'exigence démontrée au fur et à mesure que le parcours se déroule, ce qui garde le relecteur orienté sans avoir un document séparé ouvert à côté de la vidéo.

Que doit prouver une présentation guidée de relecture ?

Une présentation guidée de relecture existe pour répondre à une seule question : cette build fait elle la chose précise qu'on lui a demandé de faire. C'est plus étroit qu'une démo produit générale et plus étroit qu'un clip de portfolio. Le relecteur n'est pas en train d'être convaincu de l'idée, il vérifie un travail par rapport à une exigence qu'il comprend probablement déjà. Identifiez l'exigence exacte que le relecteur doit vérifier par rapport à la build, et construisez tout le clip autour de la preuve de cette seule chose.

Résistez à l'envie d'inclure un travail voisin simplement parce qu'il se trouve être terminé et proche. Un relecteur qui regarde une présentation guidée qui dérive de l'exigence cadrée vers des fonctionnalités sans rapport doit faire un travail supplémentaire pour déterminer quelle partie du clip répond réellement à sa question, et ce travail supplémentaire est précisément ce que la présentation guidée était censée supprimer.

Cette discipline devient plus difficile à mesure que le développeur en sait davantage sur la build. Quelqu'un qui a passé une semaine sur un projet v0 veut naturellement qu'un relecteur voie les parties qui ont été difficiles, même lorsque ces parties n'étaient pas ce que le brief demandait. Mettez cet instinct de côté pour la présentation guidée elle même. Si le travail supplémentaire mérite d'être montré, soulevez le séparément, dans un message ou un second clip, plutôt que de le laisser rivaliser pour l'attention avec le parcours unique sur lequel porte réellement la relecture.

Ce dont le relecteur a besoinCe que la présentation guidée doit montrerCe qu'il faut laisser de côté
Confirmation que l'exigence est remplieLe parcours exact qui la satisfaitDes fonctionnalités sans rapport, aussi finies soient elles
Un chemin qu'il peut refaire lui mêmeUn point de départ clair et un état finalUne visite qui saute entre les écrans
Assez de contexte pour juger rapidementUne narration qui nomme l'exigenceUn langage marketing sur le produit

Comment préparer la build avant l'enregistrement ?

Ouvrez l'URL de prévisualisation v0 et confirmez que le parcours satisfait l'exigence avant de l'enregistrer. Cette étape détecte le cas où le code semble complet mais où le comportement ne correspond en fait pas au brief, ce qui est plus utile à découvrir avant que le relecteur ne le voie qu'après. Parcourez le flux exactement comme le relecteur le jugera, pas comme le développeur sait qu'il devrait fonctionner.

  • Chargez l'écran de départ exact où l'exigence est censée commencer.
  • Confirmez que le parcours atteint l'état final précis que le brief décrivait, pas une approximation proche.
  • Retirez les données de remplacement et remplacez les par du contenu qui rend le résultat lisible.
  • Si le parcours se trouve derrière une connexion, utilisez un compte de démonstration plutôt qu'un compte personnel.

Si une connexion protège le parcours, un compte de démonstration peut être fourni via le processus approuvé, et 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. Une transmission à un relecteur est un endroit raisonnable pour être explicite à ce sujet, car le relecteur pourrait demander quel accès le processus d'enregistrement a nécessité.

Vérifiez l'état actuel de la build même si rien n'a changé récemment. Un projet v0 peut sembler identique dans l'éditeur pendant que la prévisualisation déployée dérive, en particulier si une dépendance a été mise à jour ou si une ressource hébergée dont l'application dépend a changé de forme. Une présentation guidée enregistrée contre une prévisualisation obsolète montrera au relecteur quelque chose qui ne correspond plus à la build en direct, ce qui est un résultat pire que de n'envoyer aucune présentation guidée, car cela ressemble à une confirmation alors que c'est en fait une divergence en attente d'être découverte.

Comment rédiger l'indication pour qu'elle corresponde au brief ?

Rédigez une indication nommant le début, l'action et le résultat, puis remettez le clip au relecteur avec la prévisualisation en direct. Utilisez le langage du brief d'origine plutôt que le langage de la base de code. Si l'exigence disait « les utilisateurs peuvent exporter leurs données », l'indication doit décrire exactement cette action et ce résultat, pas un nom interne pour la fonctionnalité que seul le développeur reconnaîtrait.

  1. Identifiez l'exigence exacte que le relecteur doit vérifier par rapport à la build.
  2. Ouvrez l'URL de prévisualisation v0 et confirmez que le parcours satisfait l'exigence avant de l'enregistrer.
  3. Rédigez une indication nommant le début, l'action et le résultat, puis remettez le clip au relecteur avec la prévisualisation en direct.

Le guide de la vidéo produit de page de destination et le guide de la vidéo de démo de page de destination couvrent un cas voisin mais distinct, où le public est un visiteur qui décide s'il veut essayer le produit plutôt qu'un relecteur qui le vérifie par rapport à une spécification. La distinction compte car une présentation guidée de relecture peut être plus technique et plus précise que l'une ou l'autre, puisque le relecteur possède déjà un contexte que le visiteur n'a pas.

Qu'est ce qui doit accompagner le clip ?

Envoyez la présentation guidée à côté de l'URL de prévisualisation réelle plutôt qu'à sa place. La vidéo établit ce que le relecteur doit s'attendre à trouver, mais une vraie relecture peut soulever des questions de suivi que le clip n'était jamais censé résoudre, et le relecteur a besoin d'un moyen de les vérifier directement sur la build en cours d'exécution. Le guide de la vidéo de démo depuis une URL de site web couvre la préparation de cette URL d'accompagnement pour qu'elle résiste au même examen que le clip.

Incluez une courte note à côté du clip précisant exactement quelle exigence il traite, surtout si la relecture couvre plusieurs exigences gérées par plusieurs clips séparés. Sans cette note, un relecteur qui parcourt une pile de clips doit reconstruire lequel répond à quelle question, et cette tâche administrative retombe exactement sur la personne que la présentation guidée était censée aider.

Environ un rendu sur cinq échoue ou nécessite une nouvelle tentative, donc regardez le candidat avant de l'envoyer plutôt que de supposer qu'il a été obtenu correctement du premier coup. Si la build a été assemblée avec un créateur de site web IA dans le cadre d'une pile plus large plutôt qu'avec v0 seul, la relecture reste centrée sur l'exigence unique, quel que soit le nombre d'outils ayant contribué à la build. Pour une relecture centrée sur un parcours piloté par un agent plutôt que manuel, le guide de la vidéo de relecture produit pour agent IA couvre l'attention supplémentaire que cette distinction demande.

Pour une build réalisée dans Cursor plutôt que dans v0, le guide de la vidéo de démo Cursor, le guide de la vidéo de page de destination Cursor, le guide de la vidéo de lancement Product Hunt Cursor, le guide du partage avec un client Cursor et le guide de la démo de portfolio Cursor couvrent la préparation équivalente pour un projet sans URL de prévisualisation intégrée. Pour une comparaison avec un autre outil d'enregistrement, consultez GogoScreen et Clueso. Commencez depuis la page d'accueil pour le parcours d'URL et d'indication, parcourez les guides pour le reste de la série, consultez les comparaisons par rapport à d'autres outils, et lisez la page tarifs avant de soumettre un rendu.

Précisions

Avant de commencer

Quel est le but d'une présentation guidée de relecture d'application ?

Elle donne à un relecteur un parcours enregistré qui prouve que la build a fait ce que le brief demandait, afin que la relecture puisse partir d'une compréhension partagée plutôt que le relecteur cherchant dans des écrans la partie pertinente.

La présentation guidée doit elle couvrir toute l'application ?

Non. Elle doit couvrir l'exigence précise en cours de relecture. Une présentation guidée qui s'écarte du parcours cadré rend plus difficile, pas plus facile, pour le relecteur de juger la question réelle devant lui.

Que faire si le relecteur a des questions auxquelles la vidéo ne répond pas ?

La vidéo est un point de départ pour la relecture, pas un remplacement de celle ci. Associez la à l'URL de prévisualisation réelle pour que le relecteur puisse poser des questions de suivi sur la build en cours d'exécution.

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.