如何用动态图形讲清定价方案

油画底图上的文章标题,右侧为 Stripe 官方批量定价文档,展示费率档位与示例计算

两个方案都写着“6美元起”。一个把所有用量都按最终达到档位的费率计费,另一个则让各段用量按各自费率计费。视频可以为两者展示同样诱人的起步价,却让观众对账单产生截然不同的误解。

定价讲解视频应让人看完能算出账单:辨认计量单位,应用定价规则,知道付款周期。所以,有用的故事是一段计算过程:计算什么、适用什么规则、如何得到应付金额。

动效可以逐步揭示计算,也可以掩盖计算。较低的月均价先出现,年付承诺却晚到来不及读;计数器飞快掠过用量,没有说明规则何时改变;折扣占满屏幕,有效期却消失在转场中。

先写完整账单,再反推画面顺序:确认数量,应用费率,把付款周期保留在总额旁边。

从观众真正需要的答案开始

“解释我们的定价”可能意味着几件事。潜在买家可能想选方案、估算用量账单、理解年付,或知道额度用完会发生什么。这些问题相关,但需要不同的演示。

为视频选择一个主要问题。用量方案可以问:“这个月六个单位要多少钱?”年付订阅可以问:“今天要付348美元,为什么页面写每月29美元?”按席位收费的方案则可以问:“哪些人算付费席位?”

问题收窄,不代表可以省略会改变答案的条件,反而是让这些条件更容易辨认。如果金额取决于币种、计费周期、活跃席位或最低承诺,这些事实就应进入计算。装饰性的产品功能清单则不需要。

做分镜前,先写出预期答案。如果团队无法用普通文字对计算达成一致,动画只会放大分歧。先和负责产品或计费的人确定规则,再决定如何用画面解释。

用 Stripe 的档位示例讲清批量定价与累进定价

Stripe 的分档定价文档用一家虚构字体公司区分两种模型。示例费率为:第1至5单位,每单位7美元;第6至10单位,每单位6.50美元;超过10单位,每单位6美元。用量为六个单位时,批量定价总额为39美元,累进定价为41.50美元。

区别在于费率作用于哪里。批量定价用达到档位的费率计算全部六个单位;累进定价则前五个按7美元、第六个按6.50美元收费。因此,同样的数量和费率表,需要不同的视觉解释。

Stripe 官方批量定价文档,展示费率档位及示例计算

演示批量定价时,可以用一个费率连接全部数量与总额;演示累进定价时,则应让分组停留足够久,说明较早用量为什么仍按原费率计费。如果只把整个组上方的“$7”换成“$6.50”,传达的模型就错了。

这是算术关系对内容编排提出的要求,不需要复杂动画。六个标记、一条清晰的档位边界和持续可见的小计,只要关系准确,就可能比旋转的价格卡讲得更多。

账单示例要小到容易理解,也要完整到值得相信

一个完整算例应有明确数量、计量单位、周期、币种和总额。说明不交代就会影响理解的排除项,例如演示小计不含税;不必为了让屏幕显得全面而加入无关例外。

六单位累进定价的画面可以先出现六个带标签的单位,五个成组,另一个单独放置。第一组旁写“5 × $7 = $35”,第二组旁写“1 × $6.50 = $6.50”,再把两笔金额合成“本月六个单位,共$41.50”。

最终状态很重要。如果小计在总额出现前消失,观众就得一边跟随运动,一边记住数字。引出结果时保留计算依据。完整等式让人有机会核对,而不是只能接受解释。

除非服务于视频的主要问题,否则不必再给示例加费用或折扣。每多一项,就多一种需要理解的关系。真实产品有必付基础费用,就必须计入;复杂边界情况如果并非必经,则可能更适合放在视频旁的单独算例中。

展示直觉容易失效的边界

单个数量能演示算术,却不一定揭示方案如何运作。第二幕可以让数量跨过一个边界,回答:规则哪里变了,哪里没变?

累进定价从五个增加到六个单位,只是多了一个按下一档计费的单位。前五个留在原位,保留原费率。把新单位移入第二组,而不是让每个单位一起变色,动作就能加强“前一段小计不变”这个事实。

批量定价跨过边界时,可能改变应用于全部用量的费率。再看一个独立的虚构例子:100单位以内每单位10美元,101单位及以上每单位8美元。100单位总计1,000美元,101单位总计808美元。多一个单位,示例总额反而降低,因为更低费率应用到了每个单位。

不要悄悄在离散数量之间画平滑的成本曲线。平滑曲线可能暗示可以有小数单位,或方案采用实际上并不存在的连续规则。产品按完整席位计费,就展示完整席位;用量可以有小数,就在设计计数器前说明实际单位和舍入方式。

用 Stripe 公布的示例费率,比较五、六、七单位在批量定价与累进定价下的计算总额

从五到六的变化尤其能讲清区别。五单位时两种模型都是35美元;批量定价随后变为39美元,只增加4美元,尽管第六单位显示的费率是6.50美元。原因在于前五个单位也获得了更低费率。累进定价变为41.50美元,因为只有新单位使用新费率。七单位时,两者分别为45.50和48美元。

这些是很好的分镜检查点:展示五单位及当前总额,引入第六单位,再明确展示哪些费率标签改变。批量版本里,六个标签同时变;累进版本里,前五个保持不动,为第六个增加独立小计。观众就能直接看见计费规则,不必从最终金额反推。把两笔小计留在总额旁足够久,让人有时间相加。

让价格、单位与付款时间在一起

虚构的年付订阅更简单:每年支付348美元,相当于每月29美元。但它仍很容易被做错。先让巨大的“$29”停几秒,再揭示年付要求,就会在这幕的大部分时间里留下不完整的印象。

把数字、单位与付款条件视为同一信息组。它们可以有不同视觉重点,但不应像无关事实一样陆续出现。月均价可以用最大字号,“$348 billed annually”紧贴其下,与它同时入场、稳定停留。

我们的虚构订阅场景采用这种关系:两行都在0.8秒稳定下来,保持到4.8秒。更复杂的账单可能需要更长停留,或分步计算。

别在转场时让条件消失,却留下醒目的数字。如果卡片缩到角落,只剩“$29”,小版本就已经传达了不同的信息。检查每一种构图状态,包括片尾卡和社交媒体裁切,把它们分别当作独立的价格陈述。

在 OpenDesign 中运行的原创虚构价格演示,2.4秒时同时显示月均价与年付金额

让动画解释金额,而不是让应付金额动个不停

数字递增看起来很精致,但含义可能不明确:它是实时用量、累计小计、估算,还是单纯的出场效果?观众不该猜它是哪一种。

金额固定时,直接揭示稳定数值,可能比滚过一串没人会实际支付的中间价格更清楚。目的是解释累加时,动态合计会有帮助,但应始终连接正在加入的单位。计数器此时才是计算,而不是视觉花样。

折扣尤其要小心。从100美元降到60美元可以表达比较,但比较依据必须可见。100美元是原价、按月支付的替代方案,还是新人优惠前的价格?字体和动作无法替底层报价补上并不存在的定义。

不要用夸张运动弥补含糊标签。如果观众不知道“用量”数的是什么,加上一千个移动圆点也无济于事。把抽象标签换成具体单位,或先展示一个具有代表性的事件如何计入,再扩展到总量。

如果账单只是估算,就让不确定性可见

有些定价视频在固定假设下演示确切账单,有些则展示结果随未来行为变化的估算器。它们作出的承诺不同。一个看似精确的数字,可能让估算显得比实际更确定。

标明哪些输入是假设,哪些是已观察事实。例如估算假设一整个月都有12个活跃席位,中途没有变化。在计算附近展示这一前提,有助于观众理解自己的金额为什么可能不同。

真实系统有可变用量时,可以用少量有意义的情景代替一个虚假的通用答案。定义明确的低、典型和高用量示例可能有用,但没有相关数据时,不要把它们说成测得的客户分布。

不要为了让示例更真实,就编造舍入、按比例计费、税费或汇率规则。要么核实有关规则,要么把教学示例控制在不需要它们的范围内。一个小而准确的解释,比用真实产品的笃定语气展示一张详细虚构账单更有用。

让画面方便比较与核对

价格场景往往至少有三层阅读内容:金额、解释金额的规则,以及限定示例的上下文。层级应引导注意力,不能让较低层级实际上无法阅读。

用距离表示哪个标签属于哪个数字。单位放在金额旁,不要放在远处的图例里。可比较档位采用重复对齐;比较两个方案时,让共同假设出现在同一位置,差异就更容易检查。

颜色可以区分当前档位或新增数量,但不能成为唯一分组依据。标签、括号或稳定的空间分组,能让静帧和色觉不同的观众同样理解解释。

按实际投放尺寸检查结果。全屏编辑器里可读的条件,嵌入小卡片后可能消失。如果理解价格必须知道这个条件,构图就要保护它。把大数字缩小一点,可能才是正确取舍。

后续修改也要连着定价规则一起改

定价素材常因为活动改变而更新,不是因为制作团队决定重新检查计算。有人换了醒目金额,就以为剩余动画仍然有效。旧数量、小计、计费周期或片尾条件可能不知不觉地留了下来。

工程里把输入和显示总额放在一起。年付改月付,就应触发对应付金额、比较依据、付款标签及所有复用该报价场景的检查。可见等式是有依赖关系的整体,不是一组互不相干的文字图层。

快速回归检查可以选一个普通数量和一个边界数量,独立计算,再与导出对照。每次改价后,再核对这两个数量。

让审核者算一遍,不只是批准风格

看完后,审核者应能回答视频最初的问题。累进示例可以问七个单位多少钱。预期答案是48美元:前五个每个7美元,后两个每个6.50美元。

错误答案也能帮助诊断。如果有人把七个单位全部按6.50美元计算,可能是分组或转场暗示了批量定价;如果说不出计费周期,可能是标签出现时机不对,或视觉上弱化到失去了作用。

也要检查导出视频的边界帧。读一遍退场前最后一个稳定画面、切换方案后的第一个画面。如果金额还在,条件却短暂消失,即使最终卡片正确,动画也创造了一个误导性的中间状态。

目标不是隐藏结构,让定价显得简单,而是让相关结构容易理解。成功的定价讲解,给观众一种预测账单的方法,也让他们明白预测依据哪些假设。帮助这一步推理,动画才真正发挥了作用。