Enregistrer des démos d’extensions de navigateur qui donnent envie d’installer

Les extensions de navigateur sont difficiles à démontrer. Tout le produit tient dans un popup de 300 pixels, une icône de barre d’outils de 16 pixels et quelques modifications d’une page conçue par quelqu’un d’autre. Pas de fenêtre d’application à exhiber, pas d’écran de lancement, pas de tableau de bord. Pourtant, la vidéo de démo est souvent la seule chose qui sépare un visiteur curieux de l’installation.

Bonne nouvelle : les contraintes sont prévisibles. Dès que vous savez où les démos d’extension échouent habituellement, un court enregistrement peut devenir remarquablement convaincant.

Pourquoi les démos d’extension sont différentes

La plupart des conseils sur l’enregistrement d’écran supposent que votre produit occupe la fenêtre. Une extension, non. Cela change quatre choses :

• Votre interface est minuscule : popups, badges et menus contextuels occupent une fraction du cadre ; avec un cadrage par défaut, ils sont invisibles
• La page hôte est la scène : les spectateurs doivent reconnaître le site que vous améliorez avant de voir ce que vous avez changé
• La valeur est un écart : vous ne montrez pas une fonctionnalité, vous montrez une page devenue meilleure
• L’installation fait partie du produit : les demandes d’autorisation et l’épinglage sont la première chose qu’un nouvel utilisateur rencontre, et c’est là que l’abandon se produit vraiment

Construisez l’enregistrement autour de ces quatre faits et le reste n’est que travail ordinaire.

Créez d’abord un profil de démo propre

N’enregistrez jamais une démo d’extension dans votre navigateur quotidien. Créez un profil dédié et réservez-le aux enregistrements.

• Videz la barre d’outils : chaque autre icône d’extension concurrence la vôtre. Supprimez-les ou masquez-les toutes
• N’épinglez que votre extension : une seule icône dans une barre vide est impossible à confondre
• Déconnectez-vous de vos comptes personnels : avatars, noms et adresses e-mail apparaissent dans un nombre surprenant d’images
• Nettoyez les favoris et la barre de favoris : ou remplacez-les par des favoris neutres, adaptés à une démo
• Réinitialisez la page Nouvel onglet : par défaut, elle affiche souvent votre historique en vignettes
• Coupez les notifications sans rapport : côté navigateur et côté système
• Réglez un zoom cohérent : 100 % de zoom de page, et une taille de fenêtre correspondant à votre format d’export

Faites-le une fois, puis enregistrez le profil. Chaque tournage suivant repartira du même état propre, et vos vidéos formeront une série visuellement cohérente.

Choisissez le bon mode de capture

Trois options raisonnables, selon que l’interface du navigateur compte ou non.

• Capture de fenêtre : le choix par défaut pour une extension. Les spectateurs voient la barre d’outils, là où vivent votre icône et votre badge ; et votre bureau reste caché
• Capture de zone : bien pour un plan serré sur le popup et la partie de page concernée. Pratique pour les formats sociaux courts, mais la barre d’outils est coupée et l’on perd la notion d’emplacement de votre interface
• Plein écran : seulement si vous devez montrer quelque chose hors du navigateur — une boîte de dialogue système, une autorisation du système d’exploitation, une autre application

Pour la plupart des démos, enregistrez la fenêtre du navigateur dans un format proche du 16:9, puis faites les gros plans au montage avec le zoom, plutôt qu’en changeant de mode de capture en cours de route.

Montrez honnêtement le parcours d’installation

Il est tentant de sauter l’installation et de passer directement à l’extension en action. Faites l’inverse dans au moins une vidéo. Les nouveaux utilisateurs s’inquiètent des autorisations, et voir quelqu’un franchir sereinement cette étape est rassurant.

• Partez de la fiche du store ou de votre bouton d’installation : exactement le chemin d’un vrai utilisateur
• Ne cachez pas la boîte de dialogue d’autorisation : laissez-la apparaître, puis expliquez en une phrase pourquoi elle est nécessaire. « Elle a besoin d’accéder à ce site parce qu’elle lit les prix affichés sur la page » répond à la question avant qu’elle devienne un doute
• Montrez l’épinglage : beaucoup installent une extension puis ne la retrouvent pas. Dix secondes d’épinglage évitent beaucoup de messages au support
• Utilisez un profil neuf pour que le parcours soit réel : une autorisation déjà accordée saute silencieusement la boîte de dialogue et rend votre vidéo trompeuse

