Come spiegare un piano tariffario con la motion graphics

Copertina a olio con il titolo e la documentazione ufficiale Stripe sui prezzi per volume, con fasce tariffarie e calcolo di esempio

Due piani dicono entrambi «da $6». Uno addebita ogni unità alla tariffa della fascia raggiunta. L’altro addebita ogni porzione di utilizzo alla tariffa del proprio scaglione. Un video può mostrare per entrambi lo stesso prezzo iniziale attraente e lasciare allo spettatore due idee sbagliate molto diverse sul conto.

Un video esplicativo sui prezzi dovrebbe permettere a chi guarda di calcolare una fattura: identificare le unità conteggiate, applicare la regola tariffaria e riconoscere il periodo di pagamento. La storia utile è quindi un calcolo: che cosa viene contato, quale regola si applica e come da questo si ottiene l’importo dovuto.

Il movimento può rivelare gradualmente questo calcolo. Può anche nasconderlo. Un equivalente mensile basso può arrivare per primo mentre l’impegno annuale appare troppo tardi per essere letto. Un contatore può attraversare rapidamente le quantità senza mostrare quando cambia la regola. Uno sconto può dominare lo schermo mentre la sua scadenza scompare in una transizione.

Parti da una fattura completa e risali alla sequenza: identifica la quantità, applica la tariffa e mantieni il periodo di pagamento accanto al totale.

Parti dalla domanda a cui lo spettatore ha davvero bisogno di una risposta

«Spiega i nostri prezzi» può significare diverse cose. Un potenziale acquirente può dover scegliere fra piani, stimare una fattura a consumo, capire il pagamento annuale o scoprire che cosa accade quando esaurisce la quota inclusa. Sono domande collegate, ma richiedono dimostrazioni diverse.

Scegli una domanda principale per il video. Per un piano a consumo potrebbe essere: «Quanto costerebbero sei unità questo mese?». Per un abbonamento annuale: «Perché la pagina dice $29 al mese se oggi pago $348?». Per un piano a posti: «Quali persone vengono conteggiate come posti a pagamento?».

Una domanda circoscritta non autorizza a omettere condizioni che ne cambiano la risposta. Le rende invece più facili da identificare. Se l’importo dipende dalla valuta, dal periodo di fatturazione, dai posti attivi o da un impegno minimo, questi fatti appartengono al calcolo. Un elenco decorativo di funzionalità del prodotto no.

Scrivi la risposta attesa prima di preparare lo storyboard. Se il team non concorda sul calcolo in un testo semplice, l’animazione amplificherà il disaccordo. Chiarisci la regola tariffaria con il responsabile del prodotto o della fatturazione, poi decidi come spiegarla visivamente.

Spiega prezzi per volume e a scaglioni con l’esempio di Stripe

La documentazione di Stripe sui prezzi a livelli usa un’attività ipotetica che vende font per distinguere due modelli. Le fasce di esempio sono $7 per le unità dalla prima alla quinta, $6.50 dalla sesta alla decima e $6 oltre la decima. Con sei unità, il prezzo per volume dà un totale di $39; quello a scaglioni dà $41.50.

La differenza sta nel punto in cui si applica la tariffa. Il prezzo per volume usa la tariffa della fascia raggiunta per tutte e sei le unità. Quello a scaglioni addebita le prime cinque a $7 e la sesta a $6.50. La stessa quantità e la stessa tabella tariffaria richiedono quindi spiegazioni visive diverse.

Documentazione ufficiale Stripe sui prezzi per volume, con fasce tariffarie e calcolo di esempio.

Per un’animazione del prezzo per volume, una singola tariffa può collegare l’intera quantità al totale. Per il prezzo a scaglioni, i gruppi separati dovrebbero rimanere visibili abbastanza a lungo da mostrare perché le unità precedenti conservano la tariffa precedente. Sostituire semplicemente “$7” con “$6.50” sopra tutto il gruppo comunicherebbe il modello sbagliato.

È una conseguenza editoriale dell’aritmetica. Non richiede un’animazione complicata. Sei segni, una soglia visibile e un subtotale persistente possono spiegare più di una scheda tariffaria che ruota, se i loro rapporti sono corretti.

Crea un conto abbastanza piccolo da capire e abbastanza completo da essere credibile

Un esempio svolto dovrebbe avere una quantità definita, un’unità conteggiata, un periodo, una valuta e un totale. Indica le esclusioni che altrimenti cambierebbero l’interpretazione, come le imposte escluse da un subtotale illustrativo. Non introdurre eccezioni scollegate soltanto per far sembrare completo lo schermo.

Per l’esempio a scaglioni con sei unità, la sequenza visiva può iniziare con sei unità etichettate. Raggruppane cinque e lasciane una separata. Mostra “5 × $7 = $35” accanto al primo gruppo e “1 × $6.50 = $6.50” accanto al secondo. Poi riunisci i due importi in «$41.50 per sei unità questo mese».

Lo stato finale è importante. Se i subtotali scompaiono prima che compaia il totale, lo spettatore deve ricordare i numeri mentre segue anche il movimento. Mantieni visibile la base del calcolo mentre introduci il risultato. Un’equazione completa permette di controllare la spiegazione anziché accettarla e basta.

Evita di aggiungere un costo o uno sconto a questo esempio se non serve alla domanda principale del video. Ogni termine aggiuntivo introduce un’altra relazione da capire. Se il prodotto reale prevede un costo base obbligatorio, va incluso; se un caso limite complesso è facoltativo, può appartenere a un esempio separato accanto al video.

Mostra la soglia in cui l’intuizione può sbagliare

Una sola quantità può dimostrare l’aritmetica senza rivelare come si comporta il piano. Una seconda scena utile cambia la quantità attraversando una soglia. La domanda diventa: che cosa cambia nella regola e che cosa resta uguale?

Nel prezzo a scaglioni, passare da cinque a sei unità aggiunge un’unità nello scaglione successivo. Le prime cinque restano al loro posto con la tariffa originale. Anima la nuova unità verso il secondo gruppo anziché ricolorare tutte le unità. Il movimento rafforza il fatto che il subtotale precedente è conservato.

Nel prezzo per volume, superare la soglia può cambiare la tariffa applicata all’intera quantità. In un altro esempio fittizio, supponi che fino a 100 unità costino $10 ciascuna e che da 101 in poi costino $8 ciascuna. Cento unità darebbero un totale di $1,000; 101 darebbero $808. L’unità aggiuntiva riduce il totale di questo esempio perché la tariffa inferiore si applica a ogni unità.

Non interpolare silenziosamente una curva di costo fra quantità discrete. Una curva fluida può suggerire unità frazionarie o una regola continua che il piano non supporta. Se il prodotto conta posti interi, mostra posti interi. Se l’utilizzo può essere frazionario, dichiara l’unità effettiva e il comportamento di arrotondamento prima di progettare il contatore.

Totali calcolati per cinque, sei e sette unità: confronto fra prezzi per volume e a scaglioni con le tariffe di esempio pubblicate da Stripe.

Il passaggio da cinque a sei rende la differenza particolarmente chiara. Entrambi i modelli partono da $35 per cinque unità. Il prezzo per volume arriva poi a $39, un aumento di $4, anche se la tariffa mostrata per la sesta unità è $6.50. Il motivo è che anche le prime cinque ricevono la tariffa inferiore. Il prezzo a scaglioni raggiunge $41.50 perché soltanto la nuova unità riceve quella tariffa. A sette unità i totali diventano rispettivamente $45.50 e $48.

Sono buoni punti di controllo per lo storyboard: mostra cinque unità con il totale corrente, rivela la sesta, poi mostra esattamente quali etichette tariffarie cambiano. Nella versione per volume, modifica insieme tutte e sei le etichette. In quella a scaglioni, lascia intatte le prime cinque e aggiungi un subtotale separato per la sesta. Lo spettatore può così vedere la regola di fatturazione anziché ricostruirla dall’importo finale. Mantieni i due subtotali accanto al totale generale abbastanza a lungo da permettere di sommarli.

Mantieni insieme prezzo, unità e momento del pagamento

L’abbonamento annuale fittizio è più semplice: $348 pagati annualmente, equivalenti a $29 al mese. Eppure è facile animarlo male. Mostrare un grande “$29” per diversi secondi prima di rivelare il pagamento annuale crea un’impressione incompleta durante quasi tutta la scena.

Tratta numero, unità e condizione di pagamento come un solo gruppo informativo. Possono avere un’enfasi visiva diversa senza arrivare come fatti scollegati. L’equivalente mensile può avere il carattere più grande, mentre “$348 billed annually” si trova subito sotto e condivide l’ingresso e la pausa stabile.

La nostra scena fittizia di abbonamento usa questo rapporto: entrambe le righe si assestano a 0.8 secondi e restano stabili fino a 4.8 secondi. Una fattura più complessa potrebbe richiedere una pausa più lunga o un calcolo per fasi.

Non lasciare che una transizione tariffaria cancelli la condizione mentre rimane il numero principale. Se una scheda si riduce in un angolo e sopravvive soltanto “$29”, la versione piccola è diventata una comunicazione diversa. Rivedi ogni stato della composizione, comprese la schermata finale e ogni ritaglio social, come un’affermazione di prezzo a sé stante.

Dimostrazione originale di un prezzo fittizio in esecuzione in OpenDesign, con equivalente mensile e pagamento annuale visibili a 2.4 secondi.

Anima la spiegazione, non l’importo dovuto

Un numero che sale spesso sembra curato, ma il suo significato è ambiguo. È utilizzo in tempo reale, un subtotale progressivo, una stima o un semplice effetto di rivelazione? Lo spettatore non dovrebbe dover indovinare quale di queste cose stia succedendo.

Quando l’importo è fisso, rivelare un valore stabile può essere più chiaro che attraversare prezzi intermedi che nessuno pagherà. Quando lo scopo è spiegare l’accumulo, un totale progressivo può aiutare, ma dovrebbe restare collegato alle unità aggiunte. Il contatore diventa così un calcolo anziché un abbellimento visivo.

Fai particolare attenzione agli sconti. Un’animazione da $100 a $60 può comunicare un confronto, ma la base del confronto deve essere visibile. $100 è il prezzo precedente, un’alternativa mensile o il prezzo prima di un’offerta introduttiva? Tipografia e movimento non possono fornire una definizione che l’offerta sottostante non contiene.

Evita di usare un movimento drammatico per compensare un’etichetta poco chiara. Se uno spettatore non sa spiegare che cosa conta «utilizzo», aggiungere mille puntini in movimento non risolve il problema. Sostituisci l’etichetta astratta con un’unità concreta oppure mostra un evento rappresentativo che viene conteggiato prima di passare al totale.

Rendi visibile l’incertezza quando il conto è una stima

Alcuni video sui prezzi dimostrano una fattura esatta sotto ipotesi fisse. Altri mostrano uno stimatore il cui risultato cambia con il comportamento futuro. Sono promesse diverse. Un numero dall’aspetto preciso può far sembrare una stima più certa di quanto sia.

Etichetta gli input ipotizzati anziché osservati. Per esempio, una stima potrebbe supporre 12 posti attivi per un intero mese, senza variazioni a metà periodo. Mostrare l’ipotesi vicino al calcolo aiuta a capire che cosa renderebbe diverso il proprio importo.

Se il sistema reale include utilizzo variabile, considera un piccolo numero di scenari significativi invece di una risposta falsamente universale. Esempi di utilizzo basso, tipico e alto possono essere utili se le definizioni sono esplicite. Non vanno presentati come distribuzioni misurate dei clienti se quei dati non esistono.

Non inventare arrotondamenti, riproporzionamenti, imposte o comportamenti dei cambi per rendere più realistico l’esempio. Verifica la regola pertinente oppure mantieni l’esempio didattico entro un perimetro in cui non serve. Una spiegazione più piccola ma esatta è più utile di una fattura fittizia dettagliata presentata con la sicurezza di un prodotto reale.

Progetta lo schermo per confrontare e verificare

Una scena di prezzo ha spesso almeno tre livelli di lettura: l’importo, la regola che lo spiega e il contesto che limita l’esempio. La loro gerarchia dovrebbe guidare l’attenzione senza rendere di fatto illeggibili i livelli inferiori.

Usa la vicinanza per mostrare quali etichette appartengono a quali numeri. Mantieni l’unità accanto all’importo, non in una legenda lontana. Usa allineamenti ripetuti per fasce comparabili. Se lo spettatore confronta due piani, mantieni nella stessa posizione le ipotesi condivise affinché le differenze siano facili da esaminare.

Il colore può distinguere la fascia attiva o la quantità appena aggiunta, ma non renderlo l’unico modo per identificare un gruppo. Etichette, parentesi o raggruppamenti spaziali coerenti possono conservare la spiegazione in un fotogramma fermo e per chi percepisce i colori diversamente.

Controlla il risultato nelle dimensioni effettive di distribuzione. Una precisazione leggibile in un editor a schermo intero può scomparire quando il video è incorporato in una piccola scheda. Se la condizione è necessaria per capire il prezzo, la composizione deve proteggerla. Ridurre il numero può essere il compromesso corretto.

Mantieni le modifiche successive collegate alla regola tariffaria

I contenuti sui prezzi cambiano spesso perché cambia una campagna, non perché il team di produzione decide di rivedere il calcolo. Qualcuno sostituisce l’importo principale e presume che il resto dell’animazione resti valido. La vecchia quantità, il subtotale, il periodo di fatturazione o la condizione nella schermata finale possono sopravvivere inosservati.

Mantieni insieme nel progetto input e totali mostrati. Un passaggio da fatturazione annuale a mensile dovrebbe far scattare una revisione dell’importo dovuto, della base di confronto, dell’etichetta di pagamento e di ogni scena che riutilizza l’offerta. Tratta un’equazione visibile come una dipendenza, non come un insieme di livelli di testo scollegati.

Un rapido esercizio di regressione consiste nello scegliere una quantità ordinaria e una alla soglia, calcolarle entrambe indipendentemente e confrontarle con l’export. Dopo qualsiasi modifica di prezzo, ricontrolla la quantità ordinaria e quella alla soglia.

Chiedi di calcolare, non di approvare lo stile

Dopo la visione, chi revisiona dovrebbe saper rispondere alla domanda originale del video. Per l’esempio a scaglioni, chiedi quanto costerebbero sette unità. Il risultato atteso è $48: cinque a $7 e due a $6.50.

Una risposta errata fornisce informazioni diagnostiche utili. Se qualcuno applica $6.50 a tutte e sette le unità, il raggruppamento o la transizione potrebbero aver suggerito un prezzo per volume. Se non sa identificare il periodo di fatturazione, l’etichetta potrebbe essere comparsa nel momento sbagliato o essere stata subordinata visivamente fino a perdere utilità.

Esamina anche il video esportato nei fotogrammi di confine. Leggi l’ultimo fotogramma stabile prima di un’uscita. Leggi il primo dopo un cambio di piano. Se una condizione scompare brevemente mentre il suo importo rimane, l’animazione ha creato uno stato intermedio fuorviante anche se la scheda finale è corretta.

L’obiettivo non è far sembrare semplici i prezzi nascondendone la struttura. È rendere comprensibile la struttura pertinente. Una buona spiegazione lascia allo spettatore un metodo per prevedere una fattura e una chiara consapevolezza delle ipotesi alla base della previsione. L’animazione si è guadagnata il proprio posto quando aiuta questo ragionamento.