データを示すときには、テキストだけでなく、ピクトグラムやグラフを使って視覚的に表現することで、人の記憶に残ります ブログや資料にinfogr.amなどのツールを使って視覚的な表現をとりいれましょう！

1. 1
さかもとともこ
インフォグラムのすすめ
-----インフォグラフィック入門 -----

2. 2
自己紹介
名前 坂本 知子
所属課 運用 2 課
部活 こけし部（部長）

3. インフォグラム
3

4. インフォグラフィック
4

5. インフォグラフィックとは
• 情報をわかりやすく人に伝わる形に視覚化
したもの
5

6. 見たほうがはやい
6

7. 7
路線図

8. 8
世界のビールの消費量の比較

9. 9
スターウォーズの人物相関図

10. 10
バットマンの制作費の比較

11. 11
海に深く潜れる哺乳類ベスト5、エンパイアステートビルの高さと比較

12. 12

13. 13

14. インフォグラフィックのメリット
言葉だけでは足りない所を補ってくれる要素
▼
見ていて楽しい
▼
そのデータに興味がない人にも見てもらえる
14

15. インフォグラフィックの要素
大きくわけてこの２つ
1. ピクトグラム
2. 図解
15

16. インフォグラフィックの要素
大きくわけてこの２つ
1. ピクトグラム
2. 図解
16

17. ピクトグラム
17

18. 18

19. 19

20. 20

21. 21

22. 22
ピクトグラムとは
• 明度差のある２色を使って、表したい概念を
単純なイラストにしたもの
• 言葉の代わりや、言葉を補うグラフィック

23. 23
例えばこんなとき…
• 言葉で説明するスペースが足りない（地図）
• じっくり説明する時間がない（LT）
• 言葉が通じない（外国の方向けの説明）

24. 24

25. 25

26. 26

27. 27

28. 28

29. 29

30. 30

31. 31

32. なぜインフォグラフィックが
必要なの？
32

33. 33

34. 34
神経科学で
あなたのプレゼンテーションを
改善することができる8つの方法

35. 35
神経科学の研究
• 神経科学の研究から言葉と絵や画像は脳の
別の場所で処理されることがわかっている
• プレゼンにテキストと一緒に絵や画像が含
まれていれば、人々は２倍、そのプレゼンを
覚えていやすい、といえる

36. 神経科学的にも証明
絵や画像を入れるだけでも２倍覚えやすい
▼
データはテキストだけでなく
視覚的にも表現した方が覚えてもらいやすい
36

37. 37
インフォグラフィックって
作るの難しいんじゃないの？

38. 今回のLTのお題
クラウドサービスの紹介推奨
▼
インフォグラフィックを作れるクラウドサービス
38

39. infogr.am
（インフォグラム）
39

40. 40

41. 41

42. 42

43. 43
なりたち
編集に急にグラフを依頼されたデザイナー
▼
急に依頼されても満足のいくものはできない
▼
編集自身が簡単に作れるツールを作ろう

44. 44

45. 45

46. 46

47. 47

48. 48

49. 49

50. 50

51. 51

52. 52

53. 53

54. 54

55. 55

56. 56

57. 57

58. 58

59. 59

60. 60

61. 61

62. 62

63. 63

64. 64

65. 65

66. 66

67. 67

68. 68

69. 69

70. 70

71. 71

72. フリー版もあります
72

73. 73

74. 74

75. 技術ブログ
75

76. 採用ページ
76

77. 採用ページ
77

78. 78
まとめ
インフォグラフィックは、
そのデータに興味がない人にも見てもらえる
▼
絵や画像を入れたほうが２倍覚えてもらえる
▼
infogr.amをブログや資料で使ってみよう！

79. 79
Let s Infogr.am !