Si vous voulez aussi un court extrait centré sur la fonctionnalité, découpez-le à part dans le même enregistrement plutôt que de sacrifier la démonstration complète.

Rendez lisible une interface minuscule

C’est ici que tout se joue. Votre popup est petit sur votre écran et microscopique sur un téléphone.

• Zoomez à chaque ouverture de popup : un zoom centré sur le popup tant qu’il est ouvert est le montage le plus rentable d’une vidéo d’extension
• Zoomez sur l’icône quand le badge change : un compteur qui passe de 0 à 12 ne sert à rien si personne ne peut lire le chiffre
• Mettez le curseur en évidence : sinon, les clics sur une icône de 16 pixels sont invisibles. Surbrillance du curseur et effets de clic indiquent précisément où l’interaction a eu lieu
• Restez immobile après l’ouverture : laissez une seconde pleine avant de bouger la souris. Le mouvement sur une petite interface devient du flou après compression
• Utilisez des surimpressions pour les libellés impossibles à agrandir : une courte légende vaut mieux que de plisser les yeux sur du 10 pixels
• Ne comptez pas sur les infobulles : petites, lentes, et souvent absentes de l’enregistrement. Dites le libellé à voix haute

Structurez en avant-après

Une extension améliore une expérience existante : commencez donc par la douleur.

1. Montrez la page sans l’extension pendant cinq à dix secondes : le travail manuel, l’information manquante, l’étape fastidieuse
2. Activez l’extension ou cliquez sur son icône, de façon visible
3. Montrez la même page transformée, idéalement dans le même cadrage pour que l’écart saute aux yeux
4. Réalisez une tâche réaliste de bout en bout avec la fonctionnalité
5. Terminez par le chemin d’installation et l’emplacement des réglages

Conserver un cadrage identique entre les étapes 1 et 3 fait une grande partie du travail : l’œil compare directement les deux images au lieu d’essayer de se rappeler à quoi ressemblait la page une minute plus tôt.

Réglages d’enregistrement et d’export

• 30 ips suffisent pour des interactions de page et une interface de popup ; le texte reste net et les fichiers légers
• Enregistrez en résolution native et laissez l’éditeur recadrer ou zoomer, plutôt que d’enregistrer petit et d’agrandir
• Gardez la fenêtre fixe : un redimensionnement en cours d’enregistrement refait circuler la page et ruine vos images clés de zoom
• Capturez l’audio système si l’extension émet des sons, sinon micro seul
• Exportez en 1080p pour le web, et pensez à un recadrage vertical des 20 meilleures secondes

Liste de contrôle avant enregistrement

[ ] Profil de navigateur de démo actif, autres extensions masquées
[ ] Seule votre extension est épinglée
[ ] Déconnecté des comptes personnels, page Nouvel onglet nettoyée
[ ] Données de démo préparées sur la page hôte
[ ] Zoom de page à 100 %, fenêtre au format d'export
[ ] Autorisations non encore accordées si vous montrez l'installation
[ ] Notifications coupées, badges vidés
[ ] Test de dix secondes vérifié à la taille d'un téléphone

Erreurs fréquentes

• Faire la démo dans un navigateur avec quinze autres extensions : personne ne sait laquelle est la vôtre
• Ne jamais zoomer : la première cause d’échec des vidéos d’extension
• Couper la demande d’autorisation : cela donne l’impression de cacher quelque chose
• Utiliser un vrai compte connecté : des données personnelles se glissent dans des images que vous ne revisionnerez pas attentivement
• Expliquer le popup en déplaçant la souris : faites l’un, puis l’autre
• Oublier le contexte de la page hôte : il faut savoir de quel site il s’agit avant de s’intéresser au changement

Conclusion

Une démo d’extension doit accomplir deux choses en moins de deux minutes : montrer que l’installation est simple et sans risque, et faire paraître important un petit morceau d’interface. Un profil propre règle le premier point. Zoom, surbrillance du curseur et structure avant-après serrée règlent le second. Enregistrez la fenêtre du navigateur, gardez-la stable, zoomez sur chaque popup, et laissez la page transformée plaider pour vous.