Tarjetas ricas en el centro de tu vídeo, fieles a la verdad

La mayoría de los vídeos ya llevaban una o dos tarjetas animadas, pero casi siempre en los mismos sitios: un gancho de texto al principio y un botón de llamada a la acción al final. El centro del vídeo seguía con los visuales propios, aunque la página tuviera una lista clara de funciones, un proceso por pasos o unas cifras que merecían su propio escenario.

Así que abrimos el centro. Un vídeo puede llevar ahora hasta tres tarjetas ricas además del gancho y el botón: cuadrículas de funciones, rutas de pasos, tarjetas de cifras e indicadores, listas de qué hacer y qué no, planes de precios y tarjetas de reseñas. Nunca la misma plantilla dos veces en un vídeo ni dos tarjetas seguidas, para que las grabaciones reales de tu web sigan siendo el corazón del vídeo.

Una tarjeta rica solo es honesta si lo es su contenido, así que cada una se rellena con el material de su escena. Los elementos de cuadrícula y de lista salen de la página; las cifras solo aparecen si la página las da; las citas, solo si están firmadas en ella.

La regla de mostrar y decir sigue vigente: cada fila de una lista tiene que decirla la voz o estar escrita en la página, y al menos una tiene que pronunciarse. Antes de lanzarlo pasamos un banco de vídeos: las tarjetas ricas aparecían donde la página tenía material para ellas, ninguna se apartaba de su narración y todos los vídeos mantenían su parte de grabaciones reales.

Antes de que nada de esto llegara a tus vídeos, leímos los primeros fotograma a fotograma. Dos plantillas aún no estaban a punto: una tarjeta de cifras que se dibujaba pequeña en una esquina de un encuadre ancho, y un treemap. Las apartamos hasta que lo estuvieran, y mientras tanto esas escenas mantuvieron su visual propio.

La segunda pasada, ese mismo día, convirtió ese tipo de control en permanente:

• lo que dibuja una tarjeta debe cubrir al menos una cuarta parte de su escenario;
• una plantilla que cae en su tarjeta de error suspende la comprobación de fotogramas;
• la tarjeta de cifras se redibujó para vídeos anchos y cuadrados;
• 31 parejas nuevas de plantilla y formato pasaron a estar disponibles, entre ellas tableros kanban, flujos de reserva y gráficos de velas.

Una tarjeta puede estar preciosamente dibujada y aun así decir algo falso. Así que las reglas siguientes tratan del significado, no de los píxeles:

1. 1Un gráfico compara cosas comparables. Se rechaza cuando sus valores tienen unidades distintas, cuando sus etiquetas nombran cosas de distinto tipo, como ciudades junto a idiomas, o cuando el valor mayor aplasta al menor más de veinte veces. Las cifras sueltas van a una tarjeta de cifras. Las tartas y los donuts necesitan una serie real o porcentajes que sumen 100.
2. 2Una reseña es una reseña. Una cita solo cuenta en un contexto de reseñas: una sección de testimonios, una valoración o el nombre de una persona al lado. El saludo del chatbot de una web, o una frase de la propia marca, nunca se muestra como testimonio.
3. 3Una tarjeta de imagen necesita una imagen. Las 105 plantillas centradas en la imagen solo se usan cuando hay una imagen real que poner.

Una cifra lleva su significado en su magnitud. En la página de aifr.ai, «663K+», «24M» y «515K» son lo esencial; una tarjeta que solo mostrara 663, 24 y 515 contaría otra historia.

Nuestro presupuesto de lectura recorta el texto en pantalla para que te dé tiempo a leerlo, y trataba el sufijo de una cifra como una palabra opcional. Ahora nunca toca un prefijo, un sufijo, una unidad ni una moneda. Un nuevo control, figureMagnitude, compara cada cifra impresa con cómo la dice la página o la voz, con K, M, B, %, + o una moneda, y repara la tarjeta o la rechaza. El «milliard» francés pasa a Md, nunca a B, y «112 Md€» conserva su euro. El control cubre tanto las tarjetas animadas como nuestros contadores, medidores y gráficos propios.

El centro de tu vídeo puede mostrar ahora tus funciones en cuadrícula, tu proceso como una ruta, tus cifras en una tarjeta y tus reseñas como reseñas, cada una sacada de tu página y revisada por lo que significa. Puedes explorar estas tarjetas, y los formatos que admite cada una, en el catálogo de animaciones.

La lección que nos llevamos: una tarjeta que parece correcta y dice algo falso es peor que ninguna tarjeta. Las reglas que lo evitan tratan del significado, así que su sitio es el código, comprobadas en cada tarjeta, siempre.