分かりやすさが肝心!印象に残るインフォグラフィックを作る5つのコツ
ここ数年、インフォグラフィックを使ったプレゼンテーションや広告が多用されています。
インフォグラフィックとは情報を視覚的に表現したビジュアルデータのことです。
世の中に流通している情報量が多くなり、ひと目で言いたいことが分かるように工夫されたインフォグラフィックに対する需要が高まったことが、流布した背景として挙げられます。
今回は、印象に残るインフォグラフィックを自身で作る際に、どんなポイントに気をつけていけばいいのか、その5つのコツをご紹介します。
プレゼンテーション資料やホームページ画像などに差し込むデータの参考にしてみましょう。
印象に残るインフォグラフィックを作る5つのコツ
印象に残るインフォグラフィックは、一般的なグラフや単なるデータと何が違うのでしょうか。
早速、5つのポイントを確認して見ましょう。
1. データの題材となるグラフィックを絞る
http://www.cmegroup.com/trading/agricultural/the-facts-behind-food-prices.html
インフォグラフィックは通常さまざまなデータを寄せ集めて一つのカンバスにまとめていきます。
しかしながら、単にデータを羅列しているものも多く、ごちゃごちゃしていて目が疲れてしまうこともあります。
そこでオススメしたいアイデアとしては、できるだけデータの題材となるグラフィックを絞るということです。
例えば上に挙げた*「とうもろこしの価格」に関するインフォグラフィックでは、分割されたとうもろこしのグラフィックを中心に様々なデータをアイコン付きでまわりに配置しています。
これがもし、天候のグラフィック、地球上の需要を表すグラフィック、と並列してしまうと、「とうもろこし」がメインとして引き立たせにくくなってしまいます。
このように、メインテーマが決まっているのであれば、そのメインテーマとなるグラフィックをメインにしてみましょう*。
http://www.nba.com/lakers/multimedia/121205kobe30Kinfographic
こちらは、NBAプレイヤーのKobe Bryant選手に関するインフォグラフィックです。
選手の写真を中央に配置してメインテーマを分かりやすく明示しながら、数字やグラフを使って周囲に選手に関するデータを配置しています。
メインテーマが分かると、関連するデータもスッと頭に入ってきますね。
2. ぱっと見てすぐにわかるイラストを使う
http://www.gbshowplates.co.uk/battle-of-the-bonds-infographic/
インフォグラフィックでは、単なる数字やグラフを配置するのではなく、分かりやすいイラストを並置してあげることも大切です。
例えば、上に挙げた歴代のジェームズ・ボンドに関連するデータを集めたインフォグラフィックを見てみましょう。
このインフォグラフィックでは、何人の俳優がボンドを演じたか、何本の映画が公開されたか、映画中で何杯のカクテルを飲んだかなどが紹介されています。
そして、それぞれに俳優のイラスト、フィルムのイラスト、カクテルのイラストで数を数えることができるようになっています。
これは一つの例ですが、このように関連するイラストを使って数字やデータを説明するのも、インフォグラフィックの面白いところです。
3. 断面を使う
https://www.fix.com/blog/how-to-avoid-a-hangover/
インフォグラフィックでは、断面を使う、という手法があります。
断面を使うのは、メインテーマが決まったら、そのテーマをどんなものが構成しているのかを、分かりやすく説明できるからです。
上に表示した*「What Is A HANGOVER?(二日酔いって、どういうこと?)」というインフォグラフィックを見てみましょう。
このインフォグラフィックでは、お酒を飲んでからの体の各器官の二日酔いの症状を体の断面図*で表しています。
断面図を使うことで、本来であれば見えない部分を分かりやすく説明することができます。
例えばパソコンの性能について語りたいなら「パソコンの断面図」、地球環境について説明したいなら「地球の断面図」という具合に、断面図を使ってみるというアイデアも頭の片隅に留めておいてください。
4. 色をグルーピングする
http://duelingdata.blogspot.jp/2016/01/the-beatles.html
複数の構成要素がある場合は、色分けをしてみるのもひとつの方法です。
ただ単にカラフルにするのではなく、色をグルーピングしておくことが大切です。
今回は、「An Analysis of the Beatles? (ビートルズについての分析?)」を見てみることにしましょう。
このインフォグラフィックでは、ビートルズのメンバー(レノン・マカートニー・ハリソン・リンゴ)を色分けして、さまざまなデータを表示してくれています。
改めて見ると誰が一番ラブソングを作っていたかや、リンゴがあまり作曲に貢献していなかった事実などが浮き彫りになりますね。
5. 比較対象を用意する
http://www.rasmussen.edu/student-life/blogs/main/infographic-caffeinated-beverages-and-your-health/
最後に紹介したいコツは、比較対象を用意するということです。
ここまでは、1つのモチーフをテーマとして採用してきましたが、他との比較ができれば、その数字・データが客観的に大きいのか小さいのかを確認することができます。
上に挙げたのは、*「カフェイン入り飲料と健康」*に関するインフォグラフィックです。
さまざまな飲料のイラストと、その飲料に含まれるカロリー・糖分・カフェインを円グラフで表しています。
複数の飲料を並べることで、「スターバックスのショートサイズのドリップコーヒーのほうがモンスターエナジーよりもカフェインの量が多い」、「レッドブルよりもドクターペッパーのほうが糖分が多い」といった比較ができます。
まとめ
インフォグラフィックを作る際に、「こうしなければならない」というルールは一切ありません。
しかし、今回紹介したように、すでに作成された事例から学ぶことはたくさんあります。
文字で情報を伝えようとしても、情報量が多く冗長的になりがちです。
インフォグラフィックを使うと、視覚で直感的に理解することができるので便利です。
その際、製作者サイドでも、どういう点に気をつければいいのかが、ご理解いただけたのではないでしょうか。
上記で紹介したユニークなインフォグラフィックを参考に、分かりやすいインフォグラフィックを作ってみてください。
- 広告
- 広告とは販売のための告知活動を指します。ただし、広告を掲載するための媒体、メッセージがあること、広告を出している広告主が明示されているなどの3要素を含む場合を指すことが多いようです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング