Guide7 min de lecture

Vidéo de page de destination Firebase Studio

Donnez à la page une preuve au dessus de la ligne de flottaison, pas une liste.

Construisez la preuve au dessus de la ligne de flottaison pour la page d'une application Firebase Studio, pour un visiteur qui décide en secondes.

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 flux qui prouve la promesse principale

Choisissez le seul flux qui prouve la promesse principale de l'application plus vite que le texte environnant ne le peut.

Préparer l'application déployée avant l'enregistrement

Préparez l'application déployée pour qu'elle s'ouvre directement sur ce flux sans encombrement sur le chemin.

Réduire l'indication jusqu'à ce que le résultat soit sans équivoque

Réduisez l'indication d'une ligne jusqu'à ce que le résultat que la vidéo montre soit sans équivoque en quelques secondes.

La vidéo au dessus de la ligne de flottaison sur une page de destination a une tâche différente de toute autre vidéo dont une application aura jamais besoin : elle doit fonctionner avant que le visiteur n'ait décidé de faire confiance à quoi que ce soit. Il n'a pas lu la liste de fonctionnalités, il ne sait pas comment l'application s'appelle, et il fera défiler en quelques secondes si la vidéo ne plaide pas immédiatement pour lui. C'est un cahier des charges bien plus étroit qu'une vidéo de démo générale, et une application Firebase Studio construite rapidement a souvent une page de destination écrite avant que le produit lui même n'ait été entièrement prouvé, ce qui rend l'écart entre la promesse du titre et la réalité à l'écran digne d'être comblé avant le lancement.

GogoScreen produit cela à partir d'une URL déployée et d'une ligne décrivant le flux à montrer, renvoyant un MP4 narré en environ deux minutes avec zooms sur les clics, lissage du curseur, temps morts supprimés, et sous-titres incrustés. Pour une application protégée par Firebase Authentication, un compte de démonstration peut être fourni, chiffré, utilisé pour un seul rendu, puis supprimé. 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. Rien de tout cela ne change la vraie contrainte ici, qui est éditoriale : la vidéo a des secondes, pas des minutes, pour faire son travail.

Qu'est ce qui rend une vidéo de page de destination différente d'une démo générale ?

Une vidéo de démo générale peut se permettre quelques secondes supplémentaires de contexte car le spectateur a déjà choisi de la regarder. Une vidéo de page de destination est en concurrence avec la décision du visiteur de continuer à faire défiler, donc elle doit commencer au moment où la valeur devient visible, pas sur un écran de connexion, un état de chargement, ou une étape de configuration sans rapport. Si la promesse principale de l'application est qu'une soumission de formulaire produit un résultat instantané et précis, la vidéo doit commencer à ou juste avant cette soumission, pas plusieurs étapes plus tôt.

Coupez tout ce qui est vrai sur l'application mais n'est pas le point du titre au dessus. Un tableau de bord avec de nombreuses fonctionnalités n'est pas l'histoire que raconte la page de destination si le titre promet un résultat précis. Faites correspondre la vidéo exactement à l'affirmation du titre, car une discordance entre les deux affaiblit les deux.

Décision de vidéo de page de destination	Pourquoi cela compte ici	Ce qui la casse
Commencer au moment de valeur	Le visiteur décide en quelques secondes, pas en minutes	Ouvrir sur un écran de connexion ou de chargement
Correspondre exactement à l'affirmation du titre	Le texte et la vidéo se renforcent mutuellement	Montrer une fonctionnalité que le titre ne mentionne jamais
Supposer que le son est coupé	La plupart des visiteurs ne réactiveront pas le son immédiatement	Compter sur la narration pour porter le fait clé

Comment préparer l'application déployée pour cet enregistrement ?

Ouvrez l'application sur son URL publique Firebase Hosting dans une fenêtre de navigateur privée et confirmez qu'elle se charge de la manière dont un visiteur de première visite en ferait l'expérience, sans session enregistrée et sans accès au niveau du projet. Si le flux nécessite un état connecté pour montrer son résultat, préparez un compte de démonstration à l'avance afin que l'enregistrement ne consacre pas ses quelques secondes à la création de compte. Une vidéo de page de destination n'a pas de place pour des étapes de configuration qu'une démo générale pourrait se permettre d'inclure.

Ouvrez l'URL déployée dans une fenêtre privée, de la même manière qu'un nouveau visiteur y atterrirait.
Préparez tout état de compte nécessaire afin que l'enregistrement commence au moment de valeur.
Retirez ou remplacez le contenu d'espace réservé laissé par l'échafaudage.
Confirmez que le flux se termine en quelques secondes, pas en deux minutes.

Choisissez le seul flux qui prouve la promesse principale de l'application plus vite que le texte environnant ne le peut.
Préparez l'application déployée pour qu'elle s'ouvre directement sur ce flux sans encombrement sur le chemin.
Réduisez l'indication d'une ligne jusqu'à ce que le résultat que la vidéo montre soit sans équivoque en quelques secondes.

Quelle précision l'indication doit elle avoir pour une vidéo aussi courte ?

