Los 21 visuales de escena

Veintiún visuales, y cada escena de cada película es uno de ellos.

• Palabras — statement, bullets, quote, testimonial, titlecard
• Números — stat, bignum, counter, meters, chart, table
• Estructura — compare, checklist, timeline, grid, pricing
• Historia — chat, beforeAfter, logos
• Imágenes — image, gallery

Una grabación de pantalla real de tu página no está en esta lista porque no es un visual dibujado, es metraje. Es lo que una escena obtiene por defecto cuando hay algo en la página que vale la pena filmar. El catálogo es cómo se dibuja una escena cuando no hay nada.

• statement es una frase, mostrada en grande, sin nada más en pantalla. Es el único visual dibujado como texto en lugar de como una tarjeta, por lo que utiliza un vocabulario de movimiento diferente. Úsalo para la tesis y el giro: los dos o tres momentos de una película que merecen todo el encuadre.
• bullets es una lista corta. Tres elementos se leen bien, cinco es el límite antes de que nadie lea ninguno.
• quote y testimonial muestran las palabras de otra persona en pantalla. testimonial incluye una atribución; quote no. Una cita de tu propio texto de marketing no es una cita, usa statement.
• titlecard abre y cierra la película.

Resiste la tentación de usar bullets. Es el visual más fácil de escribir y el más débil de ver. Si una lista de escena tiene tres elementos, tres escenas de statement suelen ser mejores que una lista, y como la narración establece la duración, dividir no cuesta segundos adicionales.

• bignum es una cifra, enorme. El visual menos utilizado en el producto: un solo número en pantalla durante dos segundos se recuerda mucho mejor que el mismo número dentro de una frase.
• counter anima hasta esa cifra. Vale la pena cuando el crecimiento en sí es el punto, distrae cuando no lo es.
• stat es una cifra con una etiqueta y algo de contexto a su alrededor.
• meters compara algunas proporciones como barras: parte de algo, progreso hacia algo.
• chart traza una serie real. Dale datos reales; un gráfico decorativo con una forma inventada es la forma más rápida de perder a una audiencia técnica.
• table contiene una cuadrícula de valores. Es el visual más denso disponible y necesita la retención más larga, así que asigna narración para ello.

Cada número en pantalla debe provenir de algún lugar. El proceso vincula las cifras a su origen y el guion gráfico informa la procedencia de cada una, por lo que una afirmación que no puedes rastrear es visible antes de publicar, en lugar de después.

• compare son dos columnas. Nosotros y ellos, antes y después, plan A y plan B. Es el visual más persuasivo del catálogo y el más fácil de hacer parecer injusto: si la columna derecha está vacía, nadie cree la izquierda.
• checklist marca los elementos a medida que se narran. Bueno para un proceso que alguien seguirá, o para capacidades a medida que se nombran.
• timeline presenta una secuencia a lo largo de un eje. Úsalo cuando el orden importa; usa checklist cuando no.
• grid es un conjunto de pequeñas baldosas, cada una con un icono. El visual estándar para la descripción general de características.
• pricing dibuja tarjetas de planes con sus cifras y características.

Los visuales de lista admiten hasta ocho elementos y escalan su tipo según el recuento, por lo que una cuadrícula de cuatro y una de ocho llenan el encuadre correctamente. Más allá de ocho, los elementos se eliminan en lugar de reducirse a nada, lo cual es la compensación correcta, pero significa que una lista de nueve elementos se convierte silenciosamente en ocho. Divídela.

• chat dibuja un hilo de mensajes, burbuja por burbuja, al ritmo de la narración. Es el mejor visual del catálogo para una conversación de soporte, una objeción que se responde o dos personas que no están de acuerdo, porque un espectador lee una conversación sin que se le diga que lo es.
• beforeAfter transiciona entre dos estados. La transición es el argumento: el espectador ve el cambio ocurrir en lugar de que se le cuente.
• logos es una fila de marcas. Solo vale la pena una escena si los nombres son reconocidos por tu audiencia.

Estos tres son donde un video de producto deja de ser un folleto. Una escena de chat donde un cliente hace la pregunta exacta que tu prospecto está pensando, y obtiene una respuesta, hace más trabajo que cuatro mosaicos de características.

• image es una sola imagen: una captura de pantalla real, una subida de tu banco o una imagen o clip generado.
• gallery son varias, en secuencia.

Una escena de image con una descripción generate es cómo filmas un momento para el que tu página no tiene imagen. Una escena de image que apunta a un activo almacenado es cómo usas una fotografía que ya posees, lo cual, cuando la tienes, siempre es mejor que generar una aproximación.

Trabaja hacia atrás desde la frase.

1. 1¿La página muestra esto? Entonces fílmalo. Una grabación de pantalla real del producto real supera a cualquier visual dibujado para cualquier cosa que haga el producto.
2. 2¿Hay un número en la frase? bignum o counter.
3. 3¿Es una comparación? compare o beforeAfter.
4. 4¿Es una secuencia? timeline o checklist.
5. 5¿Son palabras de alguien? quote, testimonial o chat.
6. 6¿Es la tesis? statement.
7. 7¿Ninguna de las anteriores? Probablemente son dos ideas en una frase. Divide la escena.

list_motions publica el catálogo completo con los requisitos de cada visual, para que un asistente que crea un guion gráfico pueda validar su elección en lugar de adivinar los nombres de los campos.