データビジュアライゼーションとデータ活用

Transcript

1. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 データビジュアライゼーションとデータ活用 Azusa Maei | Business Data Analyst Adobe Systems Inc. 11/8/2018 |@azs129m 楽しい
2. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 自己紹介（仕事） Azusa Maei / 前井 梓 Adobe Systems Inc. Tokyo, Japan 普段はビッグデータアナリストとして、Hadoop(HueとHive) や各種BI(Tableau, Power BI中心)を使用して 分析やレポーティング業務を行っています。 Tableau歴は2年程度、 以前は営業/企画部門でお仕事をしていました。 元WEBデザイナー/コーダーである経験を、 今のダッシュボードデザインに活かしております。 Photoshopをバリバリ使うデータアナリスト です。 @azs129m
3. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 自己紹介（プライベート） Iron Viz Feeder2に応募した作品1 Health and Well-Beingがテーマでした。 https://public.tableau.com/profile/azusa.maei#!/vizho me/Nurseenoughornot/Nurseenoughornot
4. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 こんな内容で活動中… Make Over Mondayに参加した時の作品 テーマは世界の産休・育休 https://public.tableau.com/profile/azusa.maei#!/vizho me/paid_leave_entitlement_available_to_mothers/1
5. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 こんな内容で活動中…
6. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 ところで… Iron Vizのご紹介 @TC18 Iron Vizとは？ 毎年Tableau Conference 内で開催される、ビジュアライゼーションコンテスト！ https://www.tableau.com/about/blog/2018/10/iron-viz-recap-tc18-96690 ↑今年の優勝者の方
7. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 Iron Viz #TC18
8. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 Iron Viz #TC18
9. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 Iron Viz #TC18 Winner
10. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 本日お伝えしたいこと みなさんのダッシュボードに “デザイン”のスパイスを♪ その為に必要な “ちょっとした” エッセンスを かいつまんでお伝え致します。
11. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 “データとデザインの関係は、ブ ロッコリーとチーズソースの関係 と同じだ。” Visual Story Telling Jason Lankow, Josh Ritchie, Ross Crooks著 より引用
12. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 ＝ データ ＝ デザイン 伝えたい情報 を より効率良く オーディエンスに 理解させる ことができます！ 一見味気ないと思えるものを、どう味付けしていくか… 私たちは「デザイン」を有効活用することで、
13. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 一例
14. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 一例（２）
15. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 さらに！ Klaus Schulte @ProfDrKSchulte https://public.tableau.com/profi le/klaus.schulte#!/vizhome/Pai dMaternityLeaveatFullPay/Dash board1 デザインの役割は？ • 訴求力を高める • 理解を簡単にする • 見たものを 記憶しやすくする 明確なメッセージ 詳細な情報を 表示可能
16. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 もちろんビジネスにも。
17. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 今後 “Data People”が増え、データの民主化が進んだ今 これはAIでも自動化はできません！ デザインは、データコミュニケーションを 促進する一つの大きな手段です そして、 BIツール(Tableau) はそれを簡単に実現できる 最高のツールです。 何 どう を 伝えるかがまさに問われます。
18. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 How to design Viz ～考え方編～
19. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 Viz Design Process 1. テーマ/ コンセプト 決め 右 脳 左 脳 2-1. 色 を決める 2-2. 形 を決める 2-1.データ プリパレー ション 2-2. 分析 2-3. Tableau上で データ可視化 2-3. 素材 を決める 3. Tableauで 配置・作成
20. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 1.テーマ・コンセプト決め 大切なことなので何回でもお伝えしますが、 Vizのテーマとコンセプトを考える作業が とても重要です。 このデータで何を伝えたい？ 目的は？ 何を目標にしたい？ 何を目標にしたい？ どういう結論に導きたい？ どんな要件がある？ オーディエンスの興味は？ 魅力的なテーマは？ どんな議題提起？ 命題は？
21. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 1.テーマ・コンセプト決め Pablo Gomez @PabloLGomez https://public.tableau.com/profile/pablolgomez#!/ vizhome/HowMuchMoneyBigCompaniesMakeinaSec ond/ProfitinaSecond Vizを見た人に • 結論だけを見せたい？ • 問題提起をして結論は ゆだねたい？ • 自由に分析をさせたい？ • テーマを絞った探索が できるようにしたい？
22. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 Vizを作るときの考え方 右脳と左脳を同時並行で使いましょう
23. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 Viz Design Process 1. テーマ/ コンセプト 決め 右 脳 左 脳 2-1. 色 を決める 2-2. 形 を決める 2-1.データ プリパレー ション 2-2. 分析 2-3. Tableau上で データ可視化 2-3. 素材 を決める 3. Tableauで 配置・作成
24. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 1.テーマ・コンセプト決め テーマが明確なVizは メッセージがバシッと伝わります
25. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-1.データプリパレーション まずは自分のテーマに沿ったデータを用意します。 データを用意したらTableauに読み込んで、 分析に取りかかれるようにデータを綺麗にしましょう 左脳
26. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-1.データプリパレーション（ちなみに） http://www.makeovermonday.co.uk/data/ 世の中にはオープンなデータが 非常に沢山あります。 特にMakeoverMondayのデータは 下記の点でオススメです。 • 過去に参加された達人たちのVizが残っており、 参考にしやすい • テーマが明確なものが多い • 期限通りに提出すると評価もしてもらえる • Worldwideに参加している人がいるので、 コミュニティー活動にもなる 左脳
27. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-2,3.分析・可視化 ブルガリアの 平均産休日数が多いな … 自分のテーマに適合する示唆を探します。 いくつか実際のVizで使用するチャートも 作っておきます。 左脳
28. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-1.色を決める 右脳 先に言っておきますが、こういうことではないです。
29. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-1.色を決める 右脳 Nai Louza @nai_louza https://public.tableau.com/profile/nai.louza#!/vizh ome/CanadaMS/AMatterofTime 適切に使用された色情報は、 オーディエンスへの情報伝達を 促進します。 この場合、注目して欲しいポイント に赤を統一して用いたことによって、 ユーザーの興味を誘導することに 成功しています。
30. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-1.色を決める 右脳 全ての色には理由があります。 自分が使おうと思っている色が 何を伝えようとしているかを必ず考えてみましょう。 カラーパレットサイトを利用すると便利です。 https://colorhunt.co/trendy https://coolors.co/browser/latest/1
31. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-1.色を決める 右脳 たとえば… 背景色 文字色・通常マークの色 強調色 デザイン用 彩度高・明度高 彩度低・明度低
32. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-2.形を決める 右脳 自分の伝えたいメッセージにあわせて、ダッシュボードの形を選択します。 ストーリー型？ ダッシュボード型？ or 縦型？ 横型？ or
33. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-2.形を決める 右脳 パーツの配置にも、実はルールがあります 整列 近接 反復 コントラスト 余白 ノンデザイナーズ・デザインブック Robin Williams (著) 見出し ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげ ※コメント 見出し ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげ 見出し ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげ ※コメント 見出し ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげ 見出し 小見出し ほげほげほげほげほげほげほげほげほ げほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげ 見出し 小見出し ほげほげほげほげほげほげほげほげほ げほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげ ドリンク ソフトドリンク オレンジジュース お茶 サイダー お酒 ビール ハイボール 焼酎 日本酒 ドリンク ソフトドリンク オレンジジュース お茶 サイダー お酒 ビール ハイボール 焼酎 日本酒 ドリンク ソフトドリンク オレンジジュース お茶 サイダー お酒 ビール ハイボール 焼酎 日本酒 ソフトドリンク オレンジジュース お茶 サイダー お酒 ビール ハイボール 焼酎 日本酒 見出し ほげほげほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほげ ※コメント 見出し ほげほげほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげ 見出し ほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげ ※コメント 見出し ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげほげほげほげほげほげほげほ げほげほげほげほげほげほげほげほげほげほげほげ ほげほげほげほげほげ
34. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-2.形を決める 右脳 Keith Dykstra @keith_dykstra https://public.tableau.com/profile/keith.dykstra#!/vizh ome/47102FacesofHumanTraffickingFinal/Story1
35. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-2.素材を決める 右脳 Simon Beaumont @SimonBeaumont04 https://public.tableau.com/profile/simon.beaumont#!/ vizhome/MakeoverMonday- 2018Week31TheBigMacIndex/MakeoverMonday- 2018Week31TheBigMacIndex • 素材を適切に使用することで、より見た人に印象 を深く与えるビューを作成できます。
36. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 2-2.素材を決める 著作権フリーの素材がない！何をつかえばいいかわからない！という方。 世界には沢山の素材配布サイトがあります。 DesignCuts https://www.designcuts.com/ The Hungry Jpeg https://thehungryjpeg.com/ Adobe Stock https://stock.adobe.com/jp/
37. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8
38. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 3.合わせて完成！ この作業が一番楽しいですね！
39. J a p a n T a b l e a u U s e r G r o u p 2 0 1 8 最後に・まとめ Vizデザインについて、 少しでも、興味を持って頂けましたでしょうか？ みなさんのダッシュボードデザインを考える またその先のデータ活用方法を考える 一助となればとても嬉しいです。