Articles

視覚的に情報を提示する14の方法

クライアントとインフォグラフィック–SignalNoiseとのインタビュー。

データはどこからでも来る–Jer Thorp data artistとのインタビュー

私たちのデザイナーが愛する六つのインフォグラフィック–ここにいくつかの素晴らしいもの

B2Bインフォグラフィックとは何ですか? -いくつかの厳しい質問。共有する情報の多くは?

インフォグラフィックを作る? ここでは、視覚的にそれらを使用するときの例とヒントで、あなたの情報を整理するための14の方法があります。情報や物語を視覚的に提示するための最良の方法を発見するには、2つの方法があります。

:

  1. あなたのデータやストーリーを密接に知ることができます。 あなたの禅の庭をすくい、そして自分自身に尋ねる”私のデータはどのように見えるようにしたいのですか?”
  2. 何百ものインフォグラフィックを調べて、より良いもののうちのどれかがあなたがやりたいことや言いたいことに適しているかどうかを調この記事のために、私はあなたのために後者をやろうとしました(あなたがあなたの禅の庭を栽培したいなら、私はあなたのために何もできません)。プロセス:私は視覚的に行ってきました。

    プロセス:
    私は視覚的に行ってきました。ly(インフォグラフィックのための優れたソース、およびそれらの周りのコミュニティ)とpageviewsによって最も人気のあるインフォグラフィックのカップル百 このトロールは、14の視覚的な比喩を明らかにした。 ここで私はそれらを共有し、それぞれのためのいくつかの質問に答えます:

    特定の視覚的なアプローチはいつ本当に機能しますか?デザインの観点から、心に留めておく価値のあるものは何ですか?

    いくつかの良い例は何ですか?

    10+4ビジュアルコンセイト

    解剖学的ビジュアルまたはインフォグラフィックは、大きく複雑なオブジェクトやアイ それは比喩的(以下の”SEOの解剖学”インフォグラフィックのような)またはストレート(以下の”完璧なウェブサイトの解剖学”インフォグラフィックのような)いつ使用しますか?

    あなたが広くまたは容易に理解されていない多くの動く構成部分を持つ何かについて教育したいときはいつでも。

    デザインノート: 私たちの目標は、複雑さを説明し、解明することですが、あなたはあまりにも詳細で明示的な取得する誘惑に抵抗する必要があります。

    いくつかの例:検索マーケティング担当者のSEOMoz解剖学、完璧なウェブサイトの解剖学、Jing Zhangによる楽しい想像上の工場シリーズ、Infolinksによる初心者ブロガーの脳。

    タイムライン

    これらは、一連の原因と結果の関係、または進化を実証(または作成)するのに最適です。いつ使用しますか?

    時間の経過とともに変化があなたの主なポイントであるときはいつでも

    デザインノート: 遅く始まり、後方に働くか、または早く始まり、先に働くか。 一般的に後者は、あなたがしようとしている点が何かの歴史的なルーツに関係しない限り、後者です。 時間スケールに注意を払う–ギャップと束を節約しようとする。

    例:戦場対コールオブデューティタイムラインとインセプションタイムライン(ヒント:それはまっすぐではありません)

    タイムラインサブジャンル:
    歴史…例:目覚まし時計の歴史

    進化…例: この記事のように、私たちはすべて物事を分類しようとします。 どういうわけかbucketizing原料は容易さに私達のchimpの心を置く。 それはまた幅および深さを伝えることを可能にする。いつ使用しますか?

    サブグループ間の重要で認識可能な違いを明確にしたい場合

    デザインノート:これは、多くの異なる軸で異なる複数の要素がある場合にのみ使用し: Nuts&チャートタイプと新しいお気に入りのボルト:PopCharts Labsによるビールの壮大な多数とその200超大国チャート。

    分類サブジャンル:
    周期表の例:SEOランキング要因の周期表、宣誓の周期表

    ツリーの例:Eloquaブログツリー

    マップ

    マップは素晴らしいクソです。 私は彼らを愛しています。 あなたがどこにいるのか、どこに行くのか、どこに…他のものがあるのかを知ることができます。 何も非常にマップのような空間的、概念的なコンテキストを提供しません。いつ使用しますか?

    多数の異なるアイテム、またはデータポイント間で近接、距離、方向を通信したいときはいつでも。デザインノート:あなたのマップのレイアウトに重要性を詰め込むことができれば(つまり、距離、オブジェクト、サイズはすべて意味を持っています)、より良

    いくつかの例:Flowtownソーシャルネットワーキングマップ、創造的なプロセスマップとデビッドPaliwodaとジェシーウィリアムズによる火星のデモに驚くほど、イン

    投稿を楽しんでいますか?

    私はあなたが志を同じくする人々とそれを共有することを願っています。 それをつぶやく。 LinkedInのシェア。 またはそれのように。P>

    シュートとはしご

    あなたはゲームを知っています–あなたは前方にジャンプし、一見偶然に後方にスライドし、常に最初から最後まで苦労しています。 参加者は、一部のデザインと一部のチャンスを経て進みます。いつ使用しますか?

    プロセスを説明したいときは、ほとんど誰もが同じ場所で開始して終了したい(ただし、開始から終了までのルートは非常に可変です)

    デザインノート:一般的に、道に沿った手順についてはほとんど議論がありません; それらが最も注意を引くので、前方と後方の飛躍にあなたの時間と労力を費やしてください。

    例:信用報告書101とInsighteraによるマーケティングシュートとはしご。

    スペースはスペースに等しい

    それは保育園からの最初の教訓の一つです:いくつかのものは大きく、他のものは少 スペースは、同じスケールを使用して、複数のものを互いにプロットします。いつ使用しますか?

    あなたは関係が予想外または興味深いですので、異種のものの相対的なサイズや数を通信したいときはいつでも

    デザインノート:多くの場合、それは ベースラインを変更すると混乱する可能性があります。例:Appleよりも小さいものとGame of Thrones Dragonsの大きさはどれくらいですか?

    スケール

    宇宙のすべては、どんなにユニークであっても、スライドスケールである–私たちはスケールが何であるか自 たとえば、ピンクのユニコーンは、宇宙のほとんどのものが第二のグループの終点に向かっている”ピンクのユニコーンではありません”から”ピンクのユニコーンではありません”へのスライドスケールにあります。いつ使用しますか?

    あなたの聴衆が特に好むcriteriumに対していくつかの目的に優先順位を付けるか、またはランク付けしたいと思う時はいつでも

    設計ノート:トップダウンのスケールは上の一見をよくし、底を悪くさせがちである;側面からのランキングはスケールの好みの一方の端を与えない。いくつかの例

    : 怒っている鳥の好感度、ひげの信頼性

    サイドバイサイド比較

    私たちは皆、古典的な機能テーブルからこのビジュアルの基礎 まず、上部のモデルまたは例を選択してから、チャートを下に移動して、そのモデルが何をしているのか、または何をしていないのかを確認します。 これらのポイントは簡単な比較です。いつ使用しますか?

    あなたがすぐに比較したり、コントラストしたい項目の限られた量を持っているときはいつでも。

    デザインノート: あなたが二つの要素に行くとき、これらの要素は、多くの場合、彼らは競合しているように見えることになります。

    例:オタク対ヒップスター

    決定木

    これらはまっすぐであるときは素晴らしいことができ、コミ 彼らは適切な答えであらゆる可能な状況に答えるように設計されています。いつ使用しますか?

    意思決定ツリーは、不確定な出発点から多くの異なる終点のいずれかに精神的および視覚的に人々を導くのに最適です。

    デザインノート: 各ポイントを構造化して、1つまたは2つのクローズドエンド(答えやすい)の回答のみを持ち、具体的な推奨事項で終了し、非常に迅速に結論に達する必いくつかの例:私はその友人の要求を受け入れる必要がありますか?

    スウェットパンツを着た方がいいですか? まだ起きないといけないのか?

    ベン図

    ベン図は、戦いを失ったことのない哲学者Rudolf Venn-Herschelderfererから来ています。 すべての正直なところ、これらの図は、トレードオフに人々を強制することについてです。 あなたはそれをすべて持っていることはできません、それをすべて純粋に持って、それを完全に持っています。いつ使用しますか?

    状況には理想的なシナリオはなく、むしろ一連のトレードオフと妥協があることを人々に見てもらいたいとき。 または、2つのゾーンが重なっているスイートスポットを表示します。デザインノート:私はmax以上の成功したベン図を見たことがありません。 四つの大きな円。 それは不可能だという意味ではありませんが、私はちょうど言っています。

    例:どのようにあなたのグラフィックデザインをご希望ですか?
    このTumblrにはベン図の素晴らしいコレクションがあります: ベン図ファックうん

    この記事のような? それを共有し、我々はより多くを行うことができます!
    または私達のB2Bの満足なマーケティングの作戦のチェックリストから点検しなさい。