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

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

Transcript

1. ϞσϧͱμΠΞάϥϜ
   ͷ׆༻ͷຊ࣭
   20 2
   2
   .
   09
   .
   0
   9
   Akira Motomura @ YUMEMI
   Summer Design Internship
   2
   022
   

   View Slide

2. 2
   0
   Summer Design Internship
   2 0
   2
   2
   ࣗݾ঺հʴΠϯτϩμΫγϣϯ
   

   View Slide

3. 3
   Summer Design Internship
   2 0
   2
   2
   ΞϝϦΧͰίϛϡχέʔγϣϯσβΠϯΛֶͼɺ
   
   αϯϑϥϯγείͷσβΠϯϑΝʔϜʹͯɺओͱ͠
   ͯIoTαʔϏεɾιϑτ΢ΣΞαʔϏε౳ͷσβΠϯ

   ϓϩδΣΫτʹैࣄɻ
   
   ؼࠃޙɺגࣜձࣾΏΊΈʹαʔϏεσβΠφʔͱ͠
   ͯೖࣾɻۚ༥ۀք΍ϋʔυ΢ΣΞϝʔΧʔͷσδλ
   ϧઓུʹؔΘΔϓϩδΣΫτͷਪਐࢧԉ΍σβΠϯ
   ํ๏࿦ͷಋೖࢧԉʹैࣄɻࠃ಺֎ͷσβΠϯ΍ͦͷ
   ํ๏࿦ʹ͓͚Δݚڀ΍஌ݟΛΩϟονΞοϓ͠ɺ࣮
   ࡍͷϓϩδΣΫτͰͷ࣮ફɾԠ༻ɾମܥԽΛಘҙͱ
   ͍ͯ͠Δɻ
   
   2020೥3݄ΑΓಉࣾऔక໾ʹब೚ɻ
   ຊଜষʢAkira Motomuraʣ
   औక໾ / αʔϏεσβΠφʔ
   

   View Slide

4. 4
   Summer Design Internship
   2 0
   2
   2
   
   ຊ೔ͷ໨౰ͯ
   

   View Slide

5. 5
   ໨࣍
   
   
   
   
   
   
   
   
   
   !
   
   
   0
   
   1
   
   2
   
   3
   
   4
   
   5
   
   6
   Summer Design Internship
   2 0
   2
   2
   

   View Slide

6. 6
   1
   Summer Design Internship
   2 0
   2
   2
   νΣοΫΠϯ
   

   View Slide

7. 7
   ςʔϚ
   Summer Design Internship
   2 0
   2
   2
   
   

   View Slide

8. 8
   2
   Summer Design Internship
   2 0
   2
   2
   Ϟσϧͱ͸Կ͔ʁ
   

   View Slide

9. 9
   Summer Design Internship
   2 0
   2
   2
   

   View Slide

10. 10
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

11. 11
    Summer Design Internship
    2 0
    2
    2
    ఱಈઆ ஍ಈઆ
    

    View Slide

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
    
    
    
    

    View Slide

13. 13
    Summer Design Internship
    2 0
    2
    2
    ੢੒׆༟
    ౦ژେֶઌ୺Պֶٕज़ݚڀηϯλʔڭत
    2016.
    
    
    https://amzn.to/
    3
    CsEAFJ
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    View Slide

14. ࢲͨͪ͸ීஈͲͷΑ͏ʹ
    ϞσϧΛ࢖ͬͯੈքΛ
    ղऍ͍ͯ͠Δͷ͔ʁ
    

    View Slide

15. 15
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

16. 16
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

17. 17
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

18. 18
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

19. 19
    Summer Design Internship
    2 0
    2
    2
    NO
    

    View Slide

20. 20
    Summer Design Internship
    2 0
    2
    2
    YES
    NO
    

    View Slide

21. 21
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

22. 22
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

23. 23
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

24. 24
    3
    Summer Design Internship
    2 0
    2
    2
    μΠΞάϥϜͱ͸Կ͔ʁ
    

    View Slide

25. 25
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

26. 26
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

27. 27
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

28. 28
    Summer Design Internship
    2 0
    2
    2
    Abby Covert
    Information Architect, Author
    STUCK?: Diagrams Help.,
    2
    02 2
    .
    
    
    https://abbycovert.com/stuck/
    
    
    
    
    

    View Slide

