0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

動画サムネの要件を、誇張ではなくテスト可能な仕様にする

0
Posted at

動画サムネの要件を、誇張ではなくテスト可能な仕様にする

動画のサムネは短い広告文ではあるものの、実装上は UI の入口に近いものです。見る人は数秒で「何の動画か」「何が変わるのか」「開く理由があるか」を判断します。だから、素材を並べる前に動画内で確認できる事実を整理しておくと、デザインの判断がぶれにくくなります。

League of Legends の動画では、チャンピオン、パッチ、ランク、ビルド、決定的な場面が候補になります。しかし主役は一つにします。主役以外の要素は、説明のために存在するのであって、同時に主張するためではありません。

要件をデータとして書く

次のように「映像が証明すること」と「言ってはいけないこと」を同じ構造に置くと、公開前の確認ができます。

type ThumbnailRequirement = {
  evidenceInVideo: string;
  primaryFocus: string;
  questionForViewer: string;
  disallowedClaims: string[];
};

const requirement: ThumbnailRequirement = {
  evidenceInVideo: "パッチ後のレーンで行った判断と、その後の交戦",
  primaryFocus: "チャンピオンと一つの状況",
  questionForViewer: "なぜこの選択が成立したのか?",
  disallowedClaims: ["必ず勝てる", "未達のランク", "映像にない結末"]
};

この brief があると、League of Legends Thumbnail を作る場面でも、画像の中心を決めやすくなります。チャンピオンを大きく置くなら文字は状況を補足する。パッチを主役にするなら、キャラクターは変化を感じさせるために置く。役割が重ならないため、小さな表示でも読み取りやすくなります。

強い演出を、検証できる問いに変える

矢印、色の対比、表情、短い文字はすべて視線誘導に使えます。問題はそれらが、動画にない勝敗や性能まで断言し始めるときです。「なぜこうなった?」は映像で答えられる問いですが、「これで必勝」は別種の主張です。

Clickbait Thumbnail Generator で案を比較するなら、同じ映像上の事実について、優先順位だけを変えるとよいです。背景を変える、文字量を減らす、視線を主役へ寄せる。どの案でも、冒頭の映像が約束を回収できるかを確認します。

公開前の簡易テスト

  1. 小さく表示しても主役が一つ分かるか。
  2. 文字は画像にない文脈だけを足しているか。
  3. その問いに動画の前半で答えられるか。
  4. 画像とロゴの利用権限を確認したか。
  5. クリック、順位、勝率を保証する表現が混じっていないか。

Thumbs AI は、この仕様をもとに構図案を試すための選択肢になります。最後に必要なのは、最も派手な案を選ぶことではなく、動画の事実と最も近い案を選ぶことです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?