二つのサムネイルを並べて「どちらが好きか」と聞いても、仕事で採用する案が決まるとは限りません。
読みやすさ、内容との一致、掲載条件を分けて確認すると、修正すべき場所を具体化できます。
このレッスンでは、架空のコーヒー講座のサムネイル二案を題材にします。
公開前の点検と公開後の数字を区別し、採用理由と次の改善を記録します。
クリック率が高ければ必ず売上も上がる、という判断を避けながら、一枚を仕上げましょう。
この記事で学ぶこと
- 採用前に、公開できる品質の条件を決める。
- 変更点を絞り、同じ条件で比較と点検を行う。
- 送客と購入を分け、分からない結果を断定しない。
比較する前に、完成条件を決める
完成条件は、画像ができた後ではなく、比べる前に書きます。
今回なら「初心者向けの注ぎ方講座だと分かる」「主見出しが掲載幅で読める」「手元の動作が見える」「本文で扱わない効果を約束していない」の四つです。
条件を先に決めると、気に入った案へ後から理由を付けることを減らせます。
見た目の好みと、公開できる品質を分けて考えましょう。
文字の誤り、日付の不一致、顔や手の不自然な形、画像の欠けは、配色の好みより先に直す項目です。
どれだけ雰囲気が良くても、読者の判断を誤らせる部分があれば採用を保留します。
すべてを一つの点数へまとめると、重大な問題が平均に隠れることがあります。
点検表には、項目、観察した事実、合否、修正内容を設けます。
「文字が弱い」だけではなく、「小さな一覧で『順番』が読めない」と書くと修正へ進めます。
見た目を批評する言葉より、どの表示で何が起きたかが役に立ちます。
事実を説明できない場合は、問題があると決めつけず、別の人や画面でも確認します。
優先順位は、誤りや誤解、判読性、情報の順番、見た目の整合という順で決められます。
これは今回の練習用の基準で、すべての制作物の唯一の正解ではありません。
依頼内容に固有の条件があれば加えます。
公開の可否に関わる項目と、余裕があれば改善する項目を分けておくと、修正が終わらない状態を避けやすくなります。
変える要素を一つにして並べる
二案を比較する時は、何の違いを確かめるのかを決めます。
配置を比べたいなら、同じ見出し、同じ写真、同じ掲載幅を使います。
案Aだけ強い言葉と明るい写真を使うと、配置が良かったのか文言が良かったのか分かりません。
制作の途中では、比較の目的を一つに絞る方が修正理由を学びやすくなります。
今回の案Aは写真の上に文字を重ね、案Bは白帯の上に同じ文字を置いた状態とします。
両方を小さく表示し、見出しを読み取れるかを比べます。
案Bの方が読みやすければ、その条件では背景の分離が役立った可能性があります。
ただし、その場の確認だけで、公開後のクリック数が増えると断定することはできません。
比較画像は同じ画面に並べ、大きさと周囲の余白もそろえます。
一方だけ拡大表示すると、細部が読みやすいことを構成の優劣と取り違える場合があります。
ファイル名には案と変更点を付け、元画像を残します。
説明を受けていない人にも見せ、何を伝える講座だと理解したかを記録してください。
目的がアイデアを広げることなら、複数の要素を変えた案を作っても構いません。
その場合は「全体としてどちらが目的に合うか」を選ぶ比較であり、特定の要素が効いた証拠にはしないことが必要です。
案を広げる段階と、修正の理由を確かめる段階で、比較の方法を切り替えましょう。
修正指示は、場所・理由・変更に分ける
「もっと良くして」では、制作する人やAIが何を残すべきか判断できません。
修正指示は、場所、問題が起きる理由、変更内容、維持する条件の四つに分けます。
例えば「左側の補足が写真と重なり読みにくいので、単色の帯へ移す。主見出しと写真の大きさは変えない」と書きます。
一度に複数の問題を直す必要がある場合も、指示を項目ごとに分けます。
誤字の修正、写真の切り抜き、見出しの位置をまとめて曖昧に頼むと、不要な変更が入りやすくなります。
先に公開できない原因を取り除き、次に余白や整列を整えます。
修正後は、指定していない文字や道具の形まで変わっていないかも点検します。
画像生成で文字や細部の修正が安定しない場合は、同じ指示を繰り返すだけにしないでください。
文字を編集できる制作ツールで置き直す、背景と文字を分けて管理するなど、工程を変える方法があります。
どの方式でも、採用する画像で文言を読み返し、元の指示書と一致するかを確かめる必要があります。
修正を終える条件も明記します。
「掲載幅で主見出しが読め、四つの必須条件をすべて満たしたら完成」と決めれば、好みで無限に変える状態を避けられます。
新しい案を試したくなっても、目的に関係する改善かを確認しましょう。
変更回数より、最後に残った問題を説明できることが大切です。
公開前に、実際の表示とリンク先を通す
原寸で問題がなくても、掲載先では見え方が変わります。
画像を実際の枠に置き、スマートフォンとPCで確認します。
文字が細くなっていないか、端が切れていないか、周囲の記事画像に紛れていないかを見ます。
画像の縦横比を保つことと、掲載枠に収まることを両方確認してください。
画像から開く記事や講座も確認します。
「道具を比較する」と見せたのに、リンク先が自己紹介だけでは目的を果たせません。
サムネイル、記事タイトル、冒頭の説明が同じ疑問へ答えているかを通して読みます。
申し込みや購入を案内する場合は、何が得られるか、条件がどこで分かるかも読者の視点で確認します。
容量が大きい画像は、配信用に書き出してから画質を確認します。
文字や顔が崩れるほど圧縮せず、掲載に不要な原寸データをそのまま使わないようにします。
保存形式や寸法は掲載先の仕様に合わせます。
編集用の原本と公開用ファイルを分けておくと、修正時に圧縮済み画像を繰り返し加工せずに済みます。
最後に、素材の利用条件、記載内容、リンク先、公開担当を確認します。
確認できていない実績や数字を、画像の空白を埋めるために追加してはいけません。
点検した日と採用版を記録し、差し替え時に古い画像と取り違えないようにします。
公開前の確認表があると、別の人へ作業を引き継ぐ時にも使えます。
クリックの先まで見て、次の改善を決める
公開後は、画像を見た回数、クリックされた回数、記事を読んだ後の行動を分けて見ます。
クリック率は、クリック数を表示回数で割った割合です。
表示回数が少ない時や、計測条件が違う時は、割合だけで優劣を決めないようにします。
画像が同じでも、掲載場所や届けた相手が変われば結果は変わります。
練習用の仮データとして、案Aが千回表示で五十クリック、案Bが千回表示で六十クリックだったとします。
この二つの数値だけでは、案Bがいつも優れているとは言えません。
配信時刻や対象者が同じか、偶然の変動ではないか、開いた後に内容と期待が一致していたかも確認する必要があります。
大学からnoteへの送客なら、関連noteのクリックと、note上での購入や購読は別の指標です。
大学側でリンクを押したことが分かっても、購入したとは判断できません。
取得できる情報の範囲を確認し、直接結び付けられない数値はそのまま区別します。
購入を増やすために、本文と関係のない強い見出しへ変える方法は避けましょう。
改善記録には、変えた要素、掲載期間、対象、表示数、クリック数、把握できた次の行動、残る不明点を書きます。
結果が十分でなければ「判断保留」と残して構いません。
次は見出しか配置など、一つの仮説を検証します。
毎回別の画像へ作り直すのではなく、観察した問題に対応する変更を積み重ねます。
実践課題
実践課題：二案を比べ、修正記録を残す
前のレッスンで作った画像、または架空のコーヒー講座のラフを二つ用意します。
一方だけ文字の背景を変え、ほかの条件をそろえてください。
公開しなくても、表示確認と修正記録まで練習できます。
- 必須条件を四つ書き、各案の合否と観察した事実を記録する。
- 不合格の一項目について、場所・理由・変更・維持条件を書く。
- 修正前後を同じ幅で並べ、別の箇所が崩れていないか確認する。
- 採用版と判断理由を残し、公開後に確かめたい指標を一つ決める。
完成例：案Aは写真の明るい部分と白文字が重なり、縮小時に「順番」が読めない。
案Bは濃い文字を白帯に載せたため読める。
案Bを採用するが、クリック率が上がるとはまだ言えない。
公開前に見出し、素材、リンク先を確認し、公開後は表示条件とnoteへのクリックを記録する。
購入数が取得できない場合は、クリック数を売上として報告しない。
自己確認
- 好みと、読み取りにくさなどの観察事実を分けたか。
- 修正で変える要素と、維持する要素を明記したか。
- クリックの増減だけで売上や因果関係を断定していないか。
まとめ
比較する前に完成条件を決め、同じ表示条件で問題を確かめます。
修正指示は場所、理由、変更、維持条件へ分け、公開前に実際の画面とリンク先を通してください。
公開後の数字は、表示、クリック、その後の行動に分けます。
確認できない成果は不明のまま残し、次に変える要素を一つ決めましょう。
基本の確認手順はこの教材で実行できます。
より詳しい修正事例は関連noteで確認できます。
- 採用前に、公開できる品質の条件を決める。
- 変更点を絞り、同じ条件で比較と点検を行う。
- 送客と購入を分け、分からない結果を断定しない。
