Guide

Comment créer une vidéo de démo produit sur Mac

Une bonne démo produit est courte, se comprend sans le son et montre le produit accomplir une chose utile. Pas besoin de studio ni de monteur dans l’équipe. Ce guide parcourt tout le processus sur Mac, de la première ligne du script jusqu’à l’export, avec les réglages qui comptent à chaque étape. Il s’adresse aux fondateurs, aux développeurs et aux product managers qui ont besoin d’une démo cette semaine.

Mis à jour le 8 min de lecturePar Omar Khaled

Monté dans Shotnix : un zoom à chaque clic, un pointeur fluide, des sous-titres et les raccourcis affichés à l’écran.

En bref

  1. Choisissez un objectif et un public, et écrivez le script d’un parcours de 60 à 120 secondes à travers un seul flux de travail.
  2. Préparez votre Mac : « Ne pas déranger » activé, désordre masqué, données de démo chargées, texte assez grand pour être lu.
  3. Enregistrez une seule prise continue d’une fenêtre ou d’une zone, micro activé.
  4. Montez dans l’ordre : coupez les erreurs, accélérez les attentes, vérifiez les zooms, ajoutez les sous-titres, corrigez le son.
  5. Exportez pour chaque destination : un MP4 en 16:9 pour votre site et YouTube, une version verticale pour les réseaux sociaux, un GIF pour la documentation.

Étape 1 : décider à quoi sert la démo

Toute bonne démo répond à une question pour un type de spectateur. Un visiteur de votre page d’accueil veut savoir ce que fait le produit. Un utilisateur en période d’essai veut savoir comment obtenir un résultat. Un prospect veut voir son propre problème résolu. Choisissez avant d’ouvrir la moindre app, car ce choix détermine la durée, le script et l’endroit où la vidéo sera publiée.

  • Page d’atterrissage ou annonce de lancement : 30 à 90 secondes, un seul flux de travail, du problème au résultat.
  • Annonce d’une fonction : 15 à 45 secondes, seulement la nouveauté, montrée en contexte.
  • Tutoriel ou prise en main : 2 à 5 minutes, chaque étape à un rythme qui permet de refaire les gestes.
  • Relance commerciale : 2 à 3 minutes, construite autour du cas d’usage du prospect.

Étape 2 : écrire un script court

Écrivez côte à côte ce que vous direz et ce sur quoi vous cliquerez. La plupart des gens parlent à 130 à 150 mots par minute : une démo de 90 secondes représente donc environ 200 mots. Cette limite aide : elle vous oblige à laisser de côté les fonctions que vous aimeriez citer mais dont vous n’avez pas besoin.

  • Ouvrez sur le problème en une phrase, avec les mots qu’emploierait votre spectateur.
  • Montrez le résultat tôt : le rapport terminé, l’app déployée, la facture payée.
  • Parcourez les étapes qui y mènent, avec au plus trois moments qui méritent une pause.
  • Terminez sur une seule prochaine étape : démarrer un essai, lire la documentation ou réserver un appel.

Remarque : Répétez les clics une fois sans enregistrer. Vous repérerez la page lente, l’autorisation manquante et la boîte de dialogue oubliée avant qu’elles ne vous coûtent une prise.

Étape 3 : préparer votre Mac

  • Coupez les notifications : ouvrez le Centre de contrôle, cliquez sur « Concentration » et activez « Ne pas déranger ».
  • Quittez ce dont vous n’avez pas besoin : messagerie, e-mail et onglets sans rapport. Les pastilles de notification et les titres d’onglets en révèlent plus qu’on ne le croit.
  • Masquez le désordre du bureau : désactivez « Afficher les éléments : Sur le bureau » dans Réglages Système → Bureau et Dock (macOS Sonoma et ultérieur), ou enregistrez une fenêtre ou une zone pour que le bureau n’entre jamais dans le cadre.
  • Chargez des données de démo : un compte prérempli avec des noms et des chiffres réalistes, jamais de lorem ipsum ni les données d’un vrai client.
  • Rendez le texte lisible : zoomez l’app de 110 à 125 % avec ⌘+, ou choisissez une résolution à police plus grande dans Réglages Système → Moniteurs.
  • Ajustez la fenêtre : une fenêtre proche du 16:9 remplit une vidéo 16:9 sans larges bordures.
  • Ne vous souciez pas de la taille du pointeur : Shotnix le redessine après l’enregistrement, de 0,6× à 4×. Si votre enregistreur incruste le pointeur dans l’image, agrandissez-le d’abord dans Réglages Système → Accessibilité → Affichage → Taille du pointeur.
  • Préparez le son : un casque-micro ou un micro USB près de la bouche, dans une pièce calme aux surfaces douces.

Étape 4 : enregistrer

Enregistrez une seule prise continue. Quand vous butez sur un mot, marquez une pause, répétez la phrase et continuez. Vous couperez l’accroc ensuite, et une prise unique garde votre voix, le pointeur et l’écran synchronisés.

  1. Cliquez sur l’icône de Shotnix dans la barre des menus et choisissez « Enregistrer une fenêtre » pour une seule app, « Enregistrer une zone » pour une région fixe ou deux fenêtres côte à côte, ou « Enregistrer le plein écran » pour un parcours entre plusieurs apps. L’enregistrement d’une fenêtre ne capture que cette fenêtre : tout ce qui flotte par-dessus reste hors champ, et l’enregistrement suit la fenêtre si vous la déplacez.
  2. Dans la barre d’enregistrement, activez « Micro ». Ajoutez « Son de l’ordinateur » seulement si le produit émet des sons utiles, « Caméra » si vous voulez apparaître à l’image, et « Afficher les raccourcis clavier » si la démo en dépend (macOS demande l’accès Accessibilité ; la saisie ordinaire n’est jamais enregistrée).
  3. Gardez 60 fps, la valeur par défaut, si vous faites beaucoup défiler ou glisser ; 30 fps suffisent pour une démo faite de clics.
  4. Cliquez sur « Enregistrer », respirez, et déroulez le script. Pour vous laisser un instant de préparation, activez un compte à rebours de 3, 5 ou 10 secondes dans le menu … de la barre d’enregistrement. Faites une pause depuis les commandes d’enregistrement si vous devez vous ressaisir ; le temps de pause est exclu de la vidéo.
  5. Arrêtez depuis les commandes d’enregistrement ou le minuteur de la barre des menus, ou appuyez sur ⌃⌘Échap, puis cliquez sur « Modifier la vidéo ».

Remarque : Avec les seuls outils intégrés : ⌘⇧5 enregistre l’écran complet, une partie sélectionnée ou une seule fenêtre (macOS 26 et ultérieur) en .mov, avec votre micro et, sous macOS 27 et ultérieur, le son du système. Activez « Afficher les clics de la souris » dans « Options » pour que les clics soient visibles. Zooms, sous-titres et nettoyage se font ensuite à la main dans iMovie.

Étape 5 : monter dans cet ordre

L’ordre compte : inutile de peaufiner un passage que vous couperez plus tard. Tout ce qui suit se fait dans l’éditeur Shotnix, et l’annulation couvre chaque étape.

  1. Coupez les erreurs. Raccourcissez le début et la fin en faisant glisser les bords du clip. Ouvrez ensuite l’onglet « Sous-titres », cliquez sur « Transcrire », sélectionnez une phrase ratée et appuyez sur Supprimer pour la couper de la vidéo. « Supprimer les mots de remplissage » et « Raccourcir les pauses » nettoient le reste ; les pauses ne sont raccourcies que là où rien ne se passe à l’écran.
  2. Accélérez les attentes. « Accélérer les temps morts » passe en avance rapide les passages sans mouvement, sans clic ni son, comme les chargements de page et les compilations. Pour le reste, réglez la vitesse d’un clip de 0,5× à 16×.
  3. Vérifiez les zooms. Le « Zoom auto » en a placé un sur chaque série de clics. Supprimez ceux qui n’aident pas, passez un zoom en « Viser à la main » pour rester sur un graphique ou une valeur, et gardez un même niveau partout avec « Utiliser ce niveau pour tous les zooms ».
  4. Peaufinez le pointeur. Dans l’onglet « Pointeur », choisissez le lissage « Fluide » ou « Soyeux », grossissez-le un peu pour les petites interfaces, ajoutez des effets de clic, et activez « Masquer le trajet vers Arrêter » pour que la vidéo ne se termine pas sur une course vers le bouton Arrêter.
  5. Montrez ce qui compte. Ajoutez un texte (T) ou une flèche (A) pour le moment important, un surlignage (H) pour une valeur à lire, et un flou (B) sur tout ce qui est privé. Le flou reste sur le détail pendant les zooms.
  6. Ajoutez les sous-titres. Dans l’onglet « Sous-titres », passez de « Montage par texte » à « Sous-titres », relisez les noms de produits, et choisissez un style, une taille et une position.
  7. Ajoutez votre marque, si vous le souhaitez. Placez votre logo avec « Image » dans le dock d’outils, des cartons d’intro et de fin dans l’onglet « Style », et une musique de fond dans l’onglet « Audio ». La musique s’efface d’elle-même sous votre voix.
  8. Corrigez le son. Dans l’onglet « Audio », activez « Améliorer la voix » pour supprimer le bruit de fond et les bourdonnements, et « Égaliser le volume sonore » pour que l’export arrive à −16 LUFS.
  9. Soignez le cadre. Dans l’onglet « Style », choisissez un arrière-plan, une marge et des coins arrondis, puis cliquez sur « Utiliser par défaut » pour réutiliser ce style la prochaine fois.

Remarque : Les brouillons sont sauvegardés automatiquement. Pour repartir de zéro, « Recommencer à partir de l’enregistrement d’origine… » se trouve dans la palette de commandes (⌘K).

L’éditeur vidéo de Shotnix pour les démos →

