Guide7 min de lecture

Guide vidéo de démo pour page de destination

Montrez un seul flux produit qui mérite sa place sur la page.

Planifiez une vidéo de démo pour page de destination qui montre un flux produit, s'adapte au contexte de la page et dispose d'une liste relisible.

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.

Que doit prouver une vidéo de démo de page de destination ?

Une vidéo de démo de page de destination doit prouver une partie de la promesse de la page avant qu'un visiteur ne décide de continuer. Sa mission n'est pas d'expliquer tout le produit, de répéter un récit de lancement, ni de remplacer le texte de la page. C'est un élément de preuve visible et compact placé à côté de la question qu'un visiteur se pose déjà.

Pour GogoScreen, l'entrée prévue est une URL d'application web accessible et une indication d'une ligne sur un seul parcours. Cela établit une méthode de préparation, pas une affirmation selon laquelle chaque application fonctionne ou qu'un premier rendu est utilisable. Environ un rendu sur cinq échoue ou nécessite une nouvelle tentative. Une vidéo produit de page de destination doit donc être relue comme un candidat précis dans une position précise, et non traitée comme une promesse réutilisable sur toutes les sorties futures.

La zone au-dessus de la ligne de flottaison a une responsabilité étroite. Un visiteur qui ne parcourt que le titre, la phrase d'appui, le visuel et la première action doit comprendre ce que le produit l'aide à faire. L'actif mérite cet espace quand il rend l'action promise concrète plus vite qu'un paragraphe supplémentaire ne le pourrait. S'il nécessite plusieurs scènes, une explication parlée, ou une visite de fonctionnalités sans lien, il a sa place plus bas sur la page ou dans un autre format.

Comment choisir la preuve pour un placement au-dessus de la ligne de flottaison ?

Commencez par la promesse de la page, puis écrivez la question du visiteur en une phrase. Par exemple, la question pourrait être de savoir si le produit peut transformer un parcours d'application web en vidéo sans session d'enregistrement manuelle. Choisissez une action visible et un résultat qui répondent uniquement à cette question. La page peut porter les réserves, le contexte tarifaire et l'étape suivante en texte.

Un storyboard utile comporte trois moments. D'abord, montrez suffisamment de l'état de départ pour que le visiteur sache ce qu'il regarde. Ensuite, montrez l'action sélectionnée. Enfin, maintenez le résultat visible assez longtemps pour qu'un spectateur en muet l'enregistre. N'ajoutez pas un deuxième flux de travail simplement parce qu'il est disponible. Davantage d'actions peuvent rendre la première preuve moins claire.

Voilà pourquoi une vidéo de démo pour un placement en page de destination diffère d'une démonstration produit générale. La décision de placement commence par la promesse de la page et se termine par une seule décision de visiteur. L'actif est évalué pour sa pertinence par rapport à cette décision, pas pour la quantité de surface produit qu'il peut couvrir.

Moment	Ce que le visiteur doit comprendre	Vérification de placement
Première image	Le contexte produit pertinent	Elle a un sens sans le son.
Action sélectionnée	L'action qui soutient la promesse de la page	Elle reste visible à la taille prévue.
Résultat visible	Le résultat qui découle de l'action	Il reste à l'écran assez longtemps pour s'enregistrer.

Que doit-il se passer quand la vidéo est en muet ?

La lecture automatique en muet est un comportement de page, pas une raison de supposer qu'un visiteur activera l'audio. La première image doit identifier le contexte produit pertinent sans dépendre d'un repère de narration. L'action doit être lisible à la taille d'affichage prévue, et le résultat doit rester visible plutôt que d'apparaître un instant avant que la boucle ne redémarre.

Relisez l'affiche séparément du clip animé. L'affiche doit établir suffisamment de contexte pour une connexion lente, un parcours sans JavaScript, ou un visiteur qui n'attend pas la lecture. Elle ne doit pas porter de texte qui devient illisible à la taille de fenêtre prévue. Elle doit aussi correspondre au candidat réel plutôt que de suggérer un résultat qui n'a pas été produit.

La performance de la page ajoute une contrainte utile. Une vidéo en boucle au-dessus de la ligne de flottaison a besoin d'une lecture automatique en muet, de playsinline, d'un comportement de boucle et d'une affiche. Gardez le fichier léger : un actif de plusieurs mégaoctets peut nuire au LCP, et un fichier H.264 est en général bien plus petit qu'un GIF du même extrait. C'est une règle générale, pas une preuve sur un actif non relu ici. Vérifiez le poids final du fichier et le comportement de lecture dans la vraie mise en page avant le placement.

Comment le texte et la mise en page environnants doivent-ils guider la décision ?

Rédigez le titre et le texte d'appui de façon à énoncer la promesse sans demander à la vidéo de porter une affirmation non vérifiée. Placez l'actif à côté du texte qu'il soutient. Un visiteur ne doit pas avoir à deviner pourquoi le clip apparaît là ni à chercher plus bas sur la page l'explication pertinente.

