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

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

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

Transcript

3. ݪҼ ݁Ռ
12. ݪҼ ݁Ռ
13. ݪҼ ݁Ռ ݪҼ ݪҼ ݪҼ ݪҼ ݪҼ ݪҼ
14. ݪҼͱ݁Ռ͸Ұ௚ઢͰ͸ͳ͘ෳࡶͳ ʰγεςϜʱ ༷ʑͳݪҼ ʢཁૉʣ ͸૬ޓؔ܎ʹ͋Δ ՝୊ղܾͷ༏ઌॱҐΛݟ͚ͭ΍͘͢ͳΔ গ͠େ͖ͳࢹ఺Ͱ໰୊ղܾ͢ΔͨΊͷࢥߟ๏
15. ✌
17. Z ݪҼͱ݁Ռ͸Ұ௚ઢͰܨ͕͍ͬͯΔ
18. ૬ޓؔ܎Λ΋ͭཁૉ ࣗ෼ʹ߹͏ֶश๏Λ஌Δ
19. ૬ޓؔ܎Λ΋ͭཁૉ ࣮ફΛ௨ͯ͠Ԡ༻ΛֶͿ
20. ಉۀऀ͔ΒܹࢗΛड͚Δ ૬ޓؔ܎Λ΋ͭཁૉ
21. εΩϧΞοϓͷͨΊͷγεςϜ
24. εΩϧΞοϓͱ͍͏ ʰ݁Ռʱ Λ޿͍ࢹ఺Ͱଊ͑Δ εΩϧΞοϓʹܨ͕Δཁૉ͸ʁ ྫʣπʔϧʹؔ܎͢Δཁૉ͸ʁ ڭҭ
    ࣮ફ
    ίϛϡχέʔγϣϯ
    ؀ڥ
    FUD ͦͷதͰվળɾ্ୡͰ͖Δཁૉ͸ʁ
27. ʓʓʹม͑Ε͹΋ͬͱ࢖͍΍͘͢ͳΔ
    ݟͤํΛ˚˚ʹ͢Ε͹ɺ ͞ΒʹັྗతʹͳΔ
    ˘˘ͷ৘ใ͕͋Ε͹෼͔Γ΍͘͢ͳΔ
28. ݪҼ σβΠϯ ݁Ռ ྑ͍αΠτ
30. ݪҼ ౷੍͞Ε͍ͯͳ͍ ݁Ռ ྑ͍αΠτ
31. ݪҼ ౷੍͞Ε͍ͯͳ͍ σβΠϯͷΨΠυϥΠϯ͕ͳ͍͔Β่ΕΔ ݁Ռ ѱ͍αΠτ
32. ӡ༻ίετ ੍࡞අ༻
    ܾࡋ ϫʔΫϑϩʔ $.4 αʔόʔ ϝϯόʔ ܦݧ ࣌ؒ ߏ੒
33. ӡ༻ίετ ੍࡞අ༻
    ܾࡋ ϫʔΫϑϩʔ $.4 αʔόʔ ϝϯόʔ ܦݧ ࣌ؒ ߏ੒ σβΠϯ౷੍ͷཧղ͕ͳ͍
34. $.4 ӡ༻ίετ ੍࡞අ༻
    ܾࡋ ϫʔΫϑϩʔ $.4 αʔόʔ ϝϯόʔ ܦݧ ࣌ؒ ߏ੒ νΣοΫͷͨΊͷϑϩʔ͕ͳ͍
35. ϝϯόʔ ӡ༻ίετ ੍࡞අ༻
    ܾࡋ ϫʔΫϑϩʔ $.4 αʔόʔ ϝϯόʔ ܦݧ ࣌ؒ ߏ੒ ֎஫ձࣾΛ೺Ѳ͖͠Ε͍ͯͳ͍
36. ӡ༻ίετ ੍࡞අ༻
    ܾࡋ ϫʔΫϑϩʔ $.4 αʔόʔ ϝϯόʔ ܦݧ ࣌ؒ ߏ੒ ΨΠυϥΠϯΛ࡞Δ༧ࢉ͕ͳ͍
37. ܾࡋ ϝϯόʔ ηϛφʔɾϫʔΫγϣοϓͰجຊΛཧղͯ͠΋Β͏ ϫʔΫϑϩʔ ϝϯόʔ΁ΠϯλϏϡʔΛͨ͠Γҙࣝௐࠪ͢Δ ӡ༻ίετ ௿ίετͰ࢝ΊΒΕΔ͜ͱΛ࣮ફͯ͠ΈΔ
42. ΨΠυϥΠϯΛ࡞Δɺ Ͱ͸͏·͘ਐ·ͳ͍ αΠτ੍࡞ͷཁૉΛચ͍ग़ͯ͠શମ૾Λ͔ͭΉ ͻͱͭͻͱͭͷཁૉʹରͯ͠ࢪࡦΛ͏ͭ ྫʣϫʔΫγϣοϓɺ ηϛφʔɺ ΠϯλϏϡʔͳͲ
44. Ϛ΢εΦʔόʔɺ ϑΥʔΧεͳͲͷૢ࡞
    ̍ຊઢͰ͸ͳ͍ը໘ભҠ
    ۭͷঢ়ଶ΍ςΩετͷΦʔόʔϑϩʔͳͲ
    ޒ݄ӍࣜʹରԠ͢ΔͱҰ؏ੑ͕ࣦΘΕΔ
45. ཧ૝ܗ ಡΈࠐΈத ۭ ͚̍ͭͩ த్൒୺ ৘ใաଟ ៉ྷʹݟͤΔͱͨ͠Β ίϯςϯπ͕දࣔ͞ΕΔલ ίϯςϯπ͕·ͩͳ͍ͱ͖ ͔̍ͭ͠ͳ͍ͱ͖ ཧ૝ܗͷΑ͏ʹදࣔͰ͖ͳ͍ͱ͖ ૝ఆͨ͠ΑΓଟ͘ͳͬͨ৔߹
47. ςΩετϑΟʔϧυ Input value
48. σΟϑΥϧτ ϑΥʔΧε ແޮ ೖྗத Τϥʔ
49. Input value Hello World Hello World Input value Input value
50. ACTION Ϙλϯ
51. σΟϑΥϧτ ϑΥʔΧε ແޮ Ϛ΢εΦʔόʔ ԡ͠
52. ACTION ACTION ACTION ACTION ACTION
53. ͓໰͍߹ΘͤϑΥʔϜ
54. ͓໰͍߹Θͤ Τϥʔͳ͠ ੒ޭ γεςϜΤϥʔ Τϥʔ͋Γ ֬ೝ
55. ͓໰͍߹Θͤ Τϥʔͳ͠ ੒ޭ γεςϜΤϥʔ Τϥʔ͋Γ ֬ೝ ֬ೝը໘͸͍Δʁ ॲཧํ๏ɾݟͤํ͸ʁ ೖྗΤϥʔͱݟͤํΛ෼͚Δ΂͖ʁ
56. ACTION ACTION ACTION ACTION ACTION ACTION Ϙλϯͷϧʔϧ
57. σΟϑΥϧτ ڍಈ ݟͨ໨ $5" σΟϑΥϧτ ແޮ ϑΥʔΧε Ϛ΢εΦʔόʔ ԡ͠ ςΩετ ΞΠίϯ େ͖͞ ༨ന
58. σΟϑΥϧτ ڍಈ ݟͨ໨ $5" σΟϑΥϧτ ແޮ ϑΥʔΧε Ϛ΢εΦʔόʔ ԡ͠ ςΩετ ΞΠίϯ େ͖͞ ༨ന ࠨӈ഑ஔͤ͞Δʁ ଞʹόϦʔγϣϯ͕͋Δͱͨ͠Βʁ Ͳ͜·ͰΧελϚΠζΛڐ͢ʁ
59. σΟϑΥϧτ ແޮ ϑΥʔΧε Ϛ΢εΦʔόʔ ԡ͠ ςΩετ ΞΠίϯ େ͖͞ ༨ന ACTION ACTION ACTION $5"
60. CTA with Icons
61. ෦඼ɾը໘͝ͱʹશମ૾Λࢹ֮Խ ચ͍ग़ͨ͠ཁૉͷؔ܎ੑ͔Β՝୊Λݟ͚ͭΔ ܭըੑͷ͋Δ6*σβΠϯ
62. ݪҼͱ݁Ռ͸Ұ௚ઢͰ͸ͳ͘ෳࡶͳ ʰγεςϜʱ ੒Ռ෺ʹؔΘΔཁૉΛࢹ֮Խͯ͠ΈΔ ؔ܎ੑΛ೺Ѳ্ͨ͠ͰɺਐΈํɾ࡞ΓํΛߟ͑Δ
63. ௕୩઒ګٱ @yhassy mail@yasuhisa.com "