29. 

    
    
    29
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

30. μΠΞάϥϜ͕

    ࣋ͭύϫʔͱ͸ʁ
    

    View Slide

31. Summer Design Internship
    2 0
    2
    2
    

    View Slide

32. Summer Design Internship
    2 0
    2
    2
    

    View Slide

33. 33
    Summer Design Internship
    2 0
    2
    2
    VUCA
    Volatility
    Uncertainty
    Complexity
    Ambiguity
    

    View Slide

34. 34
    Summer Design Internship
    2 0
    2
    2
    VUCA
    Volatility
    Uncertainty
    Complexity
    Ambiguity
    Stability
    Transparency
    Understanding
    Clarity
    Kindness
    with
    

    View Slide

35. 35
    Summer Design Internship
    2 0
    2
    2
    ਌੾
    

    View Slide

36. Arrangement
    What or where?
    Time Context
    36
    Summer Design Internship
    2 0
    2
    2
    When or how? Which or why?
    +
    -
    +
    -
    

    View Slide

37. View Slide

38. 38
    Summer Design Internship
    2 0
    2
    2
    
    
    
    
    
    
    

    
    HCD 2021
    

    View Slide

39. 39
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

40. 40
    Summer Design Internship
    2 0
    2
    2
    Beginning Middle End
    Exposition
    Rising action
    Climax
    Falling action
    Denouement
    Happy
    Unhappy
    

    View Slide

41. 41
    Summer Design Internship
    2 0
    2
    2
    
    
    

    View Slide

42. View Slide

43. 43
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

44. 44
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

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
    

    View Slide

46. 46
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

47. View Slide

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
    

    View Slide

49. 49
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

50. 50
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

51. 51
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

52. 52
    Summer Design Internship
    2 0
    2
    2
    
    
    

    View Slide

53. 53
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

54. View Slide

55. 55
    Summer Design Internship
    2 0
    2
    2
    Text
    

    View Slide

56. 56
    Summer Design Internship
    2 0
    2
    2
    
    with
    Text
    

    View Slide

57. 57
    4
    Summer Design Internship
    2 0
    2
    2
    Ϟσϧ΍μΠΞάϥϜΛͲͷΑ͏ʹ
    ࡞Γ׆༻͢Δͷ͔ʁ
    

    View Slide

58. 58
    Summer Design Internship
    2 0
    2
    2
    1
    .
    
    
    2
    .
    
    
    3
    .
    1
    .
    
    
    2
    .
    
    
    3
    .
    
    
    4
    .
    
    
    5
    .
    This, and then,
    

    View Slide

59. 59
    Summer Design Internship
    2 0
    2
    2
    Content-driven
    Accessible Visually supported
    1
    .
    
 

    

    2
    .
    
 

    
    3
    .
    

    

    1
    .
    
 

    

    2
    .
    
 

    
    3
    .
    
 

    1
    .
    
 

    
    2
    .
    

    
 

    3
    . ⾒
    
 

    

    View Slide

60. 60
    Summer Design Internship
    2 0
    2
    2
    [ ]
    A
    

    View Slide

61. 61
    Summer Design Internship
    2 0
    2
    2
    [ ]
    A
    

    View Slide

62. 62
    Summer Design Internship
    2 0
    2
    2
    [ ]
    A
    

    View Slide

63. 63
    Summer Design Internship
    2 0
    2
    2
    [ ]
    
    
    ⾒
    A B
    

    View Slide

64. 64
    Summer Design Internship
    2 0
    2
    2
    [ ]
    
    
    A B
    

    View Slide

65. 65
    5
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

66. 66
    Summer Design Internship
    2 0
    2
    2
    15
    1
    

    
    
    1
    .
    
    
    2
    .
    
    
    3
    .
    
    
    4
    . 1
    
    
    5
    .
    
    
    OK
    
    
    Miro
    

    View Slide

67. View Slide

68. 68
    6
    Summer Design Internship
    2 0
    2
    2
    

    View Slide

69. 69
    Summer Design Internship
    2 0
    2
    2
    築
    

    View Slide

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/
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    

    View Slide

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
    /
    

    View Slide