Aller au contenu
Guide7 min de lecture

Vidéo de page de destination Figma Make

Prouvez qu'un flux Figma Make tient la route avant de le placer au dessus du pli.

Construisez la preuve au dessus de la ligne de flottaison pour une page Figma Make autour d'un flux confirmé sur une deuxième visite, pas seulement la première.

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.

La page de destination d'une application Figma Make comporte un risque particulier que la page de destination d'une application construite à la main n'a pas : le flux qui paraît convaincant lors d'une revue de design pourrait être une interaction visuelle plutôt qu'une fonctionnalité entièrement fonctionnelle en dessous. Avant que ce flux n'entre dans la vidéo placée au dessus de la ligne de flottaison, où il sera jugé par des inconnus décidant s'ils font confiance au produit, il vaut la peine de confirmer exactement ce qu'il fait.

GogoScreen construit ce type de vidéo à partir d'une URL d'application web et d'une indication d'une ligne sur ce qu'il faut montrer, renvoyant un MP4 narré et monté avec zooms sur les clics, lissage du curseur, temps morts supprimés, et sous-titres incrustés. Un compte de démonstration peut être utilisé si le flux se trouve derrière une connexion, bien que de nombreuses réalisations Figma Make soient publiées sans gestion de compte, car elles sont souvent générées dans un but de conception ou de prototype. Rien de tout cela ne garantit qu'un premier rendu sera utilisable. Le temps de relecture appartient au calendrier avant que la vidéo ne devienne publique.

L'affirmation du titre survit elle à un second regard ?

Lisez le titre de la page de destination, puis ouvrez l'application et essayez exactement l'action que le titre suggère. Actualisez ensuite la page et vérifiez si le résultat est toujours là. Si le titre promet que quelque chose est enregistré, suivi, ou mémorisé, et que la réalisation sous jacente ne persiste pas réellement cet état, la vidéo doit soit choisir une autre action, soit le texte de la page doit être révisé pour correspondre à ce que l'application fait réellement. Une vidéo ne peut pas montrer de manière responsable quelque chose comme fonctionnant si l'état disparaît au moment où la page se recharge.

Élément de la page de destinationCe que la vidéo doit confirmerCe qui le compromet spécifiquement ici
TitreL'action principale, se produisant réellement et tenant après une actualisationUne interaction purement visuelle présentée comme un résultat enregistré
Sous-titreTout qualificatif sur la persistance ou l'accès au compteUn flux de compte que la réalisation n'inclut pas réellement
Appel à l'actionUn résultat qu'un nouveau visiteur obtiendrait réellementUn résultat qui n'est apparu qu'une fois pendant les tests de conception

La discipline consistant à confirmer les affirmations avant qu'elles ne deviennent publiques est utile ici, et elle compte encore plus pour un prototype généré que pour un produit construit à la main.

Combien de l'étape de connexion doit être visible, s'il y en a une ?

Certaines réalisations Figma Make incluent effectivement une connexion, en particulier celles construites comme des applications plus complètes plutôt que de purs prototypes. Si une connexion existe, décidez si la montrer aide ou ajoute simplement de la friction à une courte vidéo de page de destination. Si aucune connexion n'existe du tout, n'écrivez pas d'indication qui en suppose une, car elle échouera simplement à correspondre à la route.

Quel que soit le cas, utilisez un compte de démonstration créé spécifiquement pour l'enregistrement plutôt qu'une connexion personnelle, et jamais les identifiants d'un vrai client. Sur GogoScreen, les identifiants fournis sont chiffrés, utilisés pour un seul rendu, puis supprimés, ce qui est la description exacte et fidèle de cette gestion. 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.

Que doit contenir l'image d'ouverture ?

Les deux ou trois premières secondes portent le plus de poids au dessus de la ligne de flottaison, car de nombreux visiteurs décident de continuer à faire défiler ou non avant ce délai. Ouvrez sur un état qui ressemble déjà au produit en train de faire son travail, préparé à l'avance plutôt que laissé dans l'état par défaut au démarrage de la réalisation.

  • Confirmez que l'action choisie tient lors d'un second passage, pas seulement le premier.
  • Retirez tout texte de remplissage ou lorem ipsum laissé du processus de conception.
  • Vérifiez que les données visibles ressemblent à un exemple plausible, pas à un remplissage fabriqué.
  • Assurez vous que l'appel à l'action de la page et le résultat de la vidéo pointent vers le même résultat.

En quoi cela diffère-t-il d'une démo générale ?

Une vidéo de démo générale Figma Make peut se permettre plus de contexte et un rythme plus lent, puisqu'un visiteur qui a cliqué pour la regarder a déjà montré de l'intérêt. Le placement de page de destination doit être plus court et viser à prouver exactement une affirmation. Écrire l'indication de la page de destination comme une version réduite de l'indication de démo générale, une fois que les deux flux ont été confirmés pour se comporter de manière cohérente, garde les deux actifs alignés sans dupliquer le travail de vérification.

Que faire si le design et la réalisation fonctionnelle sont en désaccord ?

Une application Figma Make présente parfois un écart visible entre ce qu'un écran a été conçu pour suggérer et ce que l'interaction générée livre réellement, puisque l'outil part d'une intention de design que l'ingénierie n'a pas toujours entièrement rattrapée. Lorsque cet écart apparaît pendant la passe de confirmation, traitez le comme une information sur l'état actuel de la réalisation plutôt que comme quelque chose autour de quoi enregistrer. Choisir une autre action que la réalisation soutient véritablement est un meilleur usage du temps que d'essayer d'orienter la caméra, pour ainsi dire, autour d'une fonctionnalité qui ne marche qu'à moitié.

Si l'écart se situe entre le texte de la page de destination et la réalisation plutôt qu'à l'intérieur de la réalisation elle même, la correction la plus rapide consiste généralement à ajuster le texte plutôt que la vidéo. Un titre de page de destination écrit avant que la réalisation ne soit terminée peut se désynchroniser de ce qui a effectivement été livré, et une vidéo est un mauvais outil pour masquer cette dérive puisqu'un visiteur attentif finira par remarquer l'écart par lui même.

Quelle est la version courte de ce processus ?

  1. Confirmez que le flux choisi se comporte de la même manière lors d'une deuxième visite avant de construire l'indication autour de lui.
  2. Réduisez la route enregistrée à exactement l'action que le titre promet, sans rien d'inutile inclus.
  3. Vérifiez le candidat terminé par rapport au propre titre de la page avant de le placer au dessus de la ligne de flottaison.

Que faut il vérifier avant de publier au dessus de la ligne de flottaison ?

Jouez la vidéo terminée à côté du texte de la page et demandez vous si quelqu'un qui n'a jamais vu le produit conviendrait que le titre a été démontré, pas simplement suggéré. Si une nouvelle tentative est nécessaire, c'est normal : environ un rendu sur cinq en a besoin d'une. Chaque nouveau compte reçoit 60 secondes de vidéo une seule fois, avec filigrane, avec une vérification d'e mail requise pour la télécharger, ce qui convient souvent bien à cet emplacement. Au delà des 60 secondes gratuites, les vidéos utilisent du temps d'un forfait ou d'une recharge, et le temps n'est utilisé que lorsqu'un rendu réussit réellement.

Où se situent les autres pages Figma Make ?

Une fois la vidéo de page de destination réglée, la même réalisation a généralement besoin d'autres actifs pour d'autres tâches. Une vidéo de lancement Product Hunt a ses propres contraintes de galerie. Remettre la réalisation à un relecteur non technique est couvert dans le guide sur la façon de partager un projet Figma Make avec un client. Une entrée de portfolio veut généralement l'interface montrée en fonctionnement pour une audience différente, et une présentation guidée de relecture encadre le même flux autour de la question de savoir si la réalisation a fait ce qui a été demandé.

Pour la même tâche sur une plateforme de création comparable, le guide de la vidéo de démo Bubble couvre une plateforme avec des réglages par défaut différents autour de la persistance et des comptes, utile à lire si la même équipe compare des plateformes de création. Les guides de placement connexes incluent le guide de la vidéo de démo produit README, le guide de la vidéo de démo d'annonce produit, le guide de la vidéo de démo produit intégrée, le guide de la vidéo de remise de version d'agent IA, et le guide de la vidéo de démo d'application créée par agent. Comparez les options d'URL directe sur GogoScreen contre Screen Studio, consultez les tarifs, ou parcourez le reste des guides et des comparaisons depuis la page d'accueil.

Précisions

Avant de commencer

Qu'est ce qui doit figurer au dessus de la ligne de flottaison sur la page de destination d'une application Figma Make ?

Une courte vidéo du flux qui prouve le mieux la promesse du titre, confirmée à la main pour se comporter de manière cohérente et pas seulement paraître correcte lors d'un seul passage.

La vidéo de page de destination doit elle mentionner que l'application a été construite avec Figma Make ?

C'est une décision de texte de page distincte de la vidéo. Le travail de la vidéo est de montrer que le flux fonctionne, indépendamment de la façon dont la page environnante évoque l'outil utilisé pour la construire.

Quelle doit être la durée de la vidéo au dessus de la ligne de flottaison ?

Assez courte pour être regardée avant de faire défiler la page. Chaque nouveau compte reçoit 60 secondes de vidéo une seule fois, avec filigrane, ce qui est un plafond raisonnable pour cet emplacement.

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.