Plus précise que pour une démo plus longue, pas moins. Une vidéo de page de destination a moins de marge pour se rattraper si le rendu dérive vers un écran adjacent, donc l'indication doit nommer le point de départ exact, l'action unique, et le résultat visible exact, ne laissant rien à l'interprétation. « Depuis la page d'accueil, saisir une adresse et montrer le résultat correspondant apparaître sous le champ » est assez précis pour être vérifié ensuite. Une indication plus large risque un rendu qui montre techniquement que l'application fonctionne mais pas le moment précis que le titre vend.

Que faut il vérifier avant qu'elle n'aille en direct au dessus de la ligne de flottaison ?

Regardez la vidéo terminée en muet, sur la plus petite taille d'écran que la page de destination prend en charge, car une part importante des visiteurs la verra d'abord là. Confirmez que le résultat est lisible sans narration et sans avoir besoin de lire un sous-titre deux fois. Si le flux n'a de sens qu'avec le son activé, il a besoin d'un moment visuel plus clair, pas d'une demande d'augmenter le volume.

Vérifiez le rendu par rapport au titre une fois de plus avant de publier. Si le texte a changé depuis que l'indication a été écrite, même légèrement, relisez les deux ensemble et confirmez qu'ils s'accordent toujours. Une page de destination où les mots promettent une chose et où la vidéo montre quelque chose d'adjacent paraît négligée, même quand les deux sont individuellement exacts.

Confirmez aussi que la vidéo paraît toujours correcte une fois que la mise en page environnante de la page est finale. Une vidéo correctement dimensionnée et cadrée en isolation peut paraître à l'étroit ou étrangement recadrée une fois qu'elle se trouve à l'intérieur de la véritable section héroïque, en particulier sur une fenêtre plus étroite où la mise en page a moins de place pour respirer. Chargez la page de destination terminée, pas seulement le fichier vidéo, et jugez le résultat dans ce contexte réel, sur un écran de téléphone et un écran d'ordinateur portable tous les deux, avant de traiter l'actif comme terminé.

Où cela s'inscrit il dans le reste du lancement ?

Une vidéo de lancement Product Hunt Firebase Studio est un actif lié mais distinct avec ses propres contraintes de longueur et de galerie, différent de la version qui se trouve au dessus de la ligne de flottaison sur le propre site de l'application. Le guide du partage Firebase Studio avec un client et le guide de la démo de portfolio Firebase Studio couvrent des audiences qui connaissent déjà l'existence de l'application plutôt qu'un visiteur froid arrivant d'une recherche ou d'un lien. Le guide de la présentation guidée de relecture Firebase Studio est pour la relecture interne avant que tout cela ne devienne public, ce qui est généralement l'étape qui précède directement le moment où une vidéo de page de destination vaut même la peine d'être enregistrée.

Pour la tâche comparable sur une plateforme de création différente, voir le guide de la vidéo de démo Softr. Pour un compagnon écrit à la vidéo, le guide de la vidéo de démo produit README et le guide de la vidéo de présentation guidée d'application web couvrent un contexte de documentation plutôt qu'un contexte marketing, utile une fois que la vidéo de page de destination est déjà en direct et qu'un lecteur plus technique a besoin d'une explication plus complète. Si la vidéo de page de destination actuelle est destinée à remplacer un outil d'enregistrement d'écran que l'équipe utilise déjà pour ce genre d'actif, voir le guide de l'alternative à Loom pour une démo produit. Pour un SaaS dont la page de destination est construite pour la première fois plutôt que rafraîchie, le guide de la vidéo de démo pour un nouveau SaaS et le guide de la vidéo produit de page de destination couvrent les décisions éditoriales plus larges que cette page suppose déjà prises, y compris la part de la page qu'une vidéo doit occuper par rapport au texte environnant. Comparez GogoScreen à un outil d'enregistrement d'écran dédié sur GogoScreen contre Screen Studio, consultez les tarifs pour les forfaits et recharges, parcourez la bibliothèque complète de guides et les pages de comparaison, ou commencez depuis la page d'accueil de GogoScreen pour le flux de travail de l'URL et de l'indication lui même.

Précisions

Avant de commencer

Quelle doit être la durée d'une vidéo de page de destination Firebase Studio ?

Assez courte pour se terminer avant qu'un visiteur ne la fasse défiler, généralement moins d'une minute. L'objectif est de répondre à une question, que fait réellement cette application, pas de parcourir chaque écran.

La vidéo de page de destination doit elle se lancer automatiquement avec le son ?

Prévoyez qu'elle soit d'abord regardée en muet. Des sous-titres incrustés et une séquence visuelle qui a du sens par elle même comptent plus que la narration pour une vidéo placée au dessus de la ligne de flottaison.

Que faire si l'application Firebase Studio n'est pas encore déployée sur un domaine personnalisé ?

Un domaine par défaut Firebase Hosting convient parfaitement pour l'enregistrement. Ce qui compte, c'est que l'URL soit accessible publiquement, pas qu'elle porte un domaine personnalisé.

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