モデルとダイアグラムの活用の本質

2022年9月に開催したゆめみのサマーデザインインターンシップにて、「あらゆる場面でデザインを活用する力」と題して、モデルとダイアグラムの重要性、プロセス、活用方法について紹介しました。

Transcript

1. ϞσϧͱμΠΞάϥϜ ͷ׆༻ͷຊ࣭ 20 2 2 . 09 . 0 9 Akira Motomura @ YUMEMI Summer Design Internship 2 022
2. 2 0 Summer Design Internship 2 0 2 2 ࣗݾ঺հʴΠϯτϩμΫγϣϯ
3. 3 Summer Design Internship 2 0 2 2 ΞϝϦΧͰίϛϡχέʔγϣϯσβΠϯΛֶͼɺ αϯϑϥϯγείͷσβΠϯϑΝʔϜʹͯɺओͱ͠ ͯIoTαʔϏεɾιϑτ΢ΣΞαʔϏε౳ͷσβΠϯ
 ϓϩδΣΫτʹैࣄɻ ؼࠃޙɺגࣜձࣾΏΊΈʹαʔϏεσβΠφʔͱ͠ ͯೖࣾɻۚ༥ۀք΍ϋʔυ΢ΣΞϝʔΧʔͷσδλ ϧઓུʹؔΘΔϓϩδΣΫτͷਪਐࢧԉ΍σβΠϯ ํ๏࿦ͷಋೖࢧԉʹैࣄɻࠃ಺֎ͷσβΠϯ΍ͦͷ ํ๏࿦ʹ͓͚Δݚڀ΍஌ݟΛΩϟονΞοϓ͠ɺ࣮ ࡍͷϓϩδΣΫτͰͷ࣮ફɾԠ༻ɾମܥԽΛಘҙͱ ͍ͯ͠Δɻ 2020೥3݄ΑΓಉࣾऔక໾ʹब೚ɻ ຊଜষʢAkira Motomuraʣ औక໾ / αʔϏεσβΠφʔ
4. 4 Summer Design Internship 2 0 2 2 ຊ೔ͷ໨౰ͯ
5. 5 ໨࣍ ! 0 1 2 3 4 5 6 Summer Design Internship 2 0 2 2
6. 6 1 Summer Design Internship 2 0 2 2 νΣοΫΠϯ
7. 7 ςʔϚ Summer Design Internship 2 0 2 2
8. 8 2 Summer Design Internship 2 0 2 2 Ϟσϧͱ͸Կ͔ʁ
9. 9 Summer Design Internship 2 0 2 2
10. 10 Summer Design Internship 2 0 2 2
11. 11 Summer Design Internship 2 0 2 2 ఱಈઆ ஍ಈઆ
12. 12 Summer Design Internship 2 0 2 2 Hugh Dubberly Principle, Dubberly Design Of fi ce Models of models., 20 09 . http://www.dubberly.com/wp-content/uploads/ 2 0 09 / 0 3 /ddo_article_modelsofmodels 1 .pdf
13. 13 Summer Design Internship 2 0 2 2 ੢੒׆༟ ౦ژେֶઌ୺Պֶٕज़ݚڀηϯλʔڭत 2016. https://amzn.to/ 3 CsEAFJ
14. ࢲͨͪ͸ීஈͲͷΑ͏ʹ ϞσϧΛ࢖ͬͯੈքΛ ղऍ͍ͯ͠Δͷ͔ʁ
15. 15 Summer Design Internship 2 0 2 2
16. 16 Summer Design Internship 2 0 2 2
17. 17 Summer Design Internship 2 0 2 2
18. 18 Summer Design Internship 2 0 2 2
19. 19 Summer Design Internship 2 0 2 2 NO
20. 20 Summer Design Internship 2 0 2 2 YES NO
21. 21 Summer Design Internship 2 0 2 2
22. 22 Summer Design Internship 2 0 2 2
23. 23 Summer Design Internship 2 0 2 2
24. 24 3 Summer Design Internship 2 0 2 2 μΠΞάϥϜͱ͸Կ͔ʁ
25. 25 Summer Design Internship 2 0 2 2
26. 26 Summer Design Internship 2 0 2 2
27. 27 Summer Design Internship 2 0 2 2
28. 28 Summer Design Internship 2 0 2 2 Abby Covert Information Architect, Author STUCK?: Diagrams Help., 2 02 2 . https://abbycovert.com/stuck/
29. 
 29 Summer Design Internship 2 0 2 2
30. μΠΞάϥϜ͕
 ࣋ͭύϫʔͱ͸ʁ
31. Summer Design Internship 2 0 2 2
32. Summer Design Internship 2 0 2 2
33. 33 Summer Design Internship 2 0 2 2 VUCA Volatility Uncertainty Complexity Ambiguity
34. 34 Summer Design Internship 2 0 2 2 VUCA Volatility Uncertainty Complexity Ambiguity Stability Transparency Understanding Clarity Kindness with
35. 35 Summer Design Internship 2 0 2 2 ਌੾
36. Arrangement What or where? Time Context 36 Summer Design Internship 2 0 2 2 When or how? Which or why? + - + -
38. 38 Summer Design Internship 2 0 2 2 
 HCD 2021
39. 39 Summer Design Internship 2 0 2 2
40. 40 Summer Design Internship 2 0 2 2 Beginning Middle End Exposition Rising action Climax Falling action Denouement Happy Unhappy
41. 41 Summer Design Internship 2 0 2 2
43. 43 Summer Design Internship 2 0 2 2
44. 44 Summer Design Internship 2 0 2 2
45. 45 Summer Design Internship 2 0 2 2 A B C L 
 A 1 A 2 A 3 A 4 A 5 A 6 A 7 A 8 A 9 A 10 A 11 A 12 A 13 B 1 B 2 B 3 C 1 C 2 C 3 C 4 L 1 L 2 L 3 HCD 2021
46. 46 Summer Design Internship 2 0 2 2
48. 48 Summer Design Internship 2 0 2 2 Unconscious Intuitive Automatic "System 1 Conscious Deliberate Re fl ective System 2 " Tacit Explicit LEAST EFFORT
49. 49 Summer Design Internship 2 0 2 2
50. 50 Summer Design Internship 2 0 2 2
51. 51 Summer Design Internship 2 0 2 2
52. 52 Summer Design Internship 2 0 2 2
53. 53 Summer Design Internship 2 0 2 2
55. 55 Summer Design Internship 2 0 2 2 Text
56. 56 Summer Design Internship 2 0 2 2 with Text
57. 57 4 Summer Design Internship 2 0 2 2 Ϟσϧ΍μΠΞάϥϜΛͲͷΑ͏ʹ ࡞Γ׆༻͢Δͷ͔ʁ
58. 58 Summer Design Internship 2 0 2 2 1 . 2 . 3 . 1 . 2 . 3 . 4 . 5 . This, and then,
59. 59 Summer Design Internship 2 0 2 2 Content-driven Accessible Visually supported 1 . 
 
 
 2 . 
 
 3 . 
 
 1 . 
 
 
 2 . 
 
 3 . 
 
 1 . 
 
 2 . 
 
 
 3 . ⾒ 
 

60. 60 Summer Design Internship 2 0 2 2 [ ] A
61. 61 Summer Design Internship 2 0 2 2 [ ] A
62. 62 Summer Design Internship 2 0 2 2 [ ] A
63. 63 Summer Design Internship 2 0 2 2 [ ] ⾒ A B
64. 64 Summer Design Internship 2 0 2 2 [ ] A B
65. 65 5 Summer Design Internship 2 0 2 2
66. 66 Summer Design Internship 2 0 2 2 15 1 
 1 . 2 . 3 . 4 . 1 5 . OK Miro
68. 68 6 Summer Design Internship 2 0 2 2
69. 69 Summer Design Internship 2 0 2 2 築
70. 70 Summer Design Internship 2 0 2 2 Models of models. June, 2 0 0 9 . Hugh Dubberly. http://www.dubberly.com/wp- content/uploads/ 20 09 / 03 / ddo_article_modelsofmodels 1 .p df STUCK? Diagrams Help. August, 2 02 2 . Abby Covert. https://abbycovert.com/stuck/
71. 71 Summer Design Internship 2 0 2 2 Visual Grammar 
 
 2007 3 Christian Leborg https://amzn.to/ 3 wzcCo 4 
 2016 6 Josef Albers https://amzn.to/ 3 KtSr 0 r 
 2019 11 Josef Muller-Brockmann https://amzn.to/ 3 e 37 pOW The Vignelli Canon 2015 11 Massimo Vignelli https://bit.ly/ 3 cq 9 vYK Typographic Systems 
 8 2007 9 Kimbely Elam https://amzn.to/ 3 AsVbq 7
72. 72 Summer Design Internship 2 0 2 2 Intertwingled: 
 / 
 2015 1 Peter Morville https://amzn.to/ 3 TnSm 2 p Figure It Out: Getting from Information to Understanding 2020 5 Stehen P. Anderson & Karl Fast https://amzn.to/ 3 KtG 58 H Understanding Context: Environment, Language, and Information Architecture 
 2014 12 Andrew Hinton https://amzn.to/ 3 CE 8 g 2 B
73. 73 Summer Design Internship 2 0 2 2 2022 3 Claus O. Wilke https://amzn.to/ 3 RcAYM 2 Design for Information: An Introduction to the Histories, Theories, and Best Practices Behind E ff ective Information 2013 10 Isabel Meirelles https://amzn.to/ 3 wC 6 Hyq Envisioning Information 
 1990 5 Edward R. Tufte https://amzn.to/ 3 QT 5 quW
74. 74 Summer Design Internship 2 0 2 2 A strategic map of Disneyland 1957 Walt Disney https://bit.ly/ 3 pP 04 Fh Eames Design Diagram 1969 Charles Eames https://bit.ly/ 3 pRsoqp Pace Layering Diagram 1999 Stewart Brand https://ekrits.jp/ 2 015 / 03 / 403 /