Expliquer une formule tarifaire avec le motion design

Couverture peinte à l’huile avec le titre de l’article et la documentation officielle de Stripe sur la tarification au volume, ses tranches et son exemple de calcul

Deux offres indiquent « à partir de $6 ». L’une facture toutes les unités au tarif de la dernière tranche atteinte. L’autre facture chaque portion de consommation à son propre tarif. Une vidéo peut afficher le même prix d’appel séduisant pour les deux et laisser le spectateur avec deux idées fausses très différentes sur sa facture.

Une vidéo explicative des tarifs doit permettre de calculer une facture : identifier les unités comptées, appliquer la règle tarifaire et reconnaître la période de paiement. Le récit utile est donc un calcul : ce qui est compté, la règle qui s’applique et la manière dont elle produit le montant à payer.

L’animation peut révéler ce calcul progressivement. Elle peut aussi le masquer. Un faible équivalent mensuel peut apparaître en premier, tandis que l’engagement annuel arrive trop tard pour être lu. Un compteur peut parcourir les quantités à toute vitesse sans montrer quand la règle change. Une remise peut dominer l’écran pendant que son expiration disparaît dans une transition.

Partez d’une facture complète et remontez vers la séquence : identifiez la quantité, appliquez le tarif et gardez la période de paiement à côté du total.

Partir de la question à laquelle le spectateur a réellement besoin de répondre

« Expliquer nos tarifs » peut désigner plusieurs besoins. Un acheteur potentiel peut devoir choisir une offre, estimer une facture à l’usage, comprendre le paiement annuel ou savoir ce qui se passe après épuisement d’un quota inclus. Ces questions sont liées, mais demandent des démonstrations différentes.

Choisissez une question principale pour la vidéo. Pour une offre à l’usage : « Combien coûteraient six unités ce mois-ci ? » Pour un abonnement annuel : « Pourquoi la page indique-t-elle $29 par mois si je paie $348 aujourd’hui ? » Pour une offre par siège : « Quelles personnes comptent comme sièges payants ? »

Une question précise n’autorise pas à omettre les conditions qui changent la réponse. Elle permet au contraire de mieux les identifier. Si le montant dépend de la devise, de la période, des sièges actifs ou d’un engagement minimum, ces faits font partie du calcul. Une liste décorative de fonctionnalités n’en fait pas partie.

Rédigez la réponse attendue avant de créer le storyboard. Si l’équipe ne s’accorde pas sur le calcul en texte simple, l’animation amplifiera le désaccord. Validez la règle avec la personne responsable du produit ou de la facturation, puis décidez comment l’expliquer visuellement.

Expliquer la tarification au volume et progressive avec l’exemple de Stripe

La documentation de Stripe sur la tarification par tranches utilise une entreprise fictive de polices pour distinguer deux modèles. Les tranches de son exemple sont de $7 pour les unités un à cinq, $6.50 pour six à dix et $6 au-delà de dix. Pour six unités, la tarification au volume donne $39 ; la tarification progressive donne $41.50.

La différence concerne l’application du tarif. La tarification au volume applique le tarif de la tranche atteinte aux six unités. La tarification progressive facture les cinq premières à $7 et la sixième à $6.50. Une même quantité et une même grille exigent donc des explications visuelles différentes.

Documentation officielle de Stripe sur la tarification au volume, avec les tranches tarifaires et un exemple de calcul.

Pour une animation au volume, un tarif unique peut relier la quantité entière au total. Pour une tarification progressive, des groupes distincts doivent rester visibles assez longtemps pour expliquer pourquoi les unités précédentes conservent leur tarif initial. Remplacer simplement « $7 » par « $6.50 » au-dessus de tout le groupe communiquerait le mauvais modèle.

C’est une conséquence éditoriale de l’arithmétique. Elle ne demande pas une animation compliquée. Six marques, un seuil visible et un sous-total persistant peuvent expliquer davantage qu’une carte tarifaire qui tourne, si leurs relations sont exactes.

Construire une facture assez simple pour être comprise et assez complète pour être fiable

Un exemple détaillé doit définir une quantité, l’unité comptée, une période, une devise et un total. Indiquez les exclusions qui changeraient autrement l’interprétation, comme les taxes exclues d’un sous-total illustratif. N’introduisez pas d’exceptions sans rapport simplement pour donner à l’écran une apparence exhaustive.

Pour l’exemple progressif à six unités, la séquence peut commencer par six unités identifiées. Regroupez-en cinq et gardez-en une à part. Affichez « 5 × $7 = $35 » près du premier groupe et « 1 × $6.50 = $6.50 » près du second. Réunissez ensuite les deux montants dans « $41.50 pour six unités ce mois-ci ».

L’état final compte. Si les sous-totaux disparaissent avant l’arrivée du total, le spectateur doit mémoriser les chiffres tout en suivant le mouvement. Gardez la base du calcul visible quand vous présentez le résultat. Une équation complète donne la possibilité de vérifier l’explication, plutôt que de simplement l’accepter.

