写真は美しいですが、誰もその要点を理解していません: インフォグラフィックの 3 万年にわたる進化とコンテンツ ワーカーのための 3 つのチェック質問
*▲ インフォグラフィックスのポイントは、画像をたくさん使うことではなく、一目で要点を理解させることです。 *
最近、携帯電話をスクロールしていると、非常に興味深いものを発見しました。
複雑な概念を説明するためにインフォグラフィックを使用する人が増えています。 財務レポート、一連の方法論、業界のトレンド。以前は明確に説明するには 2,000 語必要だった内容が、矢印、カラー ブロック、アイコンを備えた 1 枚の画像に圧縮されています。読者はスワイプするだけで、わずか数秒で一般的な要点を把握できます。 これは良いことだと思いますし、近年のコンテンツ分野における最も嬉しい変化の一つであるとも言えます。 結局のところ、みんなの注意はますます薄くなっており、よりわかりやすく話すために努力を惜しまない人々は奨励されるに値します。
しかし、読んでいくうちに、心の中で疑問を抱き始めました。
たくさんの写真を見ましたが、柔らかなグラデーション、適切な余白、統一されたアイコンのスタイルなど、とても美しくデザインされていました。 ひと目でかなり力が入っていることがわかります。しかし、10秒ほど見つめても、作者が何を伝えたかったのかはまだわかりません。 それは美しいですが、結論はありません。
まったく逆の写真も見ました。 著者は明らかに懸命に働き、手元にあるすべての情報を入力しました。12 か月分の売上高、8 つの製品ラインの比較、3 つの円グラフと 2 つの棒グラフがすべて同じキャンバスに詰め込まれています。 確かに情報量は膨大ですが、それは情報グラフではなく、キャプチャされたスプレッドシートです。
これら 2 つの状況は、実際には同じ問題の 2 つの側面です。 この質問を聞くと、10年以上前の出来事を思い出します。
10年以上前に編集デスクで議論したこと
当時、私はデジタル・タイムズ誌の編集長でした。
雑誌という媒体は残酷であり、スペースは限られています。 見開きは 2 ページですが、情報が多いからといってそれ以上印刷することはできません。 そのため、大量のデータの処理が必要なトピックに遭遇するたびに、アート編集者や関連する同僚と座って検討する必要があります。 「このページはどのように表示されるべきか?」
当初、私たちは最も直観的な間違いも犯しました。 記者から数十のデータを含む詳細な業界調査を渡されたので、それをすべて可視化してみました。 棒グラフ、折れ線グラフ、円グラフが交互に表示されます。編集者は色を美しく調整し、フォントの進行も適切です。 印刷された後は、誰もが非常に満足し、国際的な出版物のように見えました。
すると、他の部署の同僚が突然「では、このページのグラフは何を表現したいのですか？」と尋ねました。
その一言で私たちはその場に止まりました。
私たちは徐々に結論に達しました。そして私は今でもこの結論を信じています。単にチャートを美しくするだけでは十分ではない、ということです。画像に密な情報を載せるだけでは意味がありません。 インフォグラフィックスの本当の仕事は、情報を表示することではなく、読者に判断を下すことです。
この言葉は少し抽象的に聞こえますが、実は歴史的な根拠があります。 なぜなら、インフォグラフィックは最初から見栄えを良くすることを目的としたものではないからです。
3 万年にわたるインフォグラフィックス: 記録から分析、世界の変化まで
インフォメーショングラフィックスの英語名はInfographicで、Information（情報）とGraphic（グラフィック）の2つの単語を組み合わせたものです。 言葉は若いですが、その背後にある行動は非常に古いです。 私はその進化を 4 つの段階に分類しました。各段階で、人間は同じ問題、つまり、私が見ているものを他の人にいかに早く理解させるかという同じ問題を解決していることがわかります。
*▲ インフォメーション グラフィックスの進化の 4 段階: 先史時代の岩絵の生存記録から、デカルトの座標系、プレイファーの統計図、ナイチンゲール、図表を公の議論のツールに変える新聞やメディアに至るまで。 *
1. 先史時代の萌芽期：生存を画像で記録（紀元前3万年頃から）
書き言葉が成熟する前に、人類の祖先はすでに本能的に視覚的なイメージを使用して複雑なメッセージを伝えていました。
フランスのショーヴェ洞窟の壁画は、約 30,000 年から 32,000 年前のものです。最近の研究では、スプレーで描かれたパターンの一部が近くの火山噴火を記録した可能性があることが判明しました。ブラジルのカピバラ山脈の岩絵には、野生動物や狩猟の場面が数多く残されています。 これらの写真は芸術作品であるだけでなく、言語の制限を超えて生命情報を保存しようとする人類による最初の試みでもあります。
私はこの段階で思い出させてくれたことが特に気に入っています。絵を描く出発点は、美的ニーズではなく、生存ニーズであるということです。
2. 理論的基礎時代：デカルトの座標系（1637年）
抽象的な情報を正確に特定するための重要な進歩は、フランスの哲学者で数学者のルネ・デカルトによってもたらされました。
彼は 1637 年に出版した『方法論』に、代数学と幾何学を結び付け、解析幾何学の精神を確立した『La Géométrie』（幾何学）と呼ばれる論文を添付しました。 厳密に言えば、今日私たちが慣れ親しんでいる X 軸と Y 軸の描画方法は、彼の著作に基づいて後世の人によって徐々に改良されたものですが、その進歩の源は彼にあります。 この事件の影響は非常に広範囲に及びます。初めて、幾何学や代数学などの抽象的な数学的関係が、水平および垂直の格子点を使用して視覚的に表現できるようになりました。 今日のすべての統計グラフの根幹は、このステップから生まれています。
3. 現代チャートの誕生期: ビジュアルチャートの父 (1786-1801)
データを真にストーリーに変換し、最新のデータ視覚化を実践した中心人物は、スコットランドの政治経済学者ウィリアムでした。 ウィリアム・プレイフェア。
英国国民と政府に率直な経済データと人口統計データを説明するために、彼は 1786 年に出版された『商業政治地図』で折れ線グラフと棒グラフを多用しました。1801 年の統計聖典では、史上初の円グラフさえも出版しました。現在、プレゼンテーションソフトで簡単に作成できるさまざまな図表は、すべてこの人が作成したものです。
彼は、数字よりもグラフィックの方が理解しやすいと主張しました。これは、複雑さを単純化する現代のインフォメーション グラフィックスの中心的な精神です。
彼の動機に注目してください。 彼はレポートの見栄えを良くしようとしているのではなく、数字が理解できない人にレポートを読みたいと思わせようとしているのです。
4. 思想の普及の時代: 看護とジャーナリズムの革命 (19 世紀以降)
19 世紀に入り、人々はインフォグラフィックスがデータを記録するだけでなく、世界を変え、命を救うことさえできることに気づきました。
1858 年、看護の先駆者フローレンス ナイチンゲールは、ヴィクトリア女王と議会に対して、あることを証明したいと考えていました。それは、クリミア戦争での兵士の死のほとんどは、戦闘による負傷ではなく、劣悪な医療および衛生状態によるものでした。 彼女は、後にローズ チャート (コックスコム チャート) として知られる有名な極円グラフを設計しました。 従来の円グラフは角度を使用して割合を表現しますが、バラグラフは等しい扇形の角度を使用し、半径の長さを使用して数値をマッピングします。 そのため、その写真では、予防可能な感染症による死亡を表す青灰色の領域が、戦闘による死亡を表す赤色の領域を大きく覆い隠しており、勝者が一目で判断できました。 その後、その写真はイギリス軍の医療改革を促進することに成功しました。
1842 年に創刊された『イラストレイテッド ロンドン ニュース』などの新聞や雑誌も、気象、戦争の力学、技術発明を一般に説明するためにイラストやデータを多用し始めました。 20世紀に入ると、インフォメーショングラフィックスが正式に世間の注目を集めるようになりました。
ナイチンゲールについて話すたびに、私は特にショックを受けます。 彼女が持っていたデータは実際に他の人にも利用可能でした。 本当に珍しいのは、彼女が明確な主張をするためにその写真を使用することに決め、それに職業上の評判を賭けたことです。 バラの図はレポートの飾りではありません。それは議論そのものです。
それでは、この 2 つの主な違いは何でしょうか?
30,000 年の進化を調べ、今日インターネット上の写真を振り返ると、その違いが非常に明確になります。
*▲ 左側はチャート上の情報を掲載し、右側は実際の情報チャートです。 違いは美学ではなく、読者が判断するかどうかです。 *
単純にチャートに情報を書き込むと、通常は次のようになります。
まず、データをスタックします。 密度の高いスプレッドシートや長いテキストを円グラフや棒グラフに直接変換すると、入力した情報がそのままグラフに表示されます。
第二に、焦点が合っていない。 どのような結論を伝えたいのか、読者にはわかりません。ビジュアルは乱雑で、あらゆる要素が注目を集めようと競い合っています。 結局、誰にも理解されないのです。
第三に、負担を増やすことです。 写真が多いとはいえ、読んでも肝心なところは分からず、原文を読むよりも疲れます。
実際のインフォグラフィックスは、次の 3 つのまったく異なることを行います。
まず、自分の視点を磨きます。 複雑な知識やデータを最も重要なコアだけに凝縮します。このステップの本質はトレードオフを行うことです。 トレードオフとは、まず自分の立場について考えなければならないことを意味します。
次に、ブート シーケンスです。 視覚的な動きのある線を使用して、上から下、ステップ 1、2、3、または左右の比較など、読者の思考を導きます。 読者の目がどこに行っても、最初に見るものと最後に見るものはすべてデザインされています。
第三に、秒単位の値を理解します。 読むのに数分かかるコンテンツをわずか数秒で受信できるようになります。
分かりましたか？ これら3つのことはどれも美しさとは何の関係もありません。 美しさは必要条件ではありますが、決して十分条件ではありません。
コンテンツ ワーカー向けの 3 つのチェック質問
歴史と原則についてこれまで多くのことを説明してきましたが、より実践的なことをいくつか説明したいと思います。
写真が完成したら、急いで公開しないでください。これら 3 つの質問を自分自身に問いかけてください。 これは私が編集デスクで身につけた習慣であり、今でもそれを続けています。
質問 1: この写真の中の文は何ですか?
読者に覚えておいてほしいこの絵の結論を一文で教えてください。
この絵のテーマを伝えているのではなく、結論を伝えていることに注意してください。 販売動向分析が主なテーマで、製品Aは5月に最高のパフォーマンスを示し、6月にはわずかに低下しましたが、それでもほとんどの製品よりも高い、これが結論です。
その文が言えないということは、まだ考えていないということなので、もちろん読者にはわかりません。 この時点では急いで色合わせを調整しないで、その文に戻って考えてください。
もっと非情な方法は、その文章をタイトルとして画像の上部に直接書き込むことです。 それがナイチンゲールがやったことであり、プレイフィールドも同様でした。 読者に推測を任せることは決してありません。
質問 2: 読者の目は最初にどこに止まりますか?
写真を撮り、3 歩下がるか、携帯電話のサイズに縮小して、それを見て目を閉じます。
あなたが今最初に見たものは何でしたか？ それはあなたが彼に一番見てもらいたいものですか？
最初に注意を引くのが装飾的なイラスト、過飽和な背景、または重要でない凡例である場合、視覚的な階層は壊れています。 情報チャートの動きのある線は自然に発生するものではなく、サイズのコントラスト、色のコントラスト、空白のコントラストなどのコントラストによって意図的に作成されます。 1 つの要素だけが最も明るくなり、他の要素は下がる必要があります。
質問 3: 半分が削除されたら、この写真は消滅しますか?
これは私のお気に入りの質問であり、最も苦痛な質問でもあります。
図上の要素の半分を削除してみてください。 手放すことができない二次データ、空白を埋めるために追加したアイコン、実際には誰も読むことのない小さな注釈を削除します。
削除した後、結論がまだ存在し、全体像がさらに明確になる場合は、削除したものはそもそも存在すべきではないことを意味します。
それが難しいことはわかっています。 私たちは情報収集に多大な労力を費やしましたが、それを手放したくないのは人間の性です。 しかし、インフォグラフィックの価値は、そこにどれだけ注力したかによって決まるのではなく、読者がどれだけ得たかによって決まります。
（新しいタブで開く）
*▲ このようなコンテンツや AI の実践的な考え方は好きですか? Vista AI インスピレーション サプライ ステーション（新しいタブで開く） への購読へようこそ。 最新のツールの使い方やトレンドを読み解き、いち早くお届けしていきます。 *
AI は絵を描きやすくしますが、考えることは簡単にはしません
「Vista よ、今は AI があるのよ」と言う人もいると思います。データを投げると、数秒で非常に美しい画像が生成されます。
はい、それがまさに私が最初にそれが良いことだと言った理由です。 以前は、まともな情報チャートを作成するには、さまざまなデザイン ソフトウェアの操作に慣れているか、アート エディターを側に置く必要がありました。 私がこの雑誌にいたとき、ページをまたいだインフォグラフィックには数日間の修正作業が必要になることがよくありました。 さて、今ではその敷居はほとんどなくなりました。
しかし、その敷居がなくなったからこそ、谷あり谷ありの美しい廃棄物の絵が見やすくなったのです。
なぜなら、AI が解決に役立つのは判断ではなく実行だからです。 大量のデータを与えると、素直にデータを描画します。何が重要なポイントなのかを伝えなければ、何が重要なポイントなのかを決定することはできません。 言い換えれば、これまでツールによってブロックされていたリンクが解放され、残りの非常に困難なリンクがより可視化されます。つまり、何を言いたいのかということです。 したがって、私が AI を使用して写真を作成する順序は、多くの人が行う順序とは逆です。
情報を先に捨てるのではなく、結論を先に書きます。 次に、この写真を誰に見せるべきか、相手がそれを見る文脈、そしてそれを読んだ後にどのような決断を下してほしいかをAIに伝えます。次に、何を上に置くか、次にどこを見るか、どの数字を一番大きくするかなど、情報を与え、視覚的な動線を明確に指定します。
このシーケンスは、実際には 10 年以上前に編集デスクで行ったものですが、実行パートナーは異なります。 ツールは変わりましたが、考え方の立場は変わっていません。
最も単純な文に戻る
この時点で、記事全体を一文にまとめたいと思います。
インフォメーション グラフィックスの本質は、単に情報を画像に描画することではなく、複雑なコンテンツを理解しやすく、広めやすく、実用的な視覚言語に変換することです。
3 万年前の火山と洞窟の獲物を記録した線から、デカルトの座標系、プレフィの棒グラフ、ナイチンゲールのバラ図に至るまで、この手がかりはずっと変わっていません。誰かが何か重要なものを見て、他の人にも見てもらいたくて、絵を描いたのです。
インフォグラフィックを使って何かを伝えたい場合は、まず自分自身に問いかけてください。 「何が見えているのか?」相手に何を見てもらいたいですか？
この2つをしっかりと意識すれば、自然と写真に焦点が合うようになります。 残りの美しさ、色合わせ、レイアウトは、その重要なポイントに役立つだけです。
