Les 21 visuels de scène

Vingt-et-un visuels, et chaque scène de chaque film en utilise un.

• Mots — statement, bullets, quote, testimonial, titlecard
• Chiffres — stat, bignum, counter, meters, chart, table
• Structure — compare, checklist, timeline, grid, pricing
• Récit — chat, beforeAfter, logos
• Images — image, gallery

Un enregistrement d'écran réel de votre page ne figure pas dans cette liste car ce n'est pas un visuel dessiné — c'est une séquence vidéo, et c'est ce qu'une scène obtient par défaut lorsqu'il y a quelque chose sur la page qui mérite d'être filmé. Le catalogue représente ce qu'une scène est dessinée quand ce n'est pas le cas.

• statement est une seule phrase, affichée en grand, sans rien d'autre à l'écran. C'est le seul visuel dessiné sous forme de texte plutôt que de carte, c'est pourquoi il utilise un vocabulaire de mouvement différent. Utilisez-le pour la thèse et le tournant — les deux ou trois moments d'un film qui méritent tout le cadre.
• bullets est une courte liste. Trois éléments se lisent bien, cinq est la limite avant que personne n'en lise aucun.
• quote et testimonial affichent les mots de quelqu'un d'autre à l'écran. testimonial inclut une attribution ; quote non. Une citation de votre propre texte marketing n'est pas une quote — utilisez statement.
• titlecard ouvre et ferme le film.

Résistez à la tentation des bullets. C'est le visuel le plus facile à écrire et le plus faible à regarder. Si la liste d'une scène contient trois éléments, trois scènes statement sont généralement plus efficaces qu'une seule liste — et puisque la narration détermine la durée, la division ne coûte pas de secondes supplémentaires.

• bignum est un chiffre, énorme. Le visuel le plus sous-utilisé du produit : un seul chiffre à l'écran pendant deux secondes est bien mieux mémorisé que le même chiffre dans une phrase.
• counter s'anime jusqu'à ce chiffre. Utile lorsque la croissance elle-même est le point central, distrayant quand ce n'est pas le cas.
• stat est un chiffre avec une étiquette et un certain contexte.
• meters compare quelques proportions sous forme de barres — part de quelque chose, progression vers quelque chose.
• chart trace une série réelle. Donnez-lui des données réelles ; un graphique décoratif avec une forme inventée est le moyen le plus rapide de perdre un public technique.
• table contient une grille de valeurs. C'est le visuel le plus dense disponible et il nécessite la plus longue durée d'affichage, alors prévoyez une narration en conséquence.

Chaque chiffre à l'écran doit provenir de quelque part. Le pipeline lie les chiffres à leur source et le storyboard rapporte la provenance de chacun, de sorte qu'une affirmation que vous ne pouvez pas tracer est visible avant de publier plutôt qu'après.

• compare est composé de deux colonnes. Nous et eux, avant et après, plan A et plan B. C'est le visuel le plus persuasif du catalogue et le plus facile à rendre injuste — si la colonne de droite est vide, personne ne croit celle de gauche.
• checklist coche les éléments au fur et à mesure de la narration. Idéal pour un processus que quelqu'un suivra, ou pour des capacités au fur et à mesure qu'elles sont nommées.
• timeline présente une séquence le long d'un axe. Utilisez-le lorsque l'ordre est important ; utilisez checklist lorsque ce n'est pas le cas.
• grid est un ensemble de petites tuiles, chacune avec une icône. Le visuel standard de présentation des fonctionnalités.
• pricing dessine des cartes de plans avec leurs chiffres et leurs fonctionnalités.

Les visuels de liste peuvent contenir jusqu'à huit éléments et adaptent leur type au nombre, de sorte qu'une grille de quatre et une grille de huit remplissent toutes deux correctement le cadre. Au-delà de huit, les éléments sont supprimés plutôt que réduits à néant — ce qui est le bon compromis, mais cela signifie qu'une liste de neuf éléments devient silencieusement huit. Divisez-la.

• chat dessine un fil de discussion, bulle par bulle, en synchronisation avec la narration. C'est le meilleur visuel du catalogue pour une conversation de support, une objection à laquelle on répond, ou deux personnes en désaccord — car un spectateur lit une conversation sans qu'on lui dise que c'en est une.
• beforeAfter effectue un balayage entre deux états. Le balayage est l'argument : le spectateur voit le changement se produire plutôt que de se le faire raconter.
• logos est une rangée de marques. Ne vaut une scène que si les noms sont reconnus par votre public.

Ces trois-là sont le point où une vidéo produit cesse d'être une brochure. Une scène chat où un client pose la question exacte à laquelle votre prospect pense, et obtient une réponse, est plus efficace que quatre tuiles de fonctionnalités.

• image est une seule image : une capture d'écran réelle, un téléchargement depuis votre banque, ou une image fixe ou un clip généré.
• gallery en est plusieurs, en séquence.

Une scène image avec une description generate est la façon de filmer un moment pour lequel votre page n'a pas d'image. Une scène image pointant vers un actif bancaire est la façon d'utiliser une photographie que vous possédez déjà — ce qui, lorsque vous en avez une, est toujours préférable à la génération d'une approximation.

Travaillez à rebours à partir de la phrase.

1. 1La page montre-t-elle cela ? Alors filmez-le. Un enregistrement d'écran réel du produit réel surpasse tout visuel dessiné pour tout ce que le produit fait.
2. 2Y a-t-il un chiffre dans la phrase ? bignum ou counter.
3. 3Est-ce une comparaison ? compare ou beforeAfter.
4. 4Est-ce une séquence ? timeline ou checklist.
5. 5S'agit-il des mots de quelqu'un ? quote, testimonial ou chat.
6. 6Est-ce la thèse ? statement.
7. 7Aucun de ceux-là ? Il s'agit probablement de deux idées en une seule phrase. Divisez la scène.

list_motions publie le catalogue complet avec les exigences de chaque visuel, de sorte qu'un assistant rédigeant un storyboard peut valider son choix plutôt que de deviner les noms de champs.