優れたインフォグラフィックとは?公開前に確認すべき8つのポイント

AIで要約する

以下の2枚の画像は、同じインフォグラフィック生成ツールで、同じ素材から、数分間隔で作成されたものです。どちらも見やすく、読みやすく、見た目にも美しいです。ただし、片方は採用されませんでした。.

両者を分けるのは味覚ではない。それは、あなたが確認できるルールである。 優れたインフォグラフィックは、その元となる資料が述べていないことを主張しない。. 目に見えるすべての文字列、すべての矢印、すべての図形は、あなたが提供したものに由来するか、あるいはそこに属さないものかのどちらかです。.

その定義が珍しいのは、それが検証可能であるからだ。「シンプル」「明確」「デザインが良い」「ストーリー性がある」はすべて真実だが、どれも公開すべきかどうかを判断する材料にはならない。以下の8つのチェック項目は、公開すべきかどうかを判断する材料となる。.

このスキルを試してみてください

魅力的なインフォグラフィックでも間違っている可能性がある

却下された候補はこちらです。課題は、4つの共通する側面に基づいて2つの編集フォーマットを比較することでした。.

チュートリアルとケーススタディを比較した2列のインフォグラフィック。目的、証拠、構造、次のステップというラベルが両方の列に繰り返されている。
不採用となった候補者。目的、証拠、構成、次のステップという単語に注目してください。それぞれ2回ずつ登場します。.

この画像の承認済みテキストには15本の文字列が含まれており、4つの次元名はそれぞれ表示されるはずだった。 一度. この結果では、それらは2回表示されます。1回はチュートリアル欄に、もう1回はケーススタディ欄に表示されます。.

それは簡単に無視できてしまう問題です。しかし、そうであってはなりません。寸法ラベルは、両面の評価基準となるものです。それを両面に印刷することで、共有されていた1つの軸が、いつの間にか2つの独立した軸に変わってしまうのです。さらに実用的な観点から言えば、ジェネレーターが指示なしに4つの文字列を複製したとしても、数値の調整も行われなかったとは、今のところ何も分かりません。.

修正後の結果では、すべての寸法ラベルが中央の狭い列にまとめられました。また、他にもいくつかの点が同時に変更されましたが、それについては後ほど触れます。それ自体が有益な教訓と言えるでしょう。

チュートリアルとケーススタディを目的、証拠、構造、次のステップの4つの側面で比較した3列のインフォグラフィック。各側面のラベルは中央に1回ずつ表示される。
承認された結果。承認された文字列は15個で、それぞれがちょうど1回ずつ出現する。.

最初の事件は、見た目だけで発見できたわけではありません。文字列をリストと照らし合わせて数えることで発見されたのです。.

生成する前に:セットを閉じます

それ以降のすべてのチェックは、チェック対象が存在することを前提としています。つまり、実際の作業は生成前に行われ、それは2つのリストの処理です。.

事実一覧。. 画像には、あらゆる数値、日付、単位、ランキング、引用、因果関係の主張、および情報源を使用できます。情報源に数値がない場合は、適切な入力項目として「TBC」というプレースホルダーを表示するか、数値を一切含まない定性的な構造を記述してください。「妥当な数値を推定してください」や「妥当な成長率を入力してください」といった指示は、優れたワークフローでは受け入れられません。こうした指示は、捏造されたベンチマークがプレゼンテーション資料に紛れ込む原因となります。.

表示可能なテキストの許可リスト。. 表示が許可されている文字列はすべて、表示されるべきとおりに正確に記述されます。これは、人々が想像するよりも厳格です。

  • ラベルが使用されています 逐語訳. 入力内容が 登録, 画像にはこう書いてある 登録 - ない 登録者数, 、 ない 新規ユーザー, 、 ない 登録.
  • ソースにサブタイトル、日付範囲、フッター、ソースノートがない場合、これらのフィールドは 空の, 、 ない 未指定. 「週次主要指標概要」という文章は、誰も書いていない。.
  • アイコン内のテキスト形状の記号は、可視テキストとして扱われます。コインアイコン内のドル記号は通貨表示です。人物アイコン内のプラス記号は数量表示です。.

以下のチェック項目に合格しないインフォグラフィックは、ほぼ間違いなく最初にここで不合格になっています。.

8つのチェック

完成した画像に対して、以下の処理をこの順番で実行してください。最初の処理が最も重要で、残りの処理は最初の処理では検出できないものを検出します。.

1. すべての事実は遡ることができる

画像とそれに付随するテキストを順に確認し、それぞれの数字、単位、日付、固有名詞、比較、結論を、作成した事実リストの特定の行に照らし合わせて示してください。. 指摘できないものはすべて新たな事実であり、新たな事実は即座に失敗となる。. 次回のためのメモではなく、立ち止まって修正せよ。.

2. 文字化け、欠落、重複、または切り取られたテキストがないこと

生成されたタイプは、特定の方法で改行されます。文字が欠落したり、単語が重複したり、図形の下に線が入ったり、ラベルがキャンバスの端で切り取られたりします。すべての文字列を一度声に出して読んでください。上記の却下された例も、まさにこの「重複」という理由で検出されました。.

3. 被写体は約3秒で識別可能

目をそらして、また見返す。モジュールを読み始める前に、画像が何を表しているのか、その要点は何かが分からないのであれば、たとえすべての単語が正しくても、階層構造は間違っている。.

4. 読み順と階層構造は一貫している

画像全体を通して一つの経路しかなく、それはどこでも同じ意味を持つ。上半分で大きさが重要性を意味するなら、下半分では量を意味するはずがない。矢印が順序を意味するなら、3つ後のモジュールでは因果関係を意味するはずがない。.

5. 形がないということは、情報源が言っていないことを暗示している。

これは人々が見落としがちなチェック項目であり、インフォグラフィックが最も静かに、しかし確実に悪影響を及ぼす部分です。

  • a 漏斗 狭まることを意味する――もし段階が縮小しないなら、それはドロップオフを捏造していることになる。;
  • a タイムライン リアルタイムの時点を意味する。日付のない5つの順序付けられた段階は、スケジュールではなくシーケンスである。;
  • サイズの違い 大きさを暗示する — 値を指定しなかった場合、等しいモジュールが妥当な選択です。;
  • 左から右の順 優先順位を意味するので、意図したとおりに使ったか確認してください。.

言葉自体は全て正しいかもしれないが、形は別のことを示唆している可能性がある。.

6. アイコンや装飾には不要な文字は含まれません

アイコン、バッジ、枠線、装飾など、すべての要素を拡大して確認してください。文字、数字、通貨記号、演算子、句読点、絵文字、擬似テキストは、許可リストに登録されていない限り表示されるべきではありません。修正するには、記号のないピクトグラム(人物と記号の組み合わせではなく、複数の図形を組み合わせたもの、ドル記号のないコインの山など)に変更してください。.

7. 参考画像から何もコピーしていません

参照元を指定した場合、それはスタイル、配色、構成を制御するためのものです。参照元から人物、ロゴ、ワードマーク、または保護された要素が出力に残っていないことを確認してください。.

8. スタイルは選択されたスタイルと一致しています

実際に依頼したスタイルと、機能ごとに比較してみましょう。必要な特性は揃っているか、禁止されている特性は欠けているかを確認します。よくある失敗は、ダッシュボードのデザインが暗くなりがちなことです。濃いネイビーブルー、ネオンカラー、KPIカードなど、ビジネスオーナー向けのデザインだと明記されているにもかかわらず、こうしたデザインは往々にして不必要に現れます。.

“「上司向け」とは、誰がどれくらいの速さで読むかを示すものであり、見た目がどうあるべきかを示すものではありません。レイアウトとスタイルは別個の決定事項です。ダッシュボード レイアウト これは情報構造であり、矛盾なく温かみのある手描き風のスタイルで表現することができる。.

インフォグラフィックは1ページに収まるものですか?

通常、これは形式上のルールというよりは制約事項ですが、インフォグラフィック1つは、1つの主要なポイントを1つの画像で表現したものです。.

失敗のパターンは、コンテンツがページ数を超えてしまった後も、無理やり1ページに収めようとすることです。その症状は、文字サイズが小さくなること(本文が8ポイントになったり、モジュールが余白に詰め込まれたり、ほとんどの人が閲覧するであろうスマートフォンでは画像が読みにくくなったり)です。.

コンテンツが1枚の画像に収まりきらない場合の解決策は それをシリーズに分割する 画像1枚につき1ポイントの文字サイズにしてください。文字サイズを縮小して収まるようにする必要はありません。迷った場合は、フィードのタイムライン投稿、プロジェクターのスライド、チャットクライアントのサムネイルなど、実際に表示されるサイズで画像を確認してください。.

うまくいっているものを壊さずに変更を求める方法

チェックが失敗すると、すべてを一度に修正したくなる誘惑に駆られる。「テキストを正しく修正して、さらに明るいスタイルを試して、16:9にしてみよう。」“

変化 各ラウンドにつき1つの主要変数. コンテンツ、レイアウト、スタイル、アスペクト比、または参照画像の役割 ― そのうちの 1 つだけであり、複数ではありません。.

その理由は診断的なものであり、美的理由ではありません。生成は決定論的なものではありません。もし3つの要素を変更して結果が悪化したとしても、どの変更が原因だったのかは分からず、元の状態に戻すことはできません。.

この記事の冒頭にある修正例は、コストの良い例です。 このルールを破った. 戻って2つの画像を比較してみてください。寸法ラベルが中央の列に移動しました。これは意図した修正です。しかし、セルのテキストも手書き風のフォントからシンプルなサンセリフ体に変更され、1セルあたり8個だったアイコンが4つの共有アイコンになり、最初のバージョンにはなかった装飾的な植物画が4隅すべてに表示されています。.

再試行は成功した。重複は解消され、2枚目の画像の方が明らかに出来が良い。しかし、何が問題を解決したのか――中央の列、タイポグラフィ、アイコンの縮小、あるいはそれらの組み合わせ――については何も分からなかった。次の比較で再びラベルが重複した場合、原因が特定できなかったため、この経験は役に立たない。.

それが、一度に一つの変数だけを扱うべきだという主張の全てであり、その規律が破られた事例からの方が、規律が守られた事例からよりも、その主張を信じやすい。.

効果的な修正依頼は、次の3つの部分から構成されます。まず、失敗したチェック項目を明記し、次に、依頼内容全体を改めて述べ、最後に、新しい候補者を依頼します。画像編集ソフトで後からビットマップにテキストを追加しないでください。テキストは正しく表示されますが、ファイルは再実行可能な依頼内容と一致しなくなります。.

対象外となるもの

コンテンツ運用インフォグラフィックは、提供されたソース素材を1つのビジュアル候補に変換します。これらのチェックはその候補に関するものです。.

彼らはそれを作らない:

  • 軸、誤差範囲、または計算値を含む正確な統計グラフ ― 実際のグラフ作成ツールを使用して、完成したグラフを持参してください。;
  • 複数枚のカードからなるソーシャルシリーズ。;
  • スライド資料。;
  • 選挙ポスターや記事の主人公。;
  • 編集可能なファイル、または印刷可能なファイル。.

ブランドイメージに関わる重要な資料、規制関連の資料、印刷物などについては、承認済みのテキストを別途保管し、最終的な組版はFigma、Photoshop、またはIllustratorで行ってください。作成したものはあくまでもビジュアル候補であり、それを適切に活用するためには、そう呼ぶことが不可欠です。.

既に持っているもので試してみましょう

既に作成済みのプロセス、比較表、タイムライン、または業務レビューを例にとります。まず事実リストを作成し、次に表示可能なテキストの許可リストを作成し、生成後、他の誰にも見せる前に8つのチェックを実行します。.

提供されたコンテンツを、レビュー可能なインフォグラフィックに変換する準備はできましたか?

このスキルを試してみてください

素材から完成画像までのワークフロー全体については、以下をお読みください。 AIを使ってコンテンツをインフォグラフィックに変換する方法:事実に基づいた安全なワークフロー. 生成前に構造を選択するには、以下を参照してください。 コンテンツおよびマーケティングチーム向けのビジネスインフォグラフィック事例5選.

よくある質問

優れたインフォグラフィックとは?

何も付け加えない。目に見えるすべての文字列、数字、図形は元の資料に由来し、要点は約3秒で読み取れ、視覚的な構造は元の資料の内容と一致している。魅力は必要条件ではあるが十分条件ではない。この記事の冒頭の例は魅力的だが、却下された。.

良いインフォグラフィックを作るにはどうすればいいですか?

生成する前にセットを閉じます。画像が使用する可能性のある事実と表示する可能性のある文字列をリストアップし、情報関係を選択してから、候補を1つ生成し、それらのリストと照合します。品質問題のほとんどは、後になって明らかになったセット定義の問題です。.

インフォグラフィックデザインとは、装飾とはどのように異なるのでしょうか?

ここでのデザインとは、どの構造(順序、絞り込み、サイクル、比較、階層など)が情報源を忠実に表現しているか、そして視覚的な表現がどのような意味を持つべきかを決定することである。色、フォント、アイコンは、その決定に基づいて用いられる。構造が情報源が述べていないことを主張している場合、どんなにスタイリングを凝らしてもそれを修正することはできない。.

インフォグラフィックは1ページですか?

インフォグラフィックは、1枚の画像に1つの主要なポイントをまとめたものです。内容が収まりきらなくなった場合は、文字サイズを小さくするのではなく、複数の画像に分割してください。実際に表示されるサイズで読みやすさを確認しましょう。.

インフォグラフィックは何回修正すべきでしょうか?

必要な回数だけ、1ラウンドにつき主要な変数を1つずつ変更する。回数よりも重要なのは、その方法論である。複数回変更を行うと、どの変更が効果的だったのか判断できなくなり、より適切なバージョンに戻すのも難しくなる。.

Photoshopでテキストを修正してもいいですか?

そうすることもできますが、そうすると画像は再実行したり他の人に渡したりできるブリーフとは一致しなくなります。単発の作業であれば、それは妥当な取引です。繰り返し発生する作業の場合は、ブリーフを修正して再生成してください。ブランドにとって重要な作業や印刷物の場合は、承認されたコピーを使用してデザインツールでレイアウトを適切に再構築してください。.

ジェネレーターはこれらのチェックを自動で行ってくれますか?

ワークフローは可視テキストの許可リストを適用し、独自のレビュー処理を実行します。上記の例で重複したラベルが検出されたのはそのためです。レビューが削除されることはありません。ソースが実際に何を言っていたかを知っているのはあなただけです。.

著者について

投稿を共有:

つながり続ける

さらなるアップデート

茶色のリブ編みラップトップとそれに合わせたフレアパンツを着用した女性が、日当たりの良い部屋に立っている。平置きの製品写真から生成された画像。

服の写真からAIモデルの試着画像を作成する方法

モデル撮影は、オンラインで服を販売する上で最も費用のかかる部分です。平置きの商品写真がどのようにしてAIモデルによる試着画像に変換されるのか、そして発送前に確認すべき点について解説します。.