
インフォグラフィック(「情報」と「グラフィックス」の短縮形)は、情報を迅速かつ明確に提示することを目的とした、情報、データ、または知識のグラフィックによる視覚的表現です。 [ 1 ] [ 2 ] グラフィックを使用して人間の視覚システムのパターンや傾向を認識する能力を高めることで、認知を向上させることができます。[ 3 ] [ 4 ] 同様の取り組みには、情報視覚化、データ視覚化、統計グラフィックス、情報デザイン、または情報アーキテクチャがあります。[ 2 ]インフォグラフィックは近年、マスコミュニケーション向けに進化しており、他のタイプの視覚化よりも読者の知識ベースに関する仮定が少なく設計されています。[ 5 ]アイソタイプは、情報を迅速かつ容易に大衆に伝えるインフォグラフィックの初期の例です。[ 6 ]
インフォグラフィックは長年にわたり存在してきましたが、近年、使いやすい無料ツールの増加により、多くの人々がインフォグラフィックを作成できるようになりました。FacebookやTwitterなどのソーシャルメディアサイトのおかげで、個々のインフォグラフィックを世界中の多くの人々に広めることも可能になりました。インフォグラフィックは、人々の集中力が持続しにくい現代において、広く活用されています。
新聞では、天気予報のほか、地図、敷地計画図、データの要約グラフなどを表示するためにインフォグラフィックがよく使われます。デビッド・マコーレーの『The Way Things Work』のように、ほぼ全体がインフォグラフィックで構成されている書籍もあります。USA TodayのSnapshotsも、ニュースや時事問題を伝えるために使われるシンプルなインフォグラフィックの例です。[ 7 ]
現代の地図、特に公共交通機関の路線図は、インフォグラフィックの手法を用いて、交通網の概念的な配置、乗り換え地点、地域のランドマークなど、さまざまな情報を統合しています。ワシントンメトロやロンドン地下鉄の路線図などは、よく知られたインフォグラフィックの例です。交通ターミナルなどの公共の場所には、通常、標準化されたアイコンと様式化された地図を用いた、何らかの統合された「案内表示システム」が備えられています。
統計学者エドワード・タフティは、 1983年の著書『定量的情報の視覚的表示』の中で、 「グラフ表示」を次のように定義している。
グラフィック表示は
- データを表示する
- 視聴者に、方法論、グラフィックデザイン、グラフィック制作の技術、あるいはその他のことではなく、内容そのものについて考えさせるように仕向ける
- データが示していることを歪曲しないようにする
- 狭いスペースに多くの数字を表示する
- 大規模データセットを整合させる
- 異なるデータを比較するように目を促す
- データを大まかな概要から詳細な構造まで、複数の詳細レベルで明らかにする
- 明確な目的を果たす:説明、調査、集計、または装飾
- データセットの統計的記述および言語的記述と密接に統合される。
グラフはデータを明らかにする。実際、グラフは従来の統計計算よりも正確で、より多くの情報を明らかにすることができる。[ 8 ]
1626年、クリストフ・シャイナーは太陽の自転に関する研究を発表した著書『 Rosa Ursina sive Sol』を出版した。インフォグラフィックは、太陽の自転パターンを示すイラストの形で掲載された。 [ 9 ]
1786年、エンジニアであり政治経済学者でもあるウィリアム・プレイフェアは、著書『商業政治地図帳』の中で最初のデータグラフを発表しました。18世紀のイギリスの経済を表すために、プレイフェアは統計グラフ、棒グラフ、折れ線グラフ、面積グラフ、ヒストグラムを使用しました。彼の著書『統計要覧』では、最初の円グラフを紹介したとされています。[ 10 ] [ 11 ] [ 12 ]
1820年頃、カール・リッターによって近代地理学が確立された。[ 13 ] 彼の地図には、共通の枠、合意された地図凡例、縮尺、再現性、忠実性が含まれていた。このような地図は、チャールズ・サンダース・パースが定義した記号体系(シンボル、アイコン、インデックスを表現として含む)を組み合わせた「スーパーサイン」とみなすことができる。[ 14 ]他の例は、地理学者リッターとアレクサンダー・フォン・フンボルト の著作に見られる。[ 15 ]

1857年、イギリスの看護師フローレンス・ナイチンゲールは、軍病院の状況改善をヴィクトリア女王に促すために情報グラフィックを用いた。彼女が主に用いたのは、積み上げ棒グラフと円グラフを組み合わせたコックスコム図で、クリミア戦争中の各月の死亡者数とその原因を示したものだった。

1861年、ナポレオンのモスクワ遠征の惨敗を題材とした、影響力のある情報図表が発表された。この図表の制作者であるシャルル・ジョゼフ・ミナールは、ナポレオンの没落につながった4つの異なる変動要因を、1枚の2次元画像に捉えた。それは、軍隊の進路、通過した場所、飢餓や負傷で兵士が死亡したことによる軍隊の規模、そして兵士たちが経験した極寒の気温である。
ジェームズ・ジョセフ・シルベスターは1878年に科学雑誌『ネイチャー』で「グラフ」という用語を導入し、化学結合と数学的性質の関係を示す一連の図を発表しました。[ 16 ]これらは最初の数学的グラフの一部でもありました。

1900年、アフリカ系アメリカ人の歴史家、社会学者、作家、そして黒人権利活動家であるW・E・B・デュボイスは、フランスのパリで開催された万国博覧会(1900年)でデータビジュアライゼーションを発表しました。デュボイスとアトランタ大学の学生や研究者からなるチームは、黒人アメリカ人の生活を写した500枚の写真を集めただけでなく、黒人アメリカ人が教育、住居、雇用、そして家計の富へのアクセスを拒否されている様子を記録するために、 60の手作りのデータビジュアライゼーションを作成しました[ 17 ] 。 [ 18 ]
ケルン進歩主義者たちは、情報伝達に焦点を当てた芸術への美的アプローチを発展させた。[ 19 ] この運動の参加者であるゲルト・アルンツ、ペーター・アルマ、アウグスティン・チンケルは、オットー・ノイラートによってゲゼルシャフト・ウント・ヴィルトシャフト博物館に採用され、そこで1926年から1934年にかけてウィーン方式を開発した。ここでは、シンプルな画像を使用してデータを構造的に表現した。オーストリア内戦でオーストリア・ファシズムが勝利した後、チームはオランダに移り、そこで作業を続けてアイソタイプ(国際タイポグラフィ画像教育システム)と改名した。この方法は、ソビエト連邦のIZOSTAT(ИЗОСТАТ)でも適用された。
1942年、イジドール・イズーは、芸術、文化、詩、映画、政治理論を網羅した文書であるレトリズム宣言を発表した。メタグラフィックスやハイパーグラフィックスとも呼ばれるこれらの作品は、文章と視覚芸術の融合である。
1958年、スティーブン・トゥールミンは、トゥールミン議論モデルと呼ばれる図式的な議論モデルを提唱した。この図は、議論を分析するために用いられる6つの相互に関連する要素から構成されており、特に修辞学、コミュニケーション、コンピュータ科学の分野において、トゥールミンの最も影響力のある業績とみなされている。トゥールミン議論モデルは、議論理論とその応用において大きな影響力を持つようになった。
1972年と1973年にそれぞれ打ち上げられたパイオニア10号とパイオニア11号には、金色の陽極酸化処理を施したアルミニウム製の銘板「パイオニア・プラーク」が搭載されており、それぞれに絵によるメッセージが刻まれていた。絵によるメッセージには、裸の男女の姿や、宇宙船の起源に関する情報を提供するシンボルが含まれていた。これらの画像はカール・セーガンとフランク・ドレイクによってデザインされ、人間の言語を理解できない地球外生命体にも理解できるような図解が特徴的だった。
データ視覚化のパイオニアであるエドワード・タフティは、インフォグラフィックスに関する一連の書籍、『Visual Explanations』、『The Visual Display of Quantitative Information』、『Envisioning Information』を執筆した。 [ 20 ] [ 21 ] [ 22 ]ニューヨーク・タイムズ紙から「データのダ・ヴィンチ」と呼ばれたタフティは、1993年からインフォグラフィックスに関する終日講演やワークショップを開催し始めた。2012年現在タフティは今でもこうした講義を行っている。[ 23 ] タフティにとって、優れたデータ視覚化は、すべてのデータポイントを正確に表現し、閲覧者がデータの傾向やパターンを把握できるようにするものである。タフティのデータ視覚化とインフォグラフィックスの分野への貢献は計り知れないと考えられており、彼のデザイン原則は今日でも多くのウェブサイト、雑誌、新聞で見ることができる。[ 24 ]
ピーター・サリバンが1970年代、1980年代、1990年代にサンデー・タイムズ紙のために作成したインフォグラフィックは、新聞がインフォグラフィックをより多く使用するようになるきっかけとなった重要な要素の一つでした。サリバンはまた、新聞におけるインフォグラフィックについて執筆した数少ない著者の一人でもあります。同様に、1982年に創刊されたアメリカの新聞USAトゥデイのスタッフアーティストたちは、情報をより理解しやすくするためにグラフィックを使用するという目標を掲げました。しかし、同紙はニュース記事を過度に単純化していることや、内容やデータよりも娯楽性を重視していると見なされるインフォグラフィックを作成していることで批判を受けています。タフティは、視覚的に魅力的すぎて情報を見失ってしまうグラフィックを指す言葉として「チャートジャンク」という造語を作りました。
21世紀に入り、ベクターグラフィックスとラスターグラフィックスがコンピューティングにおいて広く普及するにつれ、データ視覚化はデスクトップパブリッシングや地理情報システム(GIS)など、一般的に使用されるコンピュータシステムに適用されるようになった。
情報グラフィックスの分野と密接に関連しているのが情報デザインであり、これはインフォグラフィックの作成を指します。
2000年までに、インターネット上のAdobe Flashベースのアニメーションは、インフォグラフィックを作成するための多くの重要な手法を活用し、さまざまな製品やゲームを制作するようになった。
同様に、テレビも2000年代初頭に視聴者の体験にインフォグラフィックを取り入れ始めました。テレビやポップカルチャーにおけるインフォグラフィックの使用例の1つは、ノルウェーのミュージシャン、Röyksoppによる2002年の楽曲「 Remind Me」のミュージックビデオです。このビデオは、すべてアニメーションのインフォグラフィックで構成されていました。[ 25 ]同様に、2004年には、フランスの原子力技術会社ArevaのテレビCMが、広告戦略としてアニメーションのインフォグラフィックを使用しました。これらのビデオとそれらが受けた注目は、複雑な情報を効率的に説明するためにインフォグラフィックを使用することの潜在的な価値を他の分野に伝えました。
Adobe Flashの代替となるHTML 5やCSS3の台頭により、インフォグラフィックは現在、さまざまなソフトウェアツールを使用してさまざまなメディアで作成されています。[ 26 ]
ジャーナリズムの分野でも、ニュース記事に情報グラフィックが取り入れられ、活用されています。テキスト、画像、グラフィックを含む記事の場合、マエストロコンセプトと呼ばれるシステムにより、ニュースルーム全体が協力して記事を整理し、すべての要素をうまく組み込むことができます。多くのニュースルームでは、このチームワーク統合システムが時間管理の改善に活用されています。マエストロシステムは、多忙なメディア読者向けに記事のプレゼンテーションを改善するように設計されています。多くのニュース系ウェブサイトでは、ユーザーがグラフィックを探索しながら主題に関する情報を抽出できるインタラクティブな情報グラフィックも使用されています。
多くの企業は、潜在顧客とのコミュニケーションや顧客獲得の手段としてインフォグラフィックを利用しています。[ 27 ] インフォグラフィックはコンテンツマーケティングの一形態であり[ 28 ]、インターネットマーケターや企業が他者がリンクするコンテンツを作成するためのツールとなり、企業の評判やオンラインでの存在感を高める可能性を秘めています。[ 29 ]
宗教団体もインフォグラフィックを使い始めています。例えば、末日聖徒イエス・キリスト教会は、人々が信仰、宣教師、神殿、信徒奉仕、家族歴史活動について学ぶのに役立つインフォグラフィックを数多く作成しています。[ 30 ]
インフォグラフィックは、教室でも活用されるようになってきている。様々なツールを使って学生自身がインフォグラフィックを作成する方法を教える授業は、授業への参加意欲を高め、グラフィックに落とし込む概念への理解を深めることにつながる可能性がある。
ソーシャルメディアの普及に伴い、インフォグラフィックも人気を集めており、静止画像やシンプルなウェブインターフェースとして、様々なトピックを網羅している。こうしたインフォグラフィックは、Facebook、Twitter、Pinterest、Google+、Redditなどのソーシャルネットワークのユーザー間で頻繁に共有されている。ハッシュタグ「#infographic」は、2012年3月に56,765回ツイートされ、ピーク時には24時間で3,365回もツイートされた。

インフォグラフィックの3つの要素は、ビジュアル、コンテンツ、知識です。[ 31 ] ビジュアルは色とグラフィックで構成されます。グラフィックには、テーマと参照の2種類があります。これらのグラフィックはすべてのインフォグラフィックに含まれ、データの基本的な視覚的表現を表します。参照グラフィックは一般的に特定のデータを指すために使用できるアイコンですが、インフォグラフィックに必ず含まれているとは限りません。統計と事実は通常インフォグラフィックのコンテンツとして機能し、国勢調査データやニュースレポートなど、さまざまなソースから取得できます。インフォグラフィックの最も重要な側面の1つは、提示するデータに関する何らかの洞察が含まれていることです。これが知識です。[ 31 ]
インフォグラフィックは、視覚的要素があるため効果的です。人間は五感(視覚、触覚、聴覚、嗅覚、味覚)すべてから情報を受け取りますが、視覚から受け取る情報は他の4つよりもはるかに多いです。[ 32 ] 人間の脳の50%は視覚機能に特化しており、画像はテキストよりも速く処理されます。脳は画像を一度に処理しますが、テキストは線形的に処理するため、テキストから情報を得るにははるかに時間がかかります。[ 2 ] 視線を誘導するガイダンスデザイン技術を使用することで、ビジネスプロセス全体や業界セクターを新しいオーディエンスにとって関連性の高いものにすることができます。ページは完全なレポートにリンクしているかもしれませんが、インフォグラフィックは読者に準備を整え、主題へのアクセスを容易にします。[ 33 ]インターネットユーザーの注意持続時間がますます短くなっているなどのオンラインのトレンドも、インフォグラフィックの人気と効果の高まりに貢献しています。
インフォグラフィックの視覚的な側面をデザインする際には、視覚化の効果を最適化するために、いくつかの考慮事項があります。視覚的符号化の 6 つの要素は、空間、マーク、接続、囲み、網膜特性、および時間的符号化です。[ 4 ] これらのそれぞれは、異なる種類のデータ間の関係を表すために独自の方法で使用できます。しかし、研究によると、空間的位置は数値データを表す最も効果的な方法であり、視聴者による最も速く簡単な理解につながります。[ 3 ] そのため、デザイナーは、インフォグラフィックで描写されている最も重要な関係を空間的に表現することがよくあります。
インフォグラフィックをデザインする際には、魅力、理解、記憶という3つの基本的なコミュニケーション要素を評価する必要があります。 [ 34 ] 「魅力」とは、コミュニケーションが視聴者を引きつける必要があるという考え方です。理解とは、視聴者が提示された情報を容易に理解できる必要があることを意味します。そして最後に、「記憶」とは、視聴者がインフォグラフィックで提示されたデータを記憶する必要があることを意味します。これらの要素の重要度の順序は、インフォグラフィックの目的に応じて異なります。インフォグラフィックが学術や科学の分野のように偏りのない方法で情報を伝えることを目的としている場合は、理解を最初に考慮し、次に記憶、最後に魅力を考慮する必要があります。しかし、インフォグラフィックが商業目的で使用される場合は、魅力が最も重要になり、次に記憶、最後に理解が重要になります。新聞などの編集目的でインフォグラフィックを使用する場合は、再び魅力が最も重要になりますが、次に理解、最後に記憶が重要になります。[ 34 ]
しかし、実際には、分かりやすいレイアウトデザインを用いることで、魅力と記憶保持を両立させることができます。最近では、インフォグラフィックのレイアウトが視聴者の理解に与える影響を研究する試みとして、インフォグラフィックデザインのさまざまな一般的なレイアウトに、新しいニューラルネットワークベースの認知負荷推定法が適用されました。[ 35 ]上記のさまざまな要素を考慮に入れてインフォグラフィックをデザインすると、大量の情報を視覚的に伝える非常に効率的で効果的な方法になります。
データ視覚化はインフォグラフィックでよく使用され、インフォグラフィック全体を構成することもあります。同じデータセットを表現するために使用できる視覚化の種類は多数あります。そのため、位置、サイズ、形状、色などのグラフィックの特徴を考慮して、データセットとインフォグラフィックに適した視覚化を識別することが重要です。視覚化のカテゴリは主に、時系列データ、統計分布、マップ、階層、ネットワークの5種類です。[ 3 ]

時系列データは、最も一般的なデータ視覚化形式の一つです。これは、時間の経過に伴う一連の値を記録したものです。このカテゴリのグラフの例としては、インデックスチャート、積み上げグラフ、スモールマルチプル、ホライズングラフなどがあります。インデックスチャートは、生の値よりも相対的な変化が重要な場合に最適です。これは、選択したインデックスポイントに基づいて時系列データの集合のパーセント変化を示すインタラクティブな折れ線グラフです。たとえば、株式投資家は、特定の価格よりも成長率を重視するため、これを使用できます。積み上げグラフは、互いに積み重ねられたエリアチャートで、集計パターンを示します。これにより、視聴者は全体的なパターンと個々のパターンを確認できます。ただし、負の数値をサポートしていないため、傾向を正確に解釈することが困難です。積み上げグラフの代替として、スモールマルチプルがあります。各エリアチャートを積み重ねる代わりに、各シリーズが個別に表示されるため、各セクターの全体的な傾向をより簡単に解釈できます。ホライズングラフは、解像度を維持しながら時系列のデータ密度を高めるためのスペース効率の良い方法です。[ 3 ]

統計分布は、数値の分布に基づいて傾向を明らかにします。一般的な例としては、ヒストグラムや箱ひげ図があり、これらは平均、中央値、外れ値などの統計的特徴を示します。これらの一般的なインフォグラフィックに加えて、幹葉図、Q-Qプロット、散布図行列(SPLOM) 、平行座標などの代替手段があります。数値の集合を評価し、頻度分布に焦点を当てる場合、幹葉図が役立ちます。数値は最初の有効桁に基づいてビンに分類され、各スタック内では2番目の有効桁に基づいて再度ビンに分類されます。一方、Q-Qプロットは、分位数を互いにグラフ化することで、 2つの確率分布を比較します。これにより、グラフの値が類似しているかどうか、また2つが線形関係にあるかどうかを確認できます。SPLOMは、複数の変数間の関係を表す手法です。複数の散布図を使用して、変数間のペアワイズ関係を表します。多変量データを視覚化するもう1つの統計的分布アプローチは、平行座標です。2次元で変数のすべてのペアをグラフ化するのではなく、データを平行軸上に繰り返しプロットし、対応する点を線で結びます。平行座標の利点は、比較的コンパクトであるため、多くの変数を同時に表示できることです。[ 3 ]

地図は地理的データを表現する自然な方法です。時間と空間はフローマップを使用して表現できます。さまざまな幅と色の線ストロークを使用して情報をエンコードします。色と地理的領域によってデータをエンコードするコロプレスマップも一般的に使用されます。段階シンボルマップは、地理的データを表現するもう1つの方法です。これはコロプレスマップの代替であり、地図上に各エリアの円グラフなどのシンボルを使用します。このマップでは、さまざまな形状、サイズ、色を使用してより多くの次元を表現できます。一方、カートグラムは、領域の形状を完全に歪めて、データ変数を直接エンコードします。地理的な地図を使用する代わりに、領域はデータに比例して再描画されます。たとえば、各領域は円で表すことができ、サイズ/色は人口規模などの他の情報に直接比例します。[ 3 ]

国の空間エンティティや政府の共通構造など、多くのデータセットは自然な階層構造に整理できます。ノードリンク図、隣接図、囲み図はすべて、階層データを効果的に伝えるインフォグラフィックの一種です。ノードリンク図は、整然としてスペース効率の良い結果が得られるため、人気のある方法です。ノードリンク図は、各ノードが複数のサブセクションに分岐するツリーに似ています。代替案として、ノードリンク図の空間充填版である隣接図があります。階層間のリンクを描く代わりに、ノードは各セクション内にサブセクションを持つ塗りつぶし領域として描かれます。この方法では、ノードリンク図よりもサイズを簡単に表現できます。囲み図も空間充填型の視覚化方法です。ただし、階層を表現するために隣接ではなく包含を使用します。隣接図と同様に、このモデルではノードのサイズを簡単に表現できます。[ 3 ]


ネットワーク可視化は、友情や派閥などの関係性を探求します。一般的なタイプは、力指向型レイアウト、アーク図、マトリックスビューの3つです。力指向型レイアウトは、ネットワークレイアウトの一般的で直感的なアプローチです。このシステムでは、ノードは互いに反発し合う荷電粒子に似ています。リンクは、関連するノードをまとめるために使用されます。アーク図は、各ノードを円弧で結んだノードの1次元レイアウトです。適切に使用し、ノードの順序を良くすれば、このレイアウトで派閥や橋を容易に識別できます。一方、数学者やコンピュータ科学者は、マトリックスビューをより頻繁に使用します。各値は、ノードに対応するマトリックス内の(x,y)値を持ちます。テキストの代わりに色と彩度を使用することで、リンクに関連付けられた値を迅速に認識できます。この方法ではノードのパスを見るのが難しくなりますが、大規模で接続性の高いネットワークではすぐに混雑しすぎる可能性がある線の交差がありません。[ 3 ]
これらの視覚化はすべて単独でも効果的に使用できますが、多くの現代のインフォグラフィックは、イラストやテキストなどの他の機能とともに、複数のタイプを1つのグラフィックに組み合わせています。現代のインフォグラフィックの中には、データ視覚化を含まず、単に知識をカラフルで簡潔に提示する方法であるものもあります。インフォグラフィック共有サイトvisual.lyで最も閲覧された30のインフォグラフィックのうち、53%は実際のデータを含んでいませんでした。[ 37 ]
比較インフォグラフィックは、製品、サービス、オプション、機能など、さまざまな要素を比較対照することに焦点を当てた視覚的な表現方法です。これらのインフォグラフィックは、情報を明確かつ簡潔に提示することで、閲覧者が十分な情報に基づいた意思決定を行えるよう設計されています。比較インフォグラフィックは、複雑なデータを簡素化し、複数の項目間の重要な違いを強調するのに非常に効果的です。
インフォグラフィックは、方眼紙、鉛筆、マーカー、定規といった身近な道具を使って手作業で作成することもできます。しかし、今日では、より速く簡単に作成できるコンピュータソフトウェアを使用することが多くなっています。一般的なイラストレーションソフトウェアでも作成可能です。
図は、デスクトップにダウンロードできるソフトウェア、またはオンラインで使用できるソフトウェアを使って、手動で作成・描画できます。テンプレートを使用すれば、ユーザーは図の作成を簡単に始めることができます。さらに、このソフトウェアを使えば、インターネット経由でリアルタイムに図を共同編集することも可能です。
また、ユーザーのスマートフォンの写真に埋め込まれたデータに基づいて視覚化を作成するなど、非常に特定の種類の視覚化を作成するためのツールも多数あります。ユーザーは自分の履歴書のインフォグラフィックや「デジタルライフの図」を作成できます。[ 38 ]