MENUCLOSE
twitter ツイッターfeedlyRSS

オンスタでは、オンラインで学習するために役立つコンテンツを掲載しています。そのほか、UdemyをはじめとしたEラーニングサービスの紹介も行っています。

オンスタ | オンラインで学習するための近道になるサイト
ビジネスに役立つデータの可視化法7つのポイント

ビジネスに役立つデータの可視化法7つのポイント

公開日:2020年12月21日
最終更新日:2020年12月21日
d.sato
デザイン
マーケティング
デザイン
ホーム > 全記事一覧 > 制作 > デザイナー > デザイン > ビジネスに役立つデータの可視化法7つのポイント
このエントリーをはてなブックマークに追加
ビジネスに役立つデータの可視化法7つのポイント
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

私はGrowGroupでデザイナーをしており、クライアントから頂いた数値データや表をデザインで整えることをしています。
試行錯誤しつつデータや表を整理していく中で、伝わりやすいデータの可視化に関するナレッジが着いてきました。

情報化社会の中、見づらかったり理解に時間がかかったりする情報というのはユーザーに見逃されてしまうことがあります。
社内資料や営業資料などで伝わりやすくするためにツールのテンプレートを利用することは多いでしょう。しかしテンプレートのまま表やグラフを作成したとしても、どうしても見やすい伝わりやすいといった目的を叶えることができません。

情報を見やすく伝わりやすいデータ可視化術を身につけると説得力のあるデータを意思決定者に届けることができます。

本記事では、見やすく伝わりやすいデータ可視化術を7つにまとめました。

視線移動を減らす

 

視線移動を減らす

右に凡例、左にグラフといったデータの可視化は、データを読むのに頻繁な視線移動を必要とするのでユーザーに負担をかけます。
どの色がなんの項目を表しているのかに気を取られてしまい肝心の比率を伝えることが難しくなっています。

各項目に線を引くことでユーザーの視線誘導を補助できるため、パット見で円グラフの各要素が見えてくるため伝わりやすいデータと化します。

線を減らす

線を減らす

線はユーザーに伝えたい要素ではありません。数値,文言,デザインと要素があった場合デザインが一番伝えなくても良い要素となりますが、多少のデザインがないと見にくいデータになってしまうので完全にデザインなしにするべきではありません。

よって目立たないデザインを施す必要が出てきます。白背景に真っ黒なデザインはもってのほかで、なるべく背景とかぶる色合いで区切りがあることをユーザーに伝えましょう。

色を多用しない

 

色を多用しない

データの可視化時に色を使う場合、メリハリを付けるため以外に使わないほうが良い言っても過言ではありません。色を使う箇所は目立たせたい場所、伝えたい場所のみに使うべきです。

見せたい情報を識別する目的で各要素ごとの色を変えていますが見た目の一貫性が無いためグラフから読み取れることを考える前に離脱する可能性が高くなります。

情報量を減らす

 

情報量を減らす

表をそのままグラフにするとデータ数が多くなってしまいがちです。

余分なデータは情報を読み取るのにノイズになってしまうので減らすにこしたことはありません。

例えばグラフから言いたいことが10年前との比較を表したい場合、必要なデータは10年前と現在のグラフのみで伝えることができます。

元の表に掲載されていた情報を削除するということは勇気のいる行動ですがbefore afterをみると明らかにafterのほうが理解すべきグラフの量が少ないのとメッセージが目に入りやすくなっています。

伝えたいことを明確化にする

 

伝えたいことを明確化にする

グラフをプレゼンテーションの現場などで意思決定者に見せても捉えられ方は様々です。伝えたいこととは違った解釈をされてしまってはデータの可視化をした意味がなくなってしまいます。グラフのみで見せてしまうと結果として誤解を招いたり、理解できたとしてもストレスを与える事に繋がります。

「グラフから何を伝えたいのか」を題名に記載する事で、グラフのどこに注目したら良いのか、このグラフから何が分かるのかといった、見るための準備が行われます。

視覚的に大小が分かるようにする

 

視覚的に大小が分かるようにする

さてここでもう一度グラフでデータの可視化を行うか振り返ってみましょう。理由は「見やすい、伝わりやすい」を叶えるためです。

表のみの場合は数値でしか判断することができないため分析をするのに時間がかかります。

グラフで表現することで視覚的に大きいのか小さいのかといった比較分析を行いやすくなります。

視覚的に騙そうとしない

 

視覚的に騙そうとしない

ビジネスで用いる数値の場合、印象操作をしていることがバレると信用を失ってしまうことに繋がります。パット見で分かるようにと言ってグラフの原点を0以外にしたり行き過ぎた四捨五入をするのは辞めたほうが良いでしょう。あくまでも「伝わりやすく」であり、「オーバーに伝える」のとはまた異なります。

まとめ

本記事で紹介した7つのセオリーは全て「googleスプレッドシート」や「Excel」で作成した表・グラフに反映可能です。

是非、この記事を読みながら、今までよりも「見やすい、伝わりやすい」データの可視化を目指してみてください。


【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

関連コンテンツ


Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
Webデザインで取り入れたい!心理学を使ってユーザーを誘導する方法
デザイン
Webデザイン
公開日: 2017年01月18日
最終更新日: 2022年01月17日
Webデザインで取り入れたい!心理学を使ってユーザーを誘導する方法
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
デザイナーとしてのプロ意識(デザイナーがキャリアアップするための道のり-其の1)
デザイナー
デザイン
公開日: 2016年12月19日
最終更新日: 2022年01月17日
デザイナーとしてのプロ意識(デザイナーがキャリアアップするための道のり-其の1)
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
デザイナーのキャリアアップ(デザイナーがキャリアアップするための道のり-最終章)
デザイナー
デザイン
公開日: 2017年01月29日
最終更新日: 2022年01月17日
デザイナーのキャリアアップ(デザイナーがキャリアアップするための道のり-最終章)
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
なんか物足りない…デザインにひと工夫!簡単テクニック10選
デザイン
Webデザイン
公開日: 2019年01月25日
最終更新日: 2022年01月17日
なんか物足りない…デザインにひと工夫!簡単テクニック10選
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選
デザイン
Webデザイン
公開日: 2018年04月18日
最終更新日: 2018年04月18日
「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
IT系勉強会に参加して輪を広げよう!
テクノロジー
マーケティング
プログラミング
Webデザイン
公開日: 2017年11月08日
最終更新日: 2017年11月08日
IT系勉強会に参加して輪を広げよう!
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【初心者向け】Adobe XDでオープニングアニメーションを作ってみよう!
デザイン
Webデザイン
公開日: 2021年07月21日
最終更新日: 2021年07月21日
【初心者向け】Adobe XDでオープニングアニメーションを作ってみよう!
h.onishi

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【ホームページ制作】~ターゲット設定はしない方がいい!?~
デザイン
コンサルティング
公開日: 2016年12月28日
最終更新日: 2022年01月17日
【ホームページ制作】~ターゲット設定はしない方がいい!?~
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
Webデザイナー、DTPデザイナーが取れる資格まとめ
デザイン
公開日: 2019年03月30日
最終更新日: 2022年01月17日
Webデザイナー、DTPデザイナーが取れる資格まとめ
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
デザイナーが知っておくべきデザイン業界用語集【DTP】
デザイン
公開日: 2017年12月27日
最終更新日: 2017年12月27日
デザイナーが知っておくべきデザイン業界用語集【DTP】
オンスタ運営
全記事一覧

web制作者にオススメのオンライン学習サイト「Udemy」

世界最大級のコースがラインナップ!電子書籍サイト「Udemy」

世界最大級のコースがラインナップ!オンライン学習サイト「Udemy」

「Udemy」ではいつでもどんなトピックでも、専門家が教える何千ものコースを用意されており、無料で学べるコースも多数あります。もうちょっと勉強したいな。スキルアップしたいな。と思ったら是非チェックしてみてください。