N’ajoutez pas de frais ou de remise à cet exemple, sauf si cela sert la question principale de la vidéo. Chaque terme supplémentaire introduit une relation à comprendre. Si le véritable produit comporte des frais fixes obligatoires, il faut les inclure ; si un cas limite complexe est facultatif, il peut faire l’objet d’un exemple distinct à côté de la vidéo.

Montrer le seuil où l’intuition peut se tromper

Une quantité unique peut démontrer un calcul sans révéler le comportement de l’offre. Une deuxième scène utile fait passer la quantité de part et d’autre d’un seuil. La question devient : qu’est-ce qui change dans la règle et qu’est-ce qui reste identique ?

Avec la tarification progressive, passer de cinq à six unités ajoute une unité dans la tranche suivante. Les cinq premières restent en place à leur tarif d’origine. Faites entrer la nouvelle unité dans le second groupe plutôt que de recolorer toutes les unités. Le mouvement renforce la conservation du sous-total précédent.

Avec la tarification au volume, le franchissement du seuil peut changer le tarif appliqué à toute la quantité. Dans un autre exemple fictif, supposons que jusqu’à 100 unités coûtent $10 chacune et qu’à partir de 101 elles coûtent $8 chacune. Cent unités totaliseraient $1,000 ; 101 totaliseraient $808. L’unité supplémentaire fait baisser le total de cet exemple, car le tarif inférieur s’applique à toutes les unités.

N’interpolez pas silencieusement une courbe de coût entre des quantités discrètes. Une courbe lisse peut suggérer des fractions d’unité ou une règle continue que l’offre ne permet pas. Si le produit compte des sièges entiers, montrez des sièges entiers. Si la consommation peut être fractionnaire, précisez l’unité réelle et les règles d’arrondi avant de concevoir le compteur.

Totaux calculés pour cinq, six et sept unités, comparant tarification au volume et progressive à partir des tarifs publiés dans l’exemple de Stripe.

Le passage de cinq à six rend la différence particulièrement claire. Les deux modèles commencent à $35 pour cinq unités. La tarification au volume atteint ensuite $39, soit une hausse de $4, alors que le tarif affiché de la sixième unité est de $6.50. Cela s’explique par le tarif inférieur appliqué aussi aux cinq premières. La tarification progressive atteint $41.50, car seule la nouvelle unité reçoit ce tarif. À sept unités, les totaux deviennent respectivement $45.50 et $48.

Voilà de bons points de contrôle pour le storyboard : montrer cinq unités et leur total actuel, révéler la sixième, puis montrer précisément quelles étiquettes de tarif changent. Dans la version au volume, modifiez les six tarifs ensemble. Dans la version progressive, laissez les cinq premiers intacts et ajoutez un sous-total distinct pour la sixième. Le spectateur voit alors la règle de facturation au lieu de devoir la reconstituer depuis le montant final. Maintenez les deux sous-totaux à côté du total général assez longtemps pour qu’on puisse les additionner.

Garder ensemble le prix, l’unité et le moment du paiement

L’abonnement annuel fictif est plus simple : $348 payés annuellement, soit l’équivalent de $29 par mois. Pourtant, il est facile de mal l’animer. Afficher un grand « $29 » pendant plusieurs secondes avant de révéler le paiement annuel donne une impression incomplète pendant la majeure partie de la scène.

Traitez le nombre, l’unité et la condition de paiement comme un seul groupe d’informations. Ils peuvent avoir des niveaux d’emphase différents sans arriver comme des faits indépendants. L’équivalent mensuel peut avoir le plus grand corps, tandis que « $348 billed annually » se trouve juste en dessous et partage la même apparition et le même maintien stable.

Notre scène d’abonnement fictif suit ce principe : les deux lignes se stabilisent à 0,8 seconde et le restent jusqu’à 4,8 secondes. Une facture plus complexe peut demander un maintien plus long ou un calcul par étapes.

Ne laissez pas une transition effacer la condition alors que le montant principal reste visible. Si une carte rétrécit dans un coin et que seul « $29 » subsiste, la petite version communique autre chose. Examinez chaque état de composition, y compris l’écran final et tout recadrage social, comme une présentation tarifaire à part entière.

Démonstration tarifaire fictive originale exécutée dans OpenDesign, avec l’équivalent mensuel et le paiement annuel visibles à 2,4 secondes.

Animer l’explication, pas le montant à payer

Un nombre qui défile paraît souvent soigné, mais son sens est ambigu. Représente-t-il la consommation en direct, un sous-total courant, une estimation ou un simple effet de révélation ? Le spectateur ne devrait pas devoir le deviner.

Quand le montant est fixe, révéler une valeur stable peut être plus clair que de parcourir des prix intermédiaires que personne ne paiera. Si le but est d’expliquer une accumulation, un total évolutif peut aider, à condition de rester relié aux unités ajoutées. Le compteur devient alors un calcul plutôt qu’un effet visuel.