Étape 6 : exporter selon la destination

  • Votre site web : MP4 en 1080p, ou en 1440p pour les interfaces pleines de petit texte, en H.264 pour une lecture partout. La qualité « Réseaux sociaux » est le bon compromis par défaut ; « Web » donne le fichier le plus léger. Si la vidéo se lance automatiquement sans le son, gardez les sous-titres incrustés.
  • YouTube : 16:9 en 1080p ou en 4K, en qualité « Réseaux sociaux » ou « Studio », puis mettez en ligne comme sous-titres le .srt obtenu avec « Enregistrer les sous-titres ».
  • LinkedIn et les autres fils : 1:1 ou 4:5 avec les sous-titres incrustés, car la plupart des fils lancent les vidéos sans le son.
  • Reels, Shorts et TikTok : passez le format d’image en 9:16. L’enregistrement remplit le cadre vertical et se déplace pour suivre votre pointeur, tandis que la caméra, les sous-titres et les raccourcis affichés restent en place.
  • Documentation, README et pull requests : un GIF en taille « Petite » ou « Moyenne », de 10 à 15 fps, de moins de 15 secondes environ. Les GIF deviennent vite lourds.
  • Messagerie et e-mail : « Copier » exporte directement dans le presse-papiers, prêt à coller.
  • Plusieurs versions : les exports tournent en arrière-plan et se mettent en file d’attente. Lancez l’export 16:9, passez en 9:16 et exportez à nouveau pendant que le premier se termine.

Remarque : Avant l’export, la fenêtre d’export affiche la taille exacte en pixels et une estimation du poids du fichier, et vous avertit si vous demandez une résolution supérieure à celle de l’enregistrement. L’interrupteur « Écran de fin » ajoute une fin de 2 secondes après votre dernière image ; il reste désactivé tant que vous ne l’activez pas.

Avant de publier

  • Regardez-la une fois sans le son. Si l’histoire reste compréhensible, les sous-titres et les annotations font leur travail.
  • Regardez-la sur votre téléphone. Si vous plissez les yeux devant un texte, zoomez davantage ou exportez dans une résolution plus élevée.
  • Passez-la au peigne fin à la recherche d’informations privées : adresses e-mail, clés d’API, noms de clients, titres d’onglets et notifications passées entre les mailles du filet.
  • Vérifiez les cinq premières secondes. Elles doivent montrer le problème ou le résultat, pas un écran de chargement.
  • Écoutez-la au casque pour repérer les clics, les bourdonnements et les sauts de volume entre les passages.

Peut-on tout faire avec les apps intégrées ?

Oui, avec plus de temps. Enregistrez avec ⌘⇧5, puis construisez la vidéo dans iMovie : raccourcissez et scindez, changez la vitesse des plans, tapez les sous-titres comme des titres, zoomez avec Ken Burns un plan à la fois, et ajoutez en image dans l’image un plan de caméra enregistré à part. Pour une seule vidéo, c’est gérable. Pour des démos que vous refaites à chaque version, ce sont les zooms et les sous-titres faits à la main qui vous prennent des heures.

Comment zoomer dans un enregistrement d’écran sur Mac →

Questions

Quelle durée pour une vidéo de démo produit ?

Assez longue pour montrer un flux de travail du problème au résultat, pas plus : 30 à 90 secondes pour une page d’atterrissage ou un lancement, 2 à 5 minutes pour un tutoriel. Si elle ne cesse de s’allonger, découpez-la en plusieurs vidéos courtes.

Quelle résolution pour une vidéo de démo produit ?

Le 1080p est le choix sûr par défaut. Passez en 1440p ou en 4K quand l’interface contient du petit texte ou que la vidéo sera regardée en plein écran sur de grands écrans. Enregistrez à la pleine résolution de votre écran pour que les zooms restent nets.

Faut-il montrer son visage dans une démo produit ?

Cela aide quand la confiance compte : lancements portés par le fondateur, relances commerciales et tutoriels. Pour une courte boucle en lecture automatique sur une page d’atterrissage, le produit seul fonctionne généralement mieux. Si la caméra est enregistrée sur sa propre piste, vous pouvez décider au montage.

Comment créer une vidéo de démo pour LinkedIn, Reels ou TikTok ?

Passez le format d’image en 1:1, 4:5 ou 9:16 et gardez les sous-titres incrustés. Dans Shotnix, un enregistrement en paysage remplit le cadre vertical et se déplace pour suivre votre pointeur, au lieu de rétrécir entre deux bandes noires.

Peut-on créer une vidéo de démo produit gratuitement sur Mac ?

Oui. L’enregistreur intégré (⌘⇧5) et iMovie ne coûtent rien, mais les zooms et les sous-titres se font à la main. Shotnix est gratuit et open source, sans filigrane, et enregistre et monte dans une seule app, sur les Mac à puce Apple sous macOS 13 ou ultérieur.

Faut-il un script pour une vidéo de démo ?

Un script court aide. Même une liste des clics avec une phrase pour chacun garde la démo resserrée. Dites-le avec vos propres mots plutôt que de le lire, et coupez les hésitations ensuite.

Essayez-le sur votre propre écran.

Shotnix est gratuit, open source et fonctionne en local, sans filigrane. Téléchargez l’app notarisée, ou mettez une étoile au dépôt GitHub pour suivre le projet.

11,7 Mo · puce Apple (M1 ou ultérieure) · macOS 13+ · notarisé par Apple · licence MIT