デザイナーも知っておきたいシステム思考入門

コンポーネントにして設計しようとか言われていますが、手法・手段の話になりがち。肝心の考え方がないままだと、抜け漏れも多くなります。

自分が携わる仕事がたとえデザインだけだったとしても、全体像を見極める能力、そこからパターンを見つけ出したり、原因と結果の関係性を理解することは重要です。システム思考はデザイナーの課題解決の能力をワンステップ引き上げるだけでなく、エンジニアとの会話もしやすくなります。本セッションでは、次の日から役立つシステム思考の基礎を学習します。

Transcript

1. View Slide

2. View Slide

3. ݪҼ ݁Ռ
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. ݪҼ ݁Ռ
    

    View Slide

13. ݪҼ ݁Ռ
    ݪҼ
    ݪҼ
    ݪҼ
    ݪҼ
    ݪҼ
    ݪҼ
    

    View Slide

14. ݪҼͱ݁Ռ͸Ұ௚ઢͰ͸ͳ͘ෳࡶͳ
    ʰγεςϜʱ
    ༷ʑͳݪҼ
    ʢཁૉʣ
    ͸૬ޓؔ܎ʹ͋Δ
    ՝୊ղܾͷ༏ઌॱҐΛݟ͚ͭ΍͘͢ͳΔ
    গ͠େ͖ͳࢹ఺Ͱ໰୊ղܾ͢ΔͨΊͷࢥߟ๏
    

    View Slide

15. ✌
    

    View Slide

16. View Slide

17. Z
    ݪҼͱ݁Ռ͸Ұ௚ઢͰܨ͕͍ͬͯΔ
    

    View Slide

18. ૬ޓؔ܎Λ΋ͭཁૉ
    ࣗ෼ʹ߹͏ֶश๏Λ஌Δ
    

    View Slide

19. ૬ޓؔ܎Λ΋ͭཁૉ
    ࣮ફΛ௨ͯ͠Ԡ༻ΛֶͿ
    

    View Slide

20. ಉۀऀ͔ΒܹࢗΛड͚Δ
    ૬ޓؔ܎Λ΋ͭཁૉ
    

    View Slide

21. εΩϧΞοϓͷͨΊͷγεςϜ
    

    View Slide

22. View Slide

23. View Slide

24. εΩϧΞοϓͱ͍͏
    ʰ݁Ռʱ
    Λ޿͍ࢹ఺Ͱଊ͑Δ
    εΩϧΞοϓʹܨ͕Δཁૉ͸ʁ
    ྫʣπʔϧʹؔ܎͢Δཁૉ͸ʁ
    ڭҭ ࣮ફ ίϛϡχέʔγϣϯ ؀ڥFUD
    ͦͷதͰվળɾ্ୡͰ͖Δཁૉ͸ʁ
    

    View Slide

25. View Slide

26. View Slide

27. ʓʓʹม͑Ε͹΋ͬͱ࢖͍΍͘͢ͳΔ
    ݟͤํΛ˚˚ʹ͢Ε͹ɺ
    ͞ΒʹັྗతʹͳΔ
    ˘˘ͷ৘ใ͕͋Ε͹෼͔Γ΍͘͢ͳΔ
    

    View Slide

28. ݪҼ
    σβΠϯ
    ݁Ռ
    ྑ͍αΠτ
    

    View Slide

29. View Slide

30. ݪҼ
    ౷੍͞Ε͍ͯͳ͍
    ݁Ռ
    ྑ͍αΠτ
    

    View Slide

31. ݪҼ
    ౷੍͞Ε͍ͯͳ͍
    σβΠϯͷΨΠυϥΠϯ͕ͳ͍͔Β่ΕΔ
    ݁Ռ
    ѱ͍αΠτ
    

    View Slide

32. ӡ༻ίετ
    ੍࡞අ༻
    ܾࡋ
    ϫʔΫϑϩʔ
    $.4
    αʔόʔ
    ϝϯόʔ
    ܦݧ
    ࣌ؒ
    ߏ੒
    

    View Slide

33. ӡ༻ίετ
    ੍࡞අ༻
    ܾࡋ
    ϫʔΫϑϩʔ
    $.4
    αʔόʔ
    ϝϯόʔ
    ܦݧ
    ࣌ؒ
    ߏ੒
    σβΠϯ౷੍ͷཧղ͕ͳ͍
    

    View Slide

34. $.4
    ӡ༻ίετ
    ੍࡞අ༻
    ܾࡋ
    ϫʔΫϑϩʔ
    $.4
    αʔόʔ
    ϝϯόʔ
    ܦݧ
    ࣌ؒ
    ߏ੒
    νΣοΫͷͨΊͷϑϩʔ͕ͳ͍
    

    View Slide

35. ϝϯόʔ
    ӡ༻ίετ
    ੍࡞අ༻
    ܾࡋ
    ϫʔΫϑϩʔ
    $.4
    αʔόʔ
    ϝϯόʔ
    ܦݧ
    ࣌ؒ
    ߏ੒
    ֎஫ձࣾΛ೺Ѳ͖͠Ε͍ͯͳ͍
    

    View Slide

36. ӡ༻ίετ
    ੍࡞අ༻
    ܾࡋ
    ϫʔΫϑϩʔ
    $.4
    αʔόʔ
    ϝϯόʔ
    ܦݧ
    ࣌ؒ
    ߏ੒
    ΨΠυϥΠϯΛ࡞Δ༧ࢉ͕ͳ͍
    

    View Slide

37. ܾࡋ ϝϯόʔ
    ηϛφʔɾϫʔΫγϣοϓͰجຊΛཧղͯ͠΋Β͏
    ϫʔΫϑϩʔ
    ϝϯόʔ΁ΠϯλϏϡʔΛͨ͠Γҙࣝௐࠪ͢Δ
    ӡ༻ίετ
    ௿ίετͰ࢝ΊΒΕΔ͜ͱΛ࣮ફͯ͠ΈΔ
    

    View Slide

38. View Slide

39. View Slide

40. View Slide

41. View Slide

42. ΨΠυϥΠϯΛ࡞Δɺ
    Ͱ͸͏·͘ਐ·ͳ͍
    αΠτ੍࡞ͷཁૉΛચ͍ग़ͯ͠શମ૾Λ͔ͭΉ
    ͻͱͭͻͱͭͷཁૉʹରͯ͠ࢪࡦΛ͏ͭ
    ྫʣϫʔΫγϣοϓɺ
    ηϛφʔɺ
    ΠϯλϏϡʔͳͲ
    

    View Slide

43. View Slide

44. Ϛ΢εΦʔόʔɺ
    ϑΥʔΧεͳͲͷૢ࡞
    ̍ຊઢͰ͸ͳ͍ը໘ભҠ
    ۭͷঢ়ଶ΍ςΩετͷΦʔόʔϑϩʔͳͲ
    ޒ݄ӍࣜʹରԠ͢ΔͱҰ؏ੑ͕ࣦΘΕΔ
    

    View Slide

45. ཧ૝ܗ ಡΈࠐΈத ۭ
    ͚̍ͭͩ த్൒୺ ৘ใաଟ
    ៉ྷʹݟͤΔͱͨ͠Β ίϯςϯπ͕දࣔ͞ΕΔલ ίϯςϯπ͕·ͩͳ͍ͱ͖
    ͔̍ͭ͠ͳ͍ͱ͖ ཧ૝ܗͷΑ͏ʹදࣔͰ͖ͳ͍ͱ͖ ૝ఆͨ͠ΑΓଟ͘ͳͬͨ৔߹
    

    View Slide

46. View Slide

47. ςΩετϑΟʔϧυ
    Input value
    

    View Slide

48. σΟϑΥϧτ ϑΥʔΧε ແޮ
    ೖྗத
    Τϥʔ
    

    View Slide

49. Input value
    Hello World
    Hello World
    Input value
    Input value
    

    View Slide

50. ACTION
    Ϙλϯ
    

    View Slide

51. σΟϑΥϧτ ϑΥʔΧε ແޮ Ϛ΢εΦʔόʔ ԡ͠
    

    View Slide

52. ACTION ACTION ACTION
    ACTION
    ACTION
    

    View Slide

53. ͓໰͍߹ΘͤϑΥʔϜ
    

    View Slide

54. ͓໰͍߹Θͤ
    Τϥʔͳ͠
    ੒ޭ γεςϜΤϥʔ
    Τϥʔ͋Γ
    ֬ೝ
    

    View Slide

55. ͓໰͍߹Θͤ
    Τϥʔͳ͠
    ੒ޭ γεςϜΤϥʔ
    Τϥʔ͋Γ
    ֬ೝ
    ֬ೝը໘͸͍Δʁ
    ॲཧํ๏ɾݟͤํ͸ʁ
    ೖྗΤϥʔͱݟͤํΛ෼͚Δ΂͖ʁ
    

    View Slide

56. ACTION ACTION
    ACTION
    ACTION
    ACTION
    ACTION
    Ϙλϯͷϧʔϧ
    

    View Slide

57. σΟϑΥϧτ
    ڍಈ ݟͨ໨
    $5"
    σΟϑΥϧτ ແޮ
    ϑΥʔΧε Ϛ΢εΦʔόʔ
    ԡ͠
    ςΩετ ΞΠίϯ
    େ͖͞ ༨ന
    

    View Slide

58. σΟϑΥϧτ
    ڍಈ ݟͨ໨
    $5"
    σΟϑΥϧτ ແޮ
    ϑΥʔΧε Ϛ΢εΦʔόʔ
    ԡ͠
    ςΩετ ΞΠίϯ
    େ͖͞ ༨ന
    ࠨӈ഑ஔͤ͞Δʁ
    ଞʹόϦʔγϣϯ͕͋Δͱͨ͠Βʁ
    Ͳ͜·ͰΧελϚΠζΛڐ͢ʁ
    

    View Slide

59. σΟϑΥϧτ ແޮ
    ϑΥʔΧε Ϛ΢εΦʔόʔ
    ԡ͠
    ςΩετ ΞΠίϯ
    େ͖͞ ༨ന
    ACTION
    ACTION ACTION
    $5"
    

    View Slide

60. CTA with Icons
    

    View Slide

61. ෦඼ɾը໘͝ͱʹશମ૾Λࢹ֮Խ
    ચ͍ग़ͨ͠ཁૉͷؔ܎ੑ͔Β՝୊Λݟ͚ͭΔ
    ܭըੑͷ͋Δ6*σβΠϯ
    

    View Slide

62. ݪҼͱ݁Ռ͸Ұ௚ઢͰ͸ͳ͘ෳࡶͳ
    ʰγεςϜʱ
    ੒Ռ෺ʹؔΘΔཁૉΛࢹ֮Խͯ͠ΈΔ
    ؔ܎ੑΛ೺Ѳ্ͨ͠ͰɺਐΈํɾ࡞ΓํΛߟ͑Δ
    

    View Slide

63. ௕୩઒ګٱ
    @yhassy
    mail@yasuhisa.com
    "
    

    View Slide