Vérifiez la page aux largeurs de bureau et mobile prévues. Un clip peut être clair à une grande largeur mais perdre l'action quand son espace disponible se rétrécit. Vérifiez si l'affiche recadre un contexte important, si les commandes masquent le résultat, et si le mouvement entre en concurrence avec l'action principale. Si la page a besoin d'une légende, faites-la décrire ce qui est visiblement montré plutôt qu'élargir l'affirmation.

Utilisez uniquement un état de démonstration contrôlé. Ne montrez pas d'application client, d'URL client, de média client, d'identifiants, de noms ou d'identifiants personnels. Si une connexion est nécessaire, utilisez un compte de démonstration jetable via le processus approuvé. Les rédacteurs de contenu ne demandent pas, ne consultent pas, ne copient pas et n'enregistrent pas d'identifiants.

Quand le placement doit-il être reconsidéré ?

Reconsidérez le placement quand la promesse de la page change. Une vidéo qui soutenait autrefois la première question du visiteur peut devenir distrayante quand le titre, l'action principale ou le flux produit évolue. La bonne réponse n'est pas de réécrire le texte voisin jusqu'à ce qu'il paraisse compatible. Vérifiez si la même action visible et le même résultat répondent encore à la question qu'un nouveau visiteur voit en premier.

Utilisez la mise en page réelle pour cette décision. Comparez l'actif avec la phrase d'appui, l'action principale et l'affiche aux largeurs prévues. Si la vidéo a besoin d'une longue légende pour expliquer sa présence, le placement fait probablement trop. Déplacez-la plus bas, choisissez un flux plus étroit, ou conservez l'explication écrite jusqu'à ce qu'un candidat puisse faire le point clairement.

Liste de vérification de placement

Effectuez cette liste de vérification sur le candidat réel dans la position de page proposée. La liste n'est pas la preuve que les vérifications ont eu lieu.

Le clip soutient exactement la promesse de la page au-dessus de la ligne de flottaison.
La première image a un sens sans le son.
Un état de départ, une action et un résultat visible sont clairs à la taille prévue.
La lecture automatique en muet, le comportement de boucle et le comportement playsinline sont vérifiés dans la mise en page.
L'affiche est lisible et ne laisse pas entendre un résultat non montré.
Le poids du fichier et la performance de la page sont relus avant que l'actif ne reçoive un espace au-dessus de la ligne de flottaison.
Le titre voisin, la légende et l'action ne décrivent que ce que le visiteur peut vérifier.
Aucun contenu client, identifiant, URL client ou média client n'apparaît.
La date de capture, la version, le relecteur, le résultat et toute nouvelle tentative sont consignés.

Un candidat qui échoue sur un point n'est pas réparé par une formulation plus forte. Le guide de la vidéo produit de page de destination aide à décider du rôle de la preuve et du contexte environnant, tandis que le guide de la vidéo de démo de page d'accueil vérifie la première impression plus précise et la promesse de la page. Le guide de la vidéo de démo produit intégrée relit le placement et le comportement du lecteur une fois le candidat prêt, et le guide de la vidéo de démo produit sans son vérifie si sa preuve visible tient sans audio. Changez le placement, révisez le flux prévu, ou relancez le rendu et relisez le prochain candidat sur ses propres faits.

Décisions de lancement connexes

Les autres guides répondent à des missions différentes. Lisez la préparation de la vidéo de lancement Product Hunt pour le contexte de galerie et de soumission, le flux de travail général de démo SaaS pour le processus plus large d'URL et d'indication, la préparation de l'entrée pour la vidéo de démo logicielle pour la préparation d'une route accessible, le placement de l'actif README pour les lecteurs de dépôt, une vidéo de version à un seul changement pour le contexte des notes de version, et une vidéo de démo de lancement de liste d'attente pour une preuve actuelle qui doit rester distincte des projets futurs.

Pour d'autres flux de travail, voir GogoScreen et Loom, GogoScreen et Screen Studio, GogoScreen et Clueso, GogoScreen et Guidde, et GogoScreen et Demosmith. Consultez la page d'accueil, les tarifs, le centre de guides, le centre de comparaisons et les informations de confidentialité avant publication.

Précisions

Avant de commencer

Qu'est-ce qui a sa place dans une démo de page de destination ?

Montrez une seule action produit visible qui soutient la promesse du titre et du texte voisins. La page doit expliquer le contexte plus large.

Où une démo de page de destination doit-elle apparaître ?

Placez-la là où un visiteur a besoin d'une preuve avant de passer à l'action suivante. Testez la position proposée avec la mise en page réelle et le texte environnant.

Que doit comprendre un visiteur sans le son ?

La première image, l'action et le résultat visible doivent avoir un sens sans audio. Ne comptez pas sur la voix off pour expliquer la preuve centrale.

Comment l'actif doit-il être relu ?

Relisez le candidat exact dans sa position prévue sur la page, y compris l'affiche, la lecture en muet, les dimensions, le texte voisin, la confidentialité et tout enregistrement de nouvelle tentative.

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