完璧なインフォグラフィックを作成する10のステップ

JESS3のTiffany Farrant-GonzalezとJarred Romleyが、意味のある魅力的なインフォグラフィックを作成するために必要な10の基本手順について詳しく説明します。



「インフォグラフィック」という用語は比較的新しいものですが、グラフィック形式で情報を送信するというアイデアは非常に長い間存在していました。 何千年もの間、人々は絵の手段で周囲の世界の現象を説明しようと試みてきました。 これは、30,000年前に作成された洞窟の絵、単純な図像、漢字の進化、そして最終的に地図作成とヒストグラムの最初の例を使用して複雑な歴史を驚くほど伝える古代エジプトの象形文字によって証明されます。



本来、私たちは見る能力に恵まれています。 情報が視覚的な形で提示される場合、私たちは何か新しいものを最もよく学び、知覚する傾向があります。



現代のインフォグラフィックは、その前身と比較していくつかの変更を受けています。 しかし、本質は同じままです。 プレゼンテーションの明快さと情報の転送の組み合わせは、これがインフォグラフィックの人気にあるものです。 情報が至る所に私たちを取り巻く時代に、インフォグラフィックは不可欠になりました。 この記事では、有益なインフォグラフィックだけでなく魅力的なインフォグラフィックを作成するのに役立つ10の基本的なステップについて詳しく説明します。

01.事実がそれ自体を物語らせる

この写真は、さまざまな色が読者を示すツリー形式のブログを示しています。



あらゆる世代の最高のストーリーテラーは、観客の注意を管理できる自然に恵まれた対話者です。 彼らは、どこにいてもリスナーに興味を持たせ、インスピレーションを与える方法を知っています。火の周りの親しみやすい会社で、数千人の前のステージで、またはモニター画面で。 大量の情報を生成しても、ストーリーを伝える能力には影響しませんでした。 現在、大量の情報はモニター画面上の単なる数字ではなく、明らかにする必要があるストーリーです。



ターゲットオーディエンスに情報を伝えるには、3つの要素を考慮する必要があります：合理性、信頼性、および矛盾。



注目を集めたい場合は、情報について議論する必要があります。 他の利用可能なソースから目立つはずです。 「ターゲットオーディエンスにとって興味深いものになるでしょうか？」と自問してください。



情報は、知識が豊富で信頼できるソースから取得する必要があります。 これは、読者の信頼を得るために重要です。 また、読者がソーシャルネットワークで友人とこの資料を共有するかどうかを決定するときに、これは重要な役割を果たします。



矛盾は決して不必要ではありません。 プレゼンテーション用に選択した情報が読者から感情的な反応を引き起こす場合、それはあなたが目標に到達したことを意味します。 競合する情報は長い議論を引き起こし、この分野であなたの影響力を拡大し、作成したインフォグラフィックの聴衆の範囲を広げることができるため、紛争は良いです。

02.目標を設定し、視聴者を定義する

トピックと開始するデータセットがあると、脳は事実の提示と視覚補助の使用に関する素晴らしいアイデアの流入から「爆発」し始めます。 ただし、先に進む前に、一歩後退する必要があります。 誰に連絡しますか？ 送信する情報がすでに忙しい読者にとって価値があることを確認するにはどうすればよいですか？ あなたのインフォグラフィックを読んだ人は、何を考えるべきだと思いますか？



目標を設定し、将来のイラストを作成するときは、聴衆を知ることが第一になります。 成功するには、クライアント、市場、メディアスペースを徹底的に調べます。 したがって、あなたはあなたのアピールを「聞く」所定の聴衆との接触を確立する可能性を得る。 視聴者を定義したら、目標を設定し、それに沿ってグラフィックコールを実行します。 目標が製品を販売することであるか、ブランドをイデオロギーのリーダーとして位置付けることであるかにかかわらず、行動を促すフレーズを伝える方法は、作成されたインフォグラフィックの成功に直接影響します。 インフォグラフィックの目的は、製品の通常の広告だけでなく、一般に認識されている価値のレベルで読者を引き付けることです。

03.面白い話をする

利用可能な事実に基づいてストーリーの一貫したプレゼンテーションを行うとき、覚えておいてください。主なことは、情報の量ではなく、それをどのように使用するかです。 ストーリーの成功は、読者に共感する能力に直接依存します。 したがって、あなたは常に考える必要があります：彼らが誰なのか。 彼らがあなたのトピックについて信じていること; 彼らがそれについてすでに知っていること; 彼らがあなたのインフォグラフィックを読む場所; トピックからどれだけ簡単に注意をそらすことができるか。 この資料やその資料を共有して、ソーシャルネットワークでどのように見たいか。





ここでは、ウィキペディアの豊かな歴史が、アニメーションと視覚的表現の方法によって描かれています。



読者についての独自の考えを持って、モニターの画面から数百ビットの他の情報が読者に降りかかることを忘れないでください。 あなたが彼らの注意を引くとき、それらのわずかな貴重な数分で彼らがどれほど多くの情報を学ぶことができるかについて考えてください。 この短期間であなたが言えることについて考えてください。それは彼らの世界観を変えるほど重要です。 読者の興味を引く方法はいくつかあります。



1.啓発（例えば、あなたはXYZが何であるかを知らないが 、私はそれについてあなたに話すことができる）。



2.潜在的な機会（たとえば、ここでXYZを適用できないと思います。なぜ可能かを説明します）。



3.恐怖（たとえば、ここでXYZを使用できると思います。なぜ不可能なのかを説明します）。



4.落ち着き（ここではXYZを適用できないと思いますが、なぜ可能かを説明します）。



5.最後に、ユーモア（たとえば、ペンギンはサッカーを上手くプレイできないと思いますが、ここであなたは絶対に正しいです）。



情報の魔法は、肉眼では見ることのできない隠されたパターンやシステムを表示できることです。 また、質量スケールのデータを明らかにすることもできますが、それらは理解可能な形式に変換されるまで理解できません。 最終的に、このデータが一般的な理解に開かれていることを保証するという目標を自分で設定する必要があります。

04.複雑さをシンプルにする

データを分析し、伝えたいストーリーを思いついたら、情報を視覚的な形式で提示する方法について考え始める必要があります。 データの初期フォーマットが非常に複雑であったとしても、あなたの仕事はこの情報を幅広い聴衆に提供することです。





サムスンスマートウォールは、SXSW 2012フェスティバルで、スピーカー、会場、ディスカッションの話題について最も話題になった23の画面で構成される洗練されたビジュアルインスタレーションのおかげで、信じられないほどの成功を収めました。



単一のスプレッドシートやテキストの一部だけでは、視聴者が問題の本質を情報の視覚的な表現で理解できるように理解するのに役立ちません。 イラストを表に限定するのではなく、隠されたパターンを明らかにし、主要な点を強調し、同時に魅力的に見える形式で想像してください。



ビジュアルプレゼンテーションが次の品質を備えていることを確認してください。

•信頼性：信頼できる情報源を使用し、可能な限り誠実であること。

•透明性：最大の明瞭さを目指して努力します。

•アクセシビリティ：隠されたパターンを明らかにし、主要なポイントを強調します。

•情報コンテンツ：エッセンスを抽出し、訓練し、刺激します。

•値：イラストは視聴者をそのポイントに導く必要があります。

•最適化：プレゼンテーション方法は、情報が配置される環境（インターネット、モバイル通信、ビデオ、車のフロントパネルなど）の関心に対応する必要があります。

•訴求力：フォント、色、サイズ、および形状を使用してストーリーを展開します。



情報デザイナーの仕事は、情報を伝えるための美しい表紙を作成することに限定されません。 情報を理解できるようにすることがはるかに重要です。 有益なグラフィックスは、魅力的で有益なものです。 しかし、真の成功を達成するためには、壮大な芸術作品の作成と社会に利益をもたらすことの間の中間点を見つける必要があります。

