ダッシュボードを作りたい!その4~着眼点を作る~
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-10-1.png)
KPIは良くなったと思うんだけど、このグラフたちは見やすいのかしら?
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/23367046-3.png)
これまでグラフってあんまり使ってこなかったせいか、そもそもグラフってどうやって見たらいいかあんまり知らないかも
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/おすわり.gif)
デザイナーではじめてグラフを作った時、いろんなグラフが使えるってわかったよね
グラフは種類によって分析しやすいデータやデータの見方が変わってくるから、利用者にどこに注目して気づきを得てほしいか考えて選択する必要があるよ
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1266-1024x632.png)
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/フォービー左.gif)
ちなみに…アイちゃんのダッシュボード、この3つのグラフの違いが分かりにくい気がしない?特に真ん中と右端はスタイルもいっしょだしね
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/22922496-1.png)
ぐっ…グラフは多い方がいいと思って作ったから、見せ方ちゃんと考えてなかったなんて言えない…!
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1267-1024x576.png)
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/指差し左.png)
いろんなグラフで多角的なデータ分析ができることはダッシュボードのいいところなんだけど、多ければいいってものじゃないよ!
例えば、推移や傾向を表示してみるのはどうかな?
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/23009615-2.png)
なるほど!データが多くてわかりづらいかと思ったけど、こうして並べると変化が出た箇所がわかり易いし、今後の予測も立てられそうね
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1270-1024x665.png)
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/指差し左.png)
右端の積み上げグラフは割合と合計量がわかり易いグラフだね
今回は他のグラフと合わせて軸の向きを合わせておこう
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/23367046-2.png)
このグラフもっと見やすくならないのかしら?これだけじゃ、今の状態がいいのか悪いのかわからないわね
できたわ!!シンプルだけど前よりずっと見やすくなった気がする!
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/image-1275-1024x624.png)
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/23459555-1.png)
私(デザイナー)やるじゃない…!
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/☆ウィンク-4.gif)
うんうん、ダッシュボードの基本要素はつかめてきたんじゃないかな!?
視覚化されていること、基準値があることは外せないよね・・・実はあと一つあるんだけど
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/22922496-1.png)
え!まだ終わりじゃないの?!(そろそろネタ切れじゃない?!)
ダッシュボード作りもいよいよ最終段階ね!!まだ足りないダッシュボードに必要な要素ってなにかしら・・・?
![](https://fobi.ashisuto.co.jp/tech/wp-content/uploads/23369141.png)
次回、「ダッシュボードを作りたい!その5」につづく