Cómo explicar un plan de precios con gráficos animados
Dos planes dicen «desde $6». Uno cobra todas las unidades a la tarifa del último tramo alcanzado. El otro cobra cada porción de uso a su propia tarifa. Un vídeo puede mostrar el mismo precio inicial atractivo para ambos y dejar al espectador con dos ideas equivocadas muy distintas sobre la factura.
Un vídeo explicativo de precios debería permitir calcular una factura: identificar las unidades contabilizadas, aplicar la regla de precios y reconocer el periodo de pago. Por tanto, el relato útil es un cálculo: qué se cuenta, qué regla se aplica y cómo produce el importe que hay que pagar.
La animación puede revelar ese cálculo gradualmente. También puede ocultarlo. Un equivalente mensual bajo puede aparecer primero, mientras que el compromiso anual llega demasiado tarde para leerlo. Un contador puede recorrer cantidades a toda velocidad sin mostrar cuándo cambia la regla. Un descuento puede dominar la pantalla mientras su fecha de vencimiento desaparece en una transición.
Empieza por una factura completa y trabaja hacia atrás para construir la secuencia: identifica la cantidad, aplica la tarifa y mantén el periodo de pago junto al total.
Empieza por la pregunta que el espectador necesita responder
«Explica nuestros precios» puede significar varias cosas. Un posible comprador quizá necesite elegir entre planes, estimar una factura de uso, comprender el pago anual o saber qué ocurre cuando se agota una cantidad incluida. Son preguntas relacionadas, pero requieren demostraciones distintas.
Elige una pregunta principal para el vídeo. Para un plan por uso podría ser: «¿Cuánto costarían seis unidades este mes?». Para una suscripción anual: «¿Por qué la página dice $29 al mes si hoy pago $348?». Para un plan por usuarios: «¿Qué personas cuentan como puestos de pago?».
Una pregunta acotada no autoriza a omitir condiciones que cambien la respuesta. Al contrario, facilita identificarlas. Si el importe depende de la moneda, el periodo de facturación, los puestos activos o un compromiso mínimo, esos datos forman parte del cálculo. Una lista decorativa de funciones del producto, no.
Escribe la respuesta esperada antes de elaborar el guion gráfico. Si el equipo no consigue ponerse de acuerdo sobre el cálculo en texto sencillo, la animación amplificará la discrepancia. Resuelve la regla de precios con la persona responsable del producto o de la facturación y después decide cómo explicarla visualmente.
Explica los precios por volumen y escalonados con el ejemplo de tramos de Stripe
La documentación de Stripe sobre precios por tramos utiliza un negocio hipotético de fuentes tipográficas para distinguir dos modelos. Los tramos del ejemplo son $7 para las unidades de la primera a la quinta, $6.50 para las de la sexta a la décima y $6 para más de diez unidades. Para seis unidades, el precio por volumen suma $39; el escalonado, $41.50.
La diferencia está en dónde se aplica la tarifa. El precio por volumen aplica la tarifa del tramo alcanzado a las seis unidades. El escalonado cobra las primeras cinco a $7 y la sexta a $6.50. Por tanto, la misma cantidad y tabla de tarifas requieren explicaciones visuales distintas.
En una animación de precios por volumen, una única tarifa puede conectar la cantidad completa con el total. Para los precios escalonados, los grupos separados deberían permanecer visibles el tiempo suficiente para explicar por qué las primeras unidades conservan su tarifa anterior. Sustituir simplemente «$7» por «$6.50» encima de todo el grupo comunicaría el modelo equivocado.
Es una consecuencia editorial de la aritmética. No exige una animación complicada. Seis marcas, un límite de tramo visible y un subtotal persistente pueden explicar más que una tarjeta de precios giratoria si sus relaciones son correctas.
Construye una factura pequeña que se entienda y lo bastante completa para resultar fiable
Un ejemplo desarrollado debería definir una cantidad, una unidad contabilizada, un periodo, una moneda y un total. Indica cualquier exclusión que, de otro modo, cambiaría la interpretación del espectador, como los impuestos excluidos de un subtotal ilustrativo. No introduzcas excepciones ajenas al tema solo para que la pantalla parezca exhaustiva.
En el ejemplo escalonado de seis unidades, la secuencia visual puede empezar con seis unidades etiquetadas. Agrupa cinco y deja una aparte. Muestra «5 × $7 = $35» junto al primer grupo y «1 × $6.50 = $6.50» junto al segundo. Después, reúne ambos importes en «$41.50 por seis unidades este mes».
El estado final importa. Si los subtotales desaparecen antes de que aparezca el total, el espectador tiene que recordar los números mientras sigue el movimiento. Mantén visible la base del cálculo al presentar el resultado. Una ecuación completa da la oportunidad de comprobar la explicación en lugar de limitarse a aceptarla.
Evita añadir una comisión o un descuento a este ejemplo salvo que sirva a la pregunta principal del vídeo. Cada término adicional introduce otra relación que comprender. Si el producto real tiene una cuota base obligatoria, hay que incluirla; si un caso límite complicado es opcional, quizá corresponda a un ejemplo separado junto al vídeo.
Muestra el límite donde puede fallar la intuición
Una única cantidad puede demostrar la aritmética sin revelar cómo se comporta el plan. Una segunda escena útil cambia la cantidad cruzando un límite. La pregunta pasa a ser: ¿qué cambia en la regla y qué permanece igual?
En los precios escalonados, pasar de cinco a seis unidades añade una unidad al siguiente tramo. Las primeras cinco permanecen en su sitio con su tarifa original. Anima la incorporación de la unidad nueva al segundo grupo en lugar de cambiar el color de todas. El movimiento refuerza que el subtotal anterior se conserva.
En los precios por volumen, cruzar el límite puede cambiar la tarifa aplicada a toda la cantidad. En otro ejemplo ficticio, supongamos que hasta 100 unidades cuestan $10 cada una y que 101 o más cuestan $8 cada una. Cien unidades sumarían $1,000; 101 sumarían $808. La unidad adicional reduce el total de este ejemplo porque la tarifa más baja se aplica a todas las unidades.
No interpoles silenciosamente una curva de costes entre cantidades discretas. Una curva suave puede sugerir unidades fraccionarias o una regla continua que el plan no admite. Si el producto cuenta puestos enteros, muestra puestos enteros. Si el uso puede ser fraccionario, indica la unidad real y el comportamiento de redondeo antes de diseñar el contador.
El paso de cinco a seis hace especialmente clara la diferencia. Ambos modelos parten de $35 por cinco unidades. El precio por volumen pasa a $39, un aumento de $4, aunque la tarifa mostrada de la sexta unidad sea $6.50. El motivo es que las primeras cinco también reciben la tarifa más baja. El escalonado llega a $41.50 porque solo la unidad nueva recibe esa tarifa. Con siete unidades, los totales pasan a $45.50 y $48, respectivamente.
Estos son buenos puntos de comprobación para el guion gráfico: mostrar cinco unidades con su total actual, revelar la sexta y enseñar exactamente qué etiquetas de tarifa cambian. En la versión por volumen, cambia juntas las seis etiquetas. En la escalonada, deja intactas las primeras cinco y añade un subtotal separado para la sexta. Así, el espectador puede ver la regla de facturación en lugar de reconstruirla a partir del importe final. Mantén ambos subtotales junto al total general el tiempo suficiente para que alguien pueda sumarlos.
Mantén juntos el precio, la unidad y el momento del pago
La suscripción anual ficticia es más sencilla: $348 pagados anualmente, equivalentes a $29 al mes. Aun así, es fácil animarla mal. Mostrar un «$29» grande durante varios segundos antes de revelar el pago anual crea una impresión incompleta durante la mayor parte de la escena.
Trata la cifra, la unidad y la condición de pago como un mismo grupo informativo. Pueden tener distintos énfasis visuales sin llegar como hechos inconexos. El equivalente mensual puede usar la tipografía más grande, mientras que «$348 billed annually» se sitúa justo debajo y comparte su entrada y su pausa estable.
Nuestra escena de suscripción ficticia utiliza esa relación: ambas líneas se estabilizan a los 0.8 segundos y permanecen estables hasta los 4.8. Una factura más compleja puede necesitar una pausa más larga o un cálculo por etapas.
No dejes que una transición de precios borre la condición mientras permanece la cifra principal. Si una tarjeta se reduce a una esquina y solo sobrevive «$29», la versión pequeña se ha convertido en una comunicación distinta. Revisa cada estado de la composición, incluida la pantalla final y cualquier recorte para redes sociales, como una afirmación de precios por derecho propio.
Anima la explicación, no el importe que hay que pagar
Una cifra que cuenta suele parecer cuidada, pero su significado es ambiguo. ¿Es uso en directo, un subtotal acumulado, una estimación o simplemente un efecto de aparición? El espectador no debería tener que adivinar qué está ocurriendo.
Cuando el importe es fijo, revelar un valor estable puede ser más claro que contar precios intermedios que nadie pagará. Cuando se pretende explicar una acumulación, un total progresivo puede ayudar, pero debería seguir conectado a las unidades que se añaden. El contador pasa así a ser un cálculo en lugar de un adorno visual.
Ten especial cuidado con los descuentos. Animar un descenso de $100 a $60 puede comunicar una comparación, pero la base de esa comparación debe ser visible. ¿Los $100 son el precio anterior, una alternativa mensual o el precio previo a una oferta de bienvenida? La tipografía y el movimiento no pueden aportar una definición que la oferta subyacente no contiene.
Evita utilizar un movimiento espectacular para compensar una etiqueta confusa. Si alguien no puede explicar qué contabiliza «uso», añadir mil puntos en movimiento no resuelve el problema. Sustituye la etiqueta abstracta por una unidad concreta o muestra un suceso representativo que se contabiliza antes de escalar al total.
Haz visible la incertidumbre cuando la factura sea una estimación
Algunos vídeos de precios demuestran una factura exacta bajo supuestos fijos. Otros muestran un estimador cuyo resultado cambia según el comportamiento futuro. Son promesas distintas. Una cifra que parece precisa puede hacer que una estimación parezca más segura de lo que es.
Identifica las entradas que se suponen en lugar de observarse. Por ejemplo, una estimación podría presuponer 12 puestos activos durante todo un mes sin cambios a mitad del periodo. Mostrar ese supuesto cerca del cálculo ayuda a comprender por qué el importe propio podría ser distinto.
Si el sistema real incluye uso variable, considera un número pequeño de escenarios significativos en lugar de una respuesta falsamente universal. Los ejemplos de uso bajo, habitual y alto pueden ser útiles cuando sus definiciones son explícitas. No deben presentarse como distribuciones de clientes medidas salvo que existan esos datos.
No inventes comportamientos de redondeo, prorrateo, impuestos o tipos de cambio para hacer más realista el ejemplo. Verifica la regla pertinente o mantén el ejemplo didáctico dentro de un límite donde no haga falta. Una explicación exacta y más pequeña es más útil que una factura ficticia detallada presentada con la seguridad propia de un producto real.
Diseña la pantalla para comparar y comprobar
Una escena de precios suele tener al menos tres niveles de lectura: el importe, la regla que lo explica y el contexto que limita el ejemplo. Su jerarquía debería guiar la atención sin volver prácticamente ilegibles los niveles inferiores.
Utiliza la proximidad para mostrar qué etiquetas pertenecen a cada número. Mantén la unidad junto al importe, no en una leyenda lejana. Repite las alineaciones en los tramos comparables. Si el espectador compara dos planes, conserva los supuestos compartidos en la misma posición para que resulte fácil inspeccionar las diferencias.
El color puede distinguir el tramo activo o la cantidad recién añadida, pero no lo conviertas en la única forma de identificar un grupo. Las etiquetas, las llaves o una agrupación espacial coherente pueden conservar la explicación en un fotograma fijo y para quienes perciben el color de otra manera.
Comprueba el resultado al tamaño real de distribución. Una condición legible en el editor a pantalla completa puede desaparecer cuando el vídeo se integra en una tarjeta pequeña. Si esa condición es necesaria para comprender el precio, la composición debe protegerla. Reducir el tamaño de la cifra puede ser la decisión adecuada.
Mantén las ediciones posteriores vinculadas a la regla de precios
Las piezas de precios suelen cambiar porque cambia una campaña, no porque el equipo de producción decida revisar el cálculo. Alguien sustituye el importe principal y da por hecho que el resto de la animación sigue siendo válido. La cantidad, el subtotal, el periodo de facturación o la condición del cierre antiguos pueden sobrevivir sin que nadie lo advierta.
Mantén juntas las entradas y los totales mostrados en el proyecto. Cambiar de facturación anual a mensual debería activar una revisión del importe a pagar, la base de comparación, la etiqueta de pago y todas las escenas que reutilizan la oferta. Trata una ecuación visible como una dependencia, no como una colección de capas de texto sin relación.
Un ejercicio rápido de regresión consiste en elegir una cantidad normal y otra situada en un límite, calcular ambas de manera independiente y compararlas con la exportación. Vuelve a comprobar ambas cantidades después de cualquier edición de precios.
Revisa pidiendo que alguien calcule, no que apruebe el estilo
Tras verlo, quien revisa debería poder responder a la pregunta original del vídeo. Para el ejemplo escalonado, pregunta cuánto costarían siete unidades. El resultado esperado es $48: cinco a $7 y dos a $6.50.
Una respuesta incorrecta aporta información de diagnóstico útil. Si alguien aplica $6.50 a las siete unidades, la agrupación o la transición pueden haber sugerido precios por volumen. Si no puede identificar el periodo de facturación, su etiqueta quizá haya aparecido a destiempo o quedado tan subordinada visualmente que resulte inútil.
Inspecciona también el vídeo exportado en los fotogramas de los límites. Lee el último fotograma estable antes de una salida. Lee el primero tras un cambio de plan. Si una condición desaparece brevemente mientras sigue su importe, la animación ha creado un estado intermedio engañoso, aunque la tarjeta final sea correcta.
El objetivo no es que los precios parezcan sencillos ocultando su estructura, sino hacer comprensible la estructura pertinente. Un buen vídeo explicativo de precios deja al espectador un método para prever una factura y una idea clara de los supuestos de esa previsión. La animación se gana su lugar cuando ayuda a que ese razonamiento ocurra.