Soyez particulièrement attentif aux remises. Animer un passage de $100 à $60 peut communiquer une comparaison, mais sa base doit être visible. $100 représente-t-il l’ancien prix, une alternative mensuelle ou le prix avant une offre de lancement ? La typographie et le mouvement ne peuvent fournir une définition absente de l’offre elle-même.

N’utilisez pas un mouvement spectaculaire pour compenser un libellé flou. Si une personne ne peut expliquer ce que la « consommation » compte, mille points mobiles ne résolvent pas le problème. Remplacez l’abstraction par une unité concrète ou montrez un événement représentatif en train d’être compté avant de passer au total.

Rendre l’incertitude visible lorsque la facture est une estimation

Certaines vidéos tarifaires montrent une facture exacte sous des hypothèses fixes. D’autres présentent un estimateur dont le résultat dépend du comportement futur. Ce sont des promesses différentes. Un nombre d’apparence précise peut rendre une estimation plus certaine qu’elle ne l’est.

Identifiez les entrées supposées plutôt qu’observées. Une estimation peut par exemple supposer 12 sièges actifs pendant un mois entier sans changement en cours de période. Montrer cette hypothèse près du calcul aide à comprendre ce qui pourrait faire varier le montant réel.

Si le système réel comprend une consommation variable, envisagez quelques scénarios significatifs plutôt qu’une réponse faussement universelle. Des exemples de consommation faible, typique et élevée peuvent être utiles si leurs définitions sont explicites. Ne les présentez pas comme des distributions clients mesurées sans disposer de telles données.

N’inventez pas des règles d’arrondi, de prorata, de taxes ou de change pour rendre l’exemple plus réaliste. Vérifiez la règle pertinente ou limitez l’exemple pédagogique à un cadre où elle n’intervient pas. Une petite explication exacte est plus utile qu’une facture fictive détaillée présentée avec l’assurance d’un produit réel.

Concevoir l’écran pour comparer et vérifier

Une scène tarifaire comporte souvent au moins trois niveaux de lecture : le montant, la règle qui l’explique et le contexte qui limite l’exemple. Leur hiérarchie doit guider l’attention sans rendre les niveaux inférieurs pratiquement illisibles.

Utilisez la proximité pour montrer à quel nombre appartient chaque étiquette. Gardez l’unité près du montant, pas dans une légende éloignée. Alignez de façon répétée les tranches comparables. Si le spectateur compare deux offres, placez les hypothèses communes au même endroit pour faciliter l’examen des différences.

La couleur peut distinguer la tranche active ou la nouvelle quantité, mais n’en faites pas le seul moyen d’identifier un groupe. Des libellés, des accolades ou un regroupement spatial cohérent peuvent préserver l’explication dans une image fixe et pour les personnes qui perçoivent différemment les couleurs.

Vérifiez le résultat à sa taille de diffusion réelle. Une condition lisible dans l’éditeur en plein écran peut disparaître lorsque la vidéo est intégrée à une petite carte. Si cette condition est nécessaire pour comprendre le prix, la composition doit la protéger. Réduire le nombre principal peut être le bon compromis.

Rattacher les modifications ultérieures à la règle tarifaire

Les contenus tarifaires changent souvent parce qu’une campagne évolue, pas parce que la production décide de revoir le calcul. Quelqu’un remplace le montant principal et suppose que le reste de l’animation demeure valable. L’ancienne quantité, le sous-total, la période ou la condition finale peuvent subsister sans être remarqués.

Gardez les entrées et les totaux affichés ensemble dans le projet. Passer d’une facturation annuelle à mensuelle doit déclencher une revue du montant dû, de la base de comparaison, du libellé de paiement et de toutes les scènes réutilisant l’offre. Traitez une équation visible comme une dépendance, pas comme une collection de calques de texte indépendants.

Un contrôle de régression rapide consiste à choisir une quantité ordinaire et une quantité au seuil, à calculer les deux indépendamment, puis à les comparer à l’export. Revérifiez les deux après toute modification de prix.

Évaluer en demandant un calcul, pas une approbation du style

Après visionnage, un relecteur doit pouvoir répondre à la question initiale de la vidéo. Pour l’exemple progressif, demandez le coût de sept unités. Le résultat attendu est $48 : cinq à $7 et deux à $6.50.

Une mauvaise réponse fournit une information de diagnostic utile. Si une personne applique $6.50 aux sept unités, le regroupement ou la transition a pu suggérer une tarification au volume. Si elle ne peut identifier la période de facturation, son libellé est peut-être apparu au mauvais moment ou devenu trop secondaire visuellement pour rester utile.

Examinez aussi les images de l’export aux frontières. Lisez la dernière image stable avant une sortie. Lisez la première après un changement d’offre. Si une condition disparaît brièvement alors que son montant reste, l’animation crée un état intermédiaire trompeur, même si la carte finale est correcte.

L’objectif n’est pas de simplifier les prix en cachant leur structure. Il s’agit de rendre la structure pertinente compréhensible. Une bonne vidéo tarifaire laisse au spectateur une méthode pour prévoir une facture et une idée claire des hypothèses de cette prévision. L’animation mérite sa place lorsqu’elle aide ce raisonnement à se faire.