Aller au contenu
Guide6 min de lecture

Vidéo de démo Bubble

Montrez un véritable parcours d'une application Bubble, connexion comprise.

Enregistrez un parcours fonctionnel d'une application Bubble, avec la connexion que la plupart des constructions attendent, sans une visite complète.

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.

Les applications Bubble tendent à paraître différentes des autres résultats no code dès qu'on dépasse la page de destination. Là où certains créateurs génèrent un prototype destiné à être exploré librement, une application Bubble est fréquemment construite comme un véritable produit adossé à une base de données dès le départ, avec des comptes utilisateurs, des enregistrements sauvegardés, et des flux de travail qui dépendent d'un état connecté. Cela change la question de la vidéo de démo. La partie intéressante d'une application Bubble n'est souvent pas la page marketing. C'est ce qui se trouve derrière la connexion que la page marketing essaie de vendre. Un spectateur qui ne voit jamais que la page de destination n'a aucun moyen de juger si le produit réel tient ce que cette page promet.

Une vidéo de démo doit en tenir compte. Là où un créateur produisant des prototypes sans état peut généralement enregistrer directement depuis un lien d'aperçu public, une démo Bubble a fréquemment besoin d'un compte préparé avec des données déjà présentes pour montrer quelque chose de significatif. Ce n'est pas tant une limitation qu'un reflet de ce à quoi Bubble sert généralement à construire : des outils avec de vrais utilisateurs, de vrais enregistrements, et des flux de travail qui n'ont de sens que lorsque quelqu'un est connecté. Planifier cette configuration de compte avant l'enregistrement est l'habitude la plus utile qu'un créateur Bubble puisse apporter à ce processus, puisqu'elle supprime la plus grande source d'une première tentative gâchée.

Que doit réellement montrer une vidéo de démo Bubble ?

Choisissez le seul flux de travail le plus proche de la raison pour laquelle quelqu'un utiliserait l'application. S'il s'agit d'un outil de gestion de projet, cela pourrait être créer une tâche et la faire passer par un statut. S'il s'agit d'une place de marché, cela pourrait être publier un article et le voir apparaître pour un acheteur. Quelle que soit la boucle centrale, cette boucle est la démo, pas une visite de chaque page accessible depuis la navigation principale.

Choix de démoPourquoi cela fonctionneCe que cela saute
Le flux de travail central autour duquel l'application est construiteIl prouve la raison d'être du produitChaque page de paramètres secondaire
Un état connecté avec des données d'apparence réelleIl montre ce qu'un utilisateur voit réellementUn compte vide sans rien de peuplé
Un point de départ, une action et un résultat clairsIl donne au spectateur quelque chose à jugerUne errance vaguement narrée dans l'application

Un clip de page de destination au dessus de la ligne de flottaison a besoin d'une version plus courte et plus soignée de la même idée, et une vidéo de galerie de lancement doit gagner l'attention d'un inconnu qui défile en moins d'une seconde. Cette démo générale se situe entre ces deux : assez longue pour prouver correctement le flux de travail central, assez ciblée pour se lire encore comme une histoire claire plutôt qu'une liste de fonctionnalités. C'est souvent le matériau source dont les deux formats plus courts sont réduits, ce qui est une raison de plus pour bien faire le flux de travail central ici d'abord.

Comment préparer une application Bubble qui nécessite une connexion ?

Si le flux de travail central se trouve derrière un compte, comme c'est souvent le cas sur Bubble, configurez un compte de démonstration avec des données qui soutiennent l'histoire plutôt qu'une nouvelle inscription vide. Un compte flambant neuf sans rien dedans force la vidéo à passer ses premiers instants sur la configuration au lieu du flux de travail lui même. Peuplez à l'avance les enregistrements dont dépend le flux de travail, avec des données clairement non issues d'un vrai client.

  • Configurez un compte de démonstration avec des enregistrements déjà peuplés, pas une nouvelle inscription vide.
  • Confirmez que le flux de connexion lui même se termine sans étape inattendue, comme un écran de vérification par e mail.
  • Retirez ou évitez tout ce qui ressemble à des données réelles de client ou d'utilisateur.
  • Testez manuellement le flux de travail complet avant de rédiger l'indication pour le rendu.

Sur GogoScreen, les identifiants sont chiffrés, utilisés pour un seul rendu, puis supprimés, donc l'identifiant lui même n'a pas besoin d'être manipulé par la personne qui rédige l'indication. 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. Ce détail de gestion compte ici en particulier parce qu'une vidéo de démo pour une application Bubble a plus de chances que la plupart d'avoir besoin d'une étape de connexion. Décider tôt de la configuration du compte de démonstration donne aussi à l'équipe une chance de repérer un flux de travail cassé avant le jour du rendu, plutôt que de le découvrir seulement une fois la vidéo revenue et que quelque chose dedans ne correspond pas aux attentes.

Que contient l'indication ?

Indiquez l'écran de départ, qu'il s'agisse de la page de connexion ou d'un tableau de bord déjà atteint, l'action qui compte, et le résultat attendu. « Depuis le tableau de bord, créez une nouvelle tâche et montrez la apparaître dans la liste active » est assez concret pour que le rendu de GogoScreen puisse le suivre, et assez précis pour qu'un relecteur puisse vérifier le fichier fini par rapport à cela. Une indication vague comme « montre l'application » invite le rendu à s'égarer dans des pages de paramètres qui ne servent pas l'histoire.

Suivez les trois étapes ci dessous dans l'ordre chaque fois qu'une nouvelle démo Bubble doit sortir :

  1. Choisissez le seul flux de travail de l'application qui prouve le mieux ce qu'elle fait.
  2. Configurez un compte de démonstration avec des données sûres si le flux de travail se trouve derrière une connexion.
  3. Rédigez une indication nommant le point de départ, l'action, et le résultat, puis vérifiez la vidéo rendue par rapport à cela.

GogoScreen renvoie un MP4 narré et monté construit à partir de l'indication, avec des zooms sur les clics pertinents, un lissage du curseur, des coupes des temps morts, et des sous titres. Environ un rendu sur cinq échoue ou nécessite une nouvelle tentative, et le temps n'est utilisé que lorsqu'un rendu réussit, donc prévoyez du temps pour une deuxième tentative plutôt que de traiter le premier rendu comme garanti.

Comment cela s'articule t il avec les guides voisins ?

Pour une version plus courte, au dessus de la ligne de flottaison, de cette même application, voir le guide de la vidéo de page de destination Bubble. Pour une version spécifique au lancement construite pour un public de galerie, voir le guide de la vidéo de lancement Product Hunt Bubble. Pour remettre la construction à un relecteur non technique, voir partager un projet Bubble avec un client et le guide de la démo de portfolio Bubble, et pour la version de validation interne, la présentation guidée de relecture Bubble.

Une vidéo de lancement d'un agent IA et une démo de page de destination d'un agent IA couvrent un format de lancement lié pour les produits d'agent, tandis qu'une vidéo de démo de résultat de test d'un agent IA est utile lorsque le flux de travail à prouver est plus proche d'un résultat de test que d'un parcours utilisateur. La liste de vérification de vidéo de démo SaaS est une bonne dernière passe avant de publier, et une vidéo de journal des modifications couvre le travail plus restreint de prouver un changement précis livré plutôt que l'application entière. Pour une comparaison d'outils d'enregistrement, lisez GogoScreen face à Clueso. Commencez sur la page d'accueil de GogoScreen, consultez les tarifs, parcourez la bibliothèque de guides, ou voir le reste des comparaisons.

Précisions

Avant de commencer

Une vidéo de démo Bubble doit elle montrer une connexion ?

Souvent oui. Les applications Bubble sont couramment construites avec une base de données et un véritable système de compte dès le départ, donc le parcours qui mérite d'être démontré se trouve fréquemment derrière une connexion plutôt que sur une page de destination publique.

GogoScreen peut il enregistrer une application Bubble qui nécessite un compte ?

Oui, en utilisant un compte de démonstration fourni pour la route protégée par connexion. 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.

Quelle durée doit avoir une vidéo de démo Bubble ?

Assez longue pour montrer un rôle d'un point de départ clair jusqu'à un résultat visible, et pas plus. Un clip court et ciblé construit autour d'un flux de travail est plus facile à évaluer pour un spectateur qu'une longue visite de chaque page de l'application.

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.