伝わるカタチのつくりかた(その1)社会人になると仕事に必要な資料を作成することがあると思います。プレゼン資料、会社案内、カタログなど、用途によって様々な資料が存在します。このような資料の中で、現状把握、サービスや商品などの利点の根拠を示す数値情報をわかりやすく伝えるために使われるのが「グラフ」です。「グラフ」には、棒グラフや円グラフなどいくつかの種類が存在します。伝えたい目的とグラフには相性の良し悪しがあります。その点を理解していない人が作るグラフはひと目では伝わらないため、結果的に伝わらない資料を作ることになってしまいます。そんなグラフを使用した資料作成が苦手な方に向けて本記事では、伝わるグラフ作りの基本を解説していきます。グラフの利点とは突然ですが下の表を見てください。※データは「総務省統計局」(https://dashboard.e-stat.go.jp/)のデータを使用しました。年(12月)総人口(総数)【人】2000年127,027,0002001年127,397,0002002年127,564,0002003年127,750,0002004年127,838,0002005年127,795,0002006年127,935,0002007年128,050,0002008年128,099,0002009年128,059,0002010年128,058,0002011年127,831,0002012年127,575,0002013年127,399,0002014年127,225,0002015年127,088,0002016年126,918,0002017年126,695,000この表は日本の総人口を示した表ですが、単に数字を羅列している状態なのでパッと見ただけでは、数値がどのような傾向を示しているかを読み取ることが難しいといえます。この表を下のようなグラフにするとどうでしょうか?グラフで見ると「2008年をピークに人口が年々減少している」ことや「2011年から人口の減少幅が大きくなっている」ことが簡単に読み取れるはずです。このようにグラフは、データを視覚的に表すことでデータが示す様々な情報を簡単に読み取れるようにしてくれるという利点があります。グラフを賢く使うことで受け手に情報をわかりやすく的確に伝えることができるのです。伝わるグラフ作りの基本は、伝えたい(自分または相手に知ってもらいたい)目的を決め、その目的に合ったグラフを選ぶことです。上記でも示した通り、データはそのままではただの数値情報であり、目的がなければ役に立ちません。「人口の推移を知りたい」といった目的を決めることで、初めてデータが役に立ちます。その目的に合ったグラフを選ぶことで「人口が年々減っている」という情報を視覚的に得ることができ、他者にもわかりやすく伝えることができるのです。目的に合ったグラフを選ぶためには、グラフの種類と特徴を知ることが必要です。ここでは、一般的なExcelソフトで作成できる主なグラフを紹介します。複数の項目の数値をまとめて表示することができるまた、グラフによっては「積み上げ」や「ドーナツ」といった異なる形式が存在します。目的に合ったグラフを選ぶためには、各グラフの特徴との相性が鍵です。目的に対して選ぶグラフを間違えてしまうと伝わらないグラフになってしまうため、グラフの正しい選び方を学ぶ必要があります。それでは、次章より各グラフと相性の良い目的について解説していきます。データの大小を時系列で比較することに適した縦棒グラフ縦棒グラフは、棒の高さでデータの大小を表すことができます。縦軸と横軸のデータからグラフが成り立ちます。縦軸は主に数量や金額などの量を表すデータをとり、横軸は年や月といった時間的な変化の値をとります。縦棒グラフは、横軸の左から右への流れから時間的な変化をイメージしやすいため、時系列でのデータの大小を比較することに適しています。縦棒グラフ作成のポイント縦棒グラフ作成のポイントは、横軸の並び順をわかりやすくすることです。人は横並びの情報を見るとき左から右へと視線が流れるため、時系列の並び順は、左から右に向かって時が進むように配列しましょう。縦棒グラフの横軸の項目名が長すぎると見にくくなってしまうため、できる限りシンプルな項目名にしましょう。年や月などの時系列項目は、左から右の流れで記載する項目名はできる限りシンプルな表記にする積み上げ縦棒グラフ積み上げ縦棒グラフは、1本の縦棒に複数の要素のデータを積み上げて表示する形式の縦棒グラフです。1本の棒の中を各要素ごとの色に分けて見せることで、合計と要素の構成量を視覚的に確認することができます。月ごとの新規増加量などの累計を見せることにも適しています。構成比を把握することには適していません。集合縦棒グラフ集合縦棒グラフは、複数の要素のデータを複数の縦棒のグループで表示する形式の縦棒グラフです。各要素ごとに縦棒が独立しているため、各要素のデータの大小をひと目で把握することができます。データの合計を把握することにはあまり適していません。100%積み上げ縦棒グラフ100%積み上げ縦棒グラフは、複数の要素を積み上げた1本の縦棒を同じ長さで表示する形式の縦棒グラフです。縦棒は全て同じ長さなので、その長さを100%として積み上げた各要素の構成比をひと目で把握することができます。各要素のデータ量を把握することには適していません。い項目名でも見やすく表示できる横棒グラフ横棒グラフは、棒の長さでデータの大小を表すことができます。縦棒グラフと同じく縦軸と横軸のデータからグラフが成り立ちます。縦軸は主に項目名を記載し、横軸は主に数量や金額などの量を表すデータをとります。横棒グラフは、横書き表記との相性が良く、長い名称の項目も見やすく表示できるため、項目ごとのデータ量の大小を比較することに適しています。ダッシュボード横棒グラフ作成のポイント横棒グラフ作成のポイントは、縦軸の並び順を工夫してデータを見やすくすることです。人は縦並びの情報を見るとき上から下へと視線が流れるため、項目は意味のある並び順にしましょう。具体的には以下のような工夫が考えられます。データ量の多い順または少ない順に並べる(データ量の多さを強調したい場合は多い順、少なさを強調したい場合は少ない順に)五十音順に並べる(項目が多い場合は有効である)国内地域のデータ(都道府県別など)であれば、北から順に並べる(または地域コード順など)アンケートなどの回答の集計の場合は、アンケートと同じ質問項目順に並べる年代別であれば、低年代順または高年代順に並べる積み上げ横棒グラフ積み上げ横棒グラフは、1本の横棒に複数の要素のデータを積み上げて表示する形式の横棒グラフです。積み上げ縦棒グラフの横棒版なので大まかな特長は一緒ですが、項目ごとのデータを表すことを得意とするため、例えば月の売上を営業所や社員ごとに示し、さらに商品の構成量も示すなどといった使い方ができます。グラフ集合横棒グラフは、複数の要素のデータを複数の横棒のグループで表示する形式の横棒グラフです。集合縦棒グラフの横棒版なので大まかな特長は一緒です。項目ごとに横棒が独立してグループ化されているため、大項目と小項目を並列してデータを表示するなど工夫することが可能です。項目を並列表記した集合横棒グラフの例:商品別売上額100%積み上げ横棒グラフ100%積み上げ横棒グラフは、複数の要素を積み上げた1本の横棒を同じ長さで表示する形式の横棒グラフで、「帯グラフ」とも言います。100%積み上げ縦棒グラフの横棒版なので大まかな特長は一緒です。横書き表記のため、各要素の構成比の値を表記しやすいといえます。ダッシュボード1つのテーマの割合を比較することに適した円グラフ円グラフは、円を全体(100%)としてその中を占める各要素の割合を表すことができます。1つのテーマの割合を比較することに適したグラフといえます。時系列のデータの割合を比較する場合に円グラフを使うと複数の円グラフが必要になるため、あまりおすすめできません。時系列での比較は縦棒グラフなどの適したものを使いましょう。円グラフの円は、基本的に正円(真円)を使います。正円はその形を全体として捉えやすい形状なので、正円=100%と視覚的に認識しやすいといえます。各要素の割合は、円の中心と外形を2本の線で結んだ扇型の面積で表します。分割円グラフ分割円グラフは、ある要素の割合を円から分割して表示する形式の円グラフで、円から分割された要素を強調することができます。その分、円形状を崩すことになるため、単純に割合を比較することには適していません。ドーナツ円グラフドーナツ円グラフは、ドーナツのように中心に穴が開いている円グラフです。中心のスペースにデータの合計値やテーマを入れることである程度スッキリまとめることができます。中心がないことで角度や面積がわかりにくくなるため、データの値を表示しないと割合の比較は難しいといえます。ドーナツ円グラフその名の通り、二重のドーナツ円グラフで構成された円グラフです。外側のドーナツ円グラフでテーマの全体の割合を示し、内側のドーナツ円グラフでさらに詳細な内訳を示すことができます。構造が複雑になるため、あまり多くのデータを載せると見にくくなってしまいます。データの増減の推移や変化の動きを表すことに適した折れ線グラフ折れ線グラフは、線をつなぐことでデータの増減の推移や変化の動きを表すことができます。折れ線グラフも時系列でデータを比較することに適しています。折れ線グラフは一定期間の傾向値を読み取りやすいといえます。線が右肩上がりであればデータが上昇傾向であり、右肩下がりであれば下降傾向であり、水平であれば安定していることがわかります。線(または線と点)で表す折れ線グラフはスッキリしているため、棒グラフよりも長期間のデータを扱いやすいといえます。各値を比較することにはあまり適していません。ダッシュボード2つ以上のデータを時系列で比較することに適した面グラフ面グラフは、データを面で表したグラフです。一般的にグラフ内で2つ以上のデータを時系列で比較する時に使用します。データの値を表す部分が折れ線グラフのようになるため、データの推移や傾向を読み取ることができ、面の量でデータ量を把握することができます。面グラフ作成のポイント標準の面グラフは、面同士が重なるので全面にある面の色を透過させましょう(積み上げ形式の場合は不透明でも問題ない)。積み上げ面グラフ積み上げ面グラフは、複数の要素の面を積み上げて表示する形式の面グラフです。積み上げ面グラフでは、合計値とその推移、要素の構成量とその推移を把握することができます。100%積み上げ面グラフ100%積み上げ面グラフは、一定の面積の中に複数の要素の面を積み上げて表示する形式の面グラフです。100%積み上げ面グラフでは、要素の割合とその推移を把握することができます。散布図は、点の分布から2種類のデータの関連性を探ることができるグラフです。縦軸と横軸それぞれに異なるデータをとり、それぞれのデータの値の位置に点を打つことで点の分布を表すグラフができます。散布図には以下のような3つのパターンが存在します。散布図はあくまで関係性(相関関係)を示すものであり、因果関係(原因と結果)を示すものではありません。ダッシュボード下の散布図は無相関の散布図に2本の平均線を引くことで4属性に分類した例です。複数の項目の値をひと目で把握できるレーダーチャートレーダーチャートは、複数の項目の値を正多角形状で表すグラフです。正多角形状は項目数で決まります。各項目の値はグラフの中心から頂点を繋いだ軸上に点で示し、隣接する項目の点と線で繋ぐことでデータを表す多角形が現れます。レーダーチャートは、複数の項目を1つのグラフ上で比較することができ、データを示す多角形から傾向をつかむことができます。異なる2つ以上のデータを重ねて比較することもできます。レーダーチャートの例:サッカーチームのチームスタッツ2つのデータを比較したレーダーチャートの例:サッカーチームSとチームGのチームスタッツレーダーチャート作成のポイントレーダーチャートの項目の値は、外側に行くほど「良い数値」となるようにします。テストの得点のように数値が高い方が良い場合は、高い数値ほど外側に点を打つことになります。タイムを競う項目であればタイムが短いほうが良い数値となるので注意しましょう。まとめ本記事では、様々なグラフを例に、グラフ作りの基本を解説しました。伝わるグラフ作りの基本は伝えたい目的を決め、その目的に合ったグラフを選ぶことです。その点をきちんと理解すれば伝わるグラフを作ることができます。始めはどのグラフを選べばよいか悩むかもしれませんが、記事を参考にしながら作り続けることができれば伝わるグラフが作れるようになり、苦手な資料作成を克服する一歩になるはずです。@kmtkikakudesignあなたの「伝わらない」を「伝わる」に変える!伝わる販促ツールを作成するデザインサービスあなたが普段使用している販促ツールについてこのようなお悩みを抱えていませんか?商品パンフレットを作ったけど注文がない。チラシをつくったけど思ったより反応がない。会社案内を作ったけどなかなか業務内容を理解してもらえない...。目標達成や業績向上を目指して、様々な販促ツールを利用して営業していても効果が見込めないのでは苦労ばかりでモチベーションも上がりませんよね。上記のような問題はユーザーにとって「伝わらない」内容やカタチが原因で引き起こされています。「伝わるデザイン」はこのようなお悩みを解消するために、情報が受け手に正しく伝わるカタチをデザインします。販促ツールを作成したことがない方でも安心して頂けるよう、独自のワークフローで製作工程の負担を減らし、スムーズな進行を可能とします。伝つくラボは、読者の役に立つ情報やわたしたちの考え、取り組んだ仕事の解説などをブログ形式で伝えていくプロジェクトです。