05.構造-何よりも

明確で理解可能な構造は、有益なグラフィックスを成功させるための鍵です。 基本構造のおかげで、情報を整理し、プレゼンテーションのコースを制御し、すべての事実の完全性を確保することができます。 構造に焦点を当てることで、視覚的なデザインではなく、情報が画像に直接影響することを実現できます。



構造の認識に影響を与える主な特徴は次のとおりです。

•保有する情報量（多すぎる、または少なすぎる？）;

•情報の分類-さまざまな分類では、適切な視覚形式を使用する必要があります。 Richard Saul Wurmanは、情報を整理する5つの方法を概説しました。場所、アルファベット順、時系列、カテゴリ、および階層順です。

•情報が掲載される環境（静的、インタラクティブ、または動的）。

•情報が主に投稿される場所（インターネット、印刷物、テレビ画面）。

•情報のサイズ。



構造を構築するための基本原則を開発するときは、常に自問してください。この構造は情報をより理解しやすくしますか？ おそらくこれはすでに明白に思えますが、グラフィックイメージの主な目的は情報を伝えることであるため、その成功はこの特定の状況に依存します。 ある時点で、デザインを機能より上に配置したいと思うでしょう。 しかし、壁にぶら下がって賞賛に値する信じられないほど美しいグラフィック画像であっても、意味をなさない単なるダミーであることを忘れないでください。 あなたのインフォグラフィックは、それを見ている視聴者が何が危機にunderstandしているのか理解できるなら、成功したと考えることができます。 インフォグラフィックの構造が複雑すぎて、視聴者が提示された情報の意味を理解するために多くの努力をしなければならない場合、作業は失敗しています。



基本的に、適切な構造は次の機能を実行する必要があります。

•明快さを提供します。

•知覚を促進します。

•隠されたパターンを明らかにする。

•主要な調査結果に焦点を当てます。



貧弱な構造の兆候は次のとおりです。

•情報を偽装します。

•紛らわしい事実。

•理解を妨げる。

06.プロトタイピング：より新しい画像を実験して作成する

Webデザインと同様に、このような初期段階でのプロトタイピングは、フォントや色などのグラフィックデザイン要素に気を取られることなく、デザイナーがオブジェクトの構造に集中するのに役立ちます。 通常、基本構造をコンパイルするとき、情報を主に強調するために、鮮明な画像、太字のフォント、および配色は破棄されます。 限られたカラーパレットと一連のシンプルなフォームを使用して、デザイナーは情報を調査し、多くの異なるオプションを検討する機会を得ます。





2011年にJESS3 Labsによって開発された地球社会のユニバースは、視覚画像を使用して、ジオロケーション環境、より正確にはユニバースの最大のプレーヤーをマッピングします。



プロトタイピングの利点は、実験する時間を確保できることです。 さまざまなアプローチの研究は、データを正しく表示するために非常に重要です。 絵画のような情報の視覚的表現は、視聴者が解釈する必要があります。 プレゼンテーションのロジックと明確な構造に関するデザイナーの見解は、他の人の意見とは大きく異なる可能性があります。 したがって、他の人に自分のレイアウトを表示するほど、より良い結果が得られます。 開発のこのような初期段階では、レイアウトに関するフィードバックとコメントを検討することが非常に重要です。これは、ターゲットオーディエンスに情報を提示する最適な方法を選択するのに役立つためです。 プロトタイピングのおかげで、作業を何度もやり直すことができ、最高の品質を実現できます。

07.ジョブに適したツールを選択します。

この単純で理解しやすいスキームは、Occupy Wall Street抗議の支持者の完全な補完を分類して表示します。



情報設計者は、さまざまなスキームの武器庫を自由に使用できます。 セクター、列、ストライプ、および他のタイプの図は、情報グラフィック画像を作成するための日常のツールキットの一部です。 しかし、それらは常に互換性があるわけではありません-どちらのタイプを使用するかを正確に知る必要があります。 適切な種類のデータプレゼンテーションを選択することが、ターゲットオーディエンスに情報を伝える能力です。 この選択は、ほとんどの場合、情報の編成方法と分類方法に依存します。



おそらく、1つまたは別のタイプのダイアグラムを選択すると、機能ではなくフォームに惹かれます。 ただし、視覚的な手段で情報を送信する場合、装飾性よりも対象視聴者への感情的な影響が常に重要であることを覚えておく必要があります。

最良の方法でデータを提示するのに役立つ場合は、ヒストグラムを使用することを恐れないでください。 これらの一般的なチャートタイプは、データを正しく表示するための最も効果的な手段です。 さらに、それらは多くの場合、見事なグラフィック画像を作成するための基礎を形成します。 チャートを使用する方法は数多くありますが、同時に有益で有用なものです。

08.適切なアプローチを選択する

インフォグラフィックでは、グラフィックデザインへの2つの主なアプローチが注目されています。 一方では、事実を自分で語らせる人がいます。 色、形、適切なタイプデザインの組み合わせを使用して、情報に基づいて壮大な芸術作品を作成します。 彼らのストーリーは、データのプレゼンテーションを通じてのみ伝達されます。 このアプローチは、Nicholas FeltonやDavid McCandlessなどのデザイナーの仕事で明確に表現されています。



一方、プレゼンテーションと情報の視聴者への送信のシーケンスに従うために、イラストと適切に設計された視覚画像を使用する人がいます。





米国の選挙はグラフで表示され、ライブでは最も議論されているトピックと候補者の評価が表示されます。



いずれかのアプローチと他のアプローチ（およびそれらを組み合わせること）のための時間と場所は間違いなくあります。 ただし、次の指標に基づいて選択する必要があります。

•対象者;

•プリセットスタイル。

•コーポレートアイデンティティ。

•目的;

•水曜日。



視覚的な手段を使用してストーリーを伝えることはできますが、慎重に使用する必要があります。 注意の主な焦点は、データと情報にあります。 グラフィック要素は、視聴者の知覚を妨げたり、他の方法で情報を伝達したりすることを妨げてはなりません。 正しく使用すれば、データの視覚的な表示は効果的で有益なものになります。 視覚補助具の不適切な使用は、データの損失につながる可能性があります。

09.配布とPR

グラフィックイメージの準備ができたら、大衆に広げましょう。 真実は、たとえあなたが世界で今まで見た中で最も華麗で思慮深いインフォグラフィックの著者になったとしても、明確な配布計画がなければ、それはあいまいに運命づけられるということです。



最初にすべきことは、ソーシャルネットワークで自分の作品を共有することです。 あなたはソーシャルネットワーク上でコンテンツを配布するための有料および無料の方​​法があることをよく知っています。 両方を活用する必要があります。 次に、読者が空き時間にどのサイトにアクセスしたかを徹底的に調べる必要があります。 これらのサイトの管理者に連絡して、あなたのインフォグラフィックが彼らの訪問者に利益をもたらすことを彼らに納得させてください。





情報ポスターは、概念グラフィックス法を使用した哲学映画の複雑なプロットの複雑さを明らかにしています。

10.インフォグラフィックスを道徳的行動と考える

最後に、インフォグラフィックのエドワード・タフティ「美しい証拠」の父の本から賢明な言葉を引用したいと思います。

「事実の開示は、道徳的な行為であるだけでなく、活発な精神活動の指標でもあります。 事実の質、関連性、整合性を適切なレベルに保つために、読者は著者が出版する資料に対して精神的および倫理的な責任を負うことを主張する必要があります。 さらに、情報の消費は個人の精神的および道徳的活動と同じです。」

元のテキスト：ティファニーファラントゴンザレスとジャレッドロムリー