デザインを「伝える」ためにすべきこと

DevLOVE関西2017 commitment 〜"何"にコミットするのか？〜

「伝える」ということにコミットするために、デザインを作る前、作る時に気をつけていること、また「伝える」練習の日常の小さなアウトプットなどのお話です。

Transcript

1. σβΠϯΛ
   ʮ఻͑Δʯ
   ͨΊʹ͢΂͖͜ͱ
   

   View Slide

2. ຐ๏࢖͍
   ݟश͍
   ͸͡Ί·ͨ͠
   ֯ాҁՂ ͢Έͩ͋΍͔
   8FCσβΠφʔ ΠϥετϨʔλʔ
   ೥ɹϑϦʔϥϯε TQJDBHSBQI
   
   ೥ɹגࣜձࣾΩςϨπϝϯόʔ
   

   View Slide

3. ΋
   ͘
   ͡
   ʮ఻͑ΔσβΠϯʯͷ
   ϫΠϠʔϑϨʔϜͱͷ෇͖͍͋ํ
   σβΠϯΛʮ఻͑Δʯ
   ʮ఻͑ΔσβΠϯʯͷϏδϡΞϧදݱ
   01
   02
   03
   ʮ఻͑ΔʯΛͭ͘Δ೔ৗͷΞ΢τϓο
   τ
   04
   ·ͱΊ
   05
   

   View Slide

4. Θͨ͠ͷܦྺ
   2002 2006 2012
   2017
   ೿ݣࣾһ΍
   ࣾһͳͲ
   ϑϦʔϥϯε
   ϑϦʔϥϯε೥ੜ
   ฼೥ੜ
   ग़࢈
   

   View Slide

5. Θͨ͠ͷ࢓ࣄͷׂ߹
   ੍࡞ձࣾ
   9
   1
   ௚
   ΫϥΠΞϯ
   τ
   ίʔσΟ
   ϯά
   6
   3
   3.5
   0.5
   8FC
   σβΠ
   ϯ
   %51
   σβΠ
   ϯ
   Π
   ϥε
   τ
   

   View Slide

6. Θͨ͠͸σβΠφʔͰ͢
   

   View Slide

7. σβΠφʔ͸࣮͸
   ʮઃܭ࢜ʯ
   ग़లɿ8JLJQFEJB
   ࢹ֮ྖҬʹ͓͍ͯҙঊܭը΍ਤҊɺ
   ઃܭΛखֻ͚Δਓͷ͜ͱ
   ͳΜͩͦ͏Ͱ͢
   

   View Slide

8. ؤுͬͯ
   ੍࡞
   ׬੒
   ͚ͩ͜͜͡Όͳ͍Α
   ݁Ռ
   खஈ
   ໨త
   ͳΔ΄Ͳ
   8FCαΠ
   τͱ
   νϥγΛ
   ࡞Γ·͠ΐ͏
   ͏ͪͷ঎඼Λ
   ΋ͬͱଟ͘ͷਓʹ
   ஌ͬͯ΄͍͠
   

   View Slide

9. ʮ఻͑ΔσβΠϯʯ
   ͷ
   ϫΠϠʔϑϨʔϜͱͷ෇͖͍͋ํ
   01
   

   View Slide

10. ΫϥΠΞϯτ σΟϨΫλʔ
    σβΠφʔ
    ϑϩϯτΤϯυ
    ΤϯδχΞ
    D
    F
    C
    

    View Slide

11. D
    σΟ
    ϨΫλʔ͞Μͱͷ΍Γ
    ͱ
    Γ͕
    σβΠ
    ϯͷग़དྷΛେ͖
    ͘
    ࠨӈ͠·͢
    

    View Slide

12. ͍ΖΜͳϫΠϠʔϑϨʔϜ
    

    View Slide

13. ϫ
    Π
    Ϡ
    ồ
    ϑ
    Ϩ
    ồ
    Ϝ
    ʹ
    ΋
    എ
    ܠ
    ͕
    ͋
    Δ
    D
    γεςϜͷཁ݅Λ
    ઌʹܾΊͳ͍ͱ
    ͍͚ͳͯ͘
    ϓϨθϯʹ
    ඞཁͰ
    ೔͘Β͍
    ৸ͯͳ͍
    ΜͩΑͶ
    ύʔτφʔ͞Μʹ
    ൃ஫͢Δͷʹ
    ϓϩτ
    λΠϓʹ
    

    View Slide

14. ϫ
    Π
    Ϡ
    ồ
    ϑ
    Ϩ
    ồ
    Ϝ
    ʹ
    ΋
    എ
    ܠ
    ͕
    ͋
    Δ
    D
    γεςϜͷཁ݅Λ
    ઌʹܾΊͳ͍ͱ
    ͍͚ͳͯ͘
    ϓϨθϯʹ
    ඞཁͰ
    ೔͘Β͍
    ৸ͯͳ͍
    ΜͩΑͶ
    ύʔτφʔ͞Μʹ
    ൃ஫͢Δͷʹ
    ϓϩτ
    λΠϓʹ
    ϫΠϠʔϑϨʔϜʺσβΠϯࢦࣔॻ
    

    View Slide

15. ϫΠϠʔϑϨʔϜΛ΋ΒͬͨΒ
    

    View Slide

16. ࠷
    ॳ
    ʹ
    ֬
    ೝ
    ͢
    Δ
    ͜
    ͱ
    Ϩεϙϯγϒʁ
    ɹσόΠε͝ͱ
    ʁ
    ࢖༻༧ఆͷ$.4΍ϑϨʔϜϫʔΫ͸
    ʁ
    ࢖༻༧ఆͷϓϥάΠϯ΍ϥΠϒϥϦ͸
    ʁ
    ݻఆ͢Δ߲໨ɺڞ௨͢Δ߲໨͸
    ʁ
    ϨΠΞ΢τ΍ϏδϡΞϧͷఏҊ͕Մೳʁ
    ৘ใͷ༏ઌॱҐ͸
    ʁ
    ӡ༻͸ͩΕ͕͢Δ
    ʁ ҰྫͰ͢
    ม͑ͯ͸͍͚ͳ͍ͱ͜Ζ͋Γ·͔͢ʁ
    

    View Slide

17. ެࣜαΠ
    τ΍ࢿྉΛಡΈ͜Ή
    ͦΕ͔Β΍Δ͜ͱɹͦͷ
    ڝ߹ଞࣾ
    ঎඼ͷ
    ಛ௃
    αΠ
    τͷ
    γεςϜ
    λʔήο
    τ
    

    View Slide

18. ͦΕ͔Β΍Δ͜ͱɹͦͷ
    ϢʔβʔʹͳΓ
    ͖ͬͯΈΔ
    

    View Slide

19. ʁ ʂ
    ߦͬͨΓདྷͨΓ
    ϫΠϠʔϑϨʔϜʹର͢Δ
    ʁͱʂ͕Θ͔Δ
    ͜ͷಛ௃
    ೖͬͯͳ͍ͳ
    ϖʔδͷ
    ಈઢ͸
    ʁ
    "ͱ#ͷ
    ༏ઌॱҐ͸
    ʁ
    ʮձһʯ
    ͬͯ
    ͳʹ
    ʁ
    ܾࡁͷ
    छྨ͸
    ʁ ظ͕ؒ
    Θ͔Γʹ͍͘
    Ͳ͜ʹ
    ͋Δͷ
    ʁ
    Ӧۀ
    ࣌ؒ͸
    ʁ
    

    View Slide

20. ϫΠϠʔϑϨʔϜ͸͓ห౰ശʹݟ͑ͯ͠·
    ͏
    Ͳ͜ʹ౜༲͛
    ೖΕΑ͏
    

    View Slide

21. ໨తΛཧղ͔ͯ͠Βରቂ͠Α
    ͏
    ͜ΕΛ৯΂ͯ
    ݩؾʹͳͬͯ
    ΄͍͠
    ͯ͞ɺ
    Ͳ͏ೖΕΑ͏
    

    View Slide

22. ͦ΋ͦ΋
    Ωʔϫʔ
    υ͸
    

    View Slide

23. ώΞϦϯάͰؾΛ͚͍ͭͯΔ
    3ͭͷ͜ͱ
    

    View Slide

24. ਘ໰͠ͳ͍
    1
    

    View Slide

25. ൱ఆ͠ͳ͍
    2
    

    View Slide

26. ͲΜͳσβΠ
    ϯʹ͠·͔͢
    ʁ
    3
    

    View Slide

27. ʮ఻͑ΔσβΠϯʯ
    ͷϏδϡΞϧදݱ
    02
    

    View Slide

28. ͲΜͳσβΠ
    ϯͰ΋ɺ
    ཁૉΛஔ͍͍ͯ͘
    ͚ͩͰ͸͜
    ͏ͳΔ
    

    View Slide

29. ໨ཱͨͤΔʹ͸
    ͜Ε͔͠ͳ͍
    ɾ
    ɾ
    ɾ
    ʂ
    ʂ
    ओ
    ໾
    

    View Slide

30. ·ͣ͸ʮ৘ใ੔ཧʯ
    େ൒ͷ࣌ؒ
    ͜ΕͰ͢
    

    View Slide

31. ϏδϡΞϧͷσβΠ
    ϯͰ
    େࣄʹ͍ͯ͠Δ͜ͱ
    

    View Slide

32. Ոʹۙͮ͘
    ͨͼඬͬͯ
    ͘
    Δ͍͍߳Γ
    ͋ʔ͜ΕΧϨʔͩΘ
    

    View Slide

33. ໺ࡊᖱΊʁ
    ʁ
    ʂ
    ʂ
    

    View Slide

34. ΧϨʔͷޱ
    ͩͬͨͷʹ
    ʂ
    ʂ
    ͬͯ͜ͱ͋Γ·͢ΑͶ
    

    View Slide

35. ఻͍͑ͨͷ͸ʮʹ͓͍ʯ
    ͪΌΜͱظ଴ͤͯͪ͞ΌΜͱԠ͑Δ
    

    View Slide

36. ༮ஓԂͷαΠ
    τσβΠ
    ϯͬͯ
    ʮࢠͲ΋ͬΆ͍ʯඞཁ͋Δͷ
    ʁ
    IUUQNJEPSJGVLVTIJLBJPSKQ IUUQUBLBTBLJIJZPLPDPN
    IUUQPCBNBLPEPNPFOKQ
    

    View Slide

37. ༮ஓԂ Α
    ͏ͪ͑Μ
    

    View Slide

38. ʮͬΆ͍ʯ͸৴߸
    αΠ
    ϯ
    ্खʹ࢖ͬͯʹ͓͍Λ఻͑Δ
    

    View Slide

39. ʮͬΆ͍ʯ͕͋Δ͔ΒʮͬΆ͘
    ͳ͍ʯ΋Ͱ͖Δ
    IUUQXXXCLNVGHKQ IUUQTDPOUFOUTOFUCLDPKQUI
    

    View Slide

40. ʮͬΆ͍ʯʹ΋छྨ͕͋Δ
    ਓ͕ͦ΋ͦ΋
    ࣋ͭ΋ͷ
    ຽ଒͕ࠩ
    ͋Δ΋ͷ
    ࣌୅എܠ͕
    ͋Δ΋ͷ
    

    View Slide

41. ΞΠσΞ͕ग़ͯ͜ͳ͍ͱ͖
    ࿈૝ήʔϜΛ͢ΔɺࢀߟσβΠϯΛ୳͢
    

    View Slide

42. ࣽ٧·ͬͨͱ͖
    1$͔Β཭Εͯɺҧ͏͜ͱΛ͢Δ
    

    View Slide

43. ͳʹ͔͕Πέͯͳ͍ͱ͖
    ΠέͯΔαΠ
    τͷύʔπͱ෦෼తʹऔΓସ͑ͯΈΔ
    Ͳ͜ʹ໰୊͕͋Δ͔͕Θ͔Δ
    

    View Slide

44. ஬ͷ໨ͱௗͷ໨Λ࢖͍෼͚Δ
    ৭͸͖Ε͍͔
    ϊΠζ͕ͳ͍͔
    ϑΥϯτ͸߹͍ͬͯΔ͔
    λʔήο
    τʹ߹͍ͬͯΔ͔
    ͖ͪΜͱཧղͰ͖Δ͔
    ྲྀΕʹແཧ͕ͳ͍͔
    

    View Slide

45. ·
    ͱ
    Ί
    ৘ใ੔ཧΛ͔ͬ͠Γ͢Δ
    ͲΜͳʮʹ͓͍ʯ͕ඞཁ͔ߟ͑Δ
    ʮͬΆ͍ʯΛ͏
    ·
    ͘
    ࢖͏
    

    View Slide

46. ͨ·ʹ΍ͬͯ͠·
    ͏ࣦഊʜ
    

    View Slide

47. मਖ਼ґཔΛड͚ͯ
    ϨΠΞ΢τ΍߲໨
    ݟ௚͠·ͨ͠
    ʂ
    ʂ
    σβΠφʔ͸جຊϙδςΟ
    ϒ
    ͍͍΋ͷʹ͍ͨ͠
    ʂͱఏҊ͢Δ
    ͍͍΋ͷ͕
    Ͱ͖ͨ
    ʂ
    ʂ
    

    View Slide

48. ʮཔΜͰͨ΋ͷͱҧ͏ʯʹͳΔͷ͸
    ΋͍ͬͨͳ͍
    ࣾ಺߹ҙ
    ͱΕͯͨͷʹ
    มΘͬͯΔʜ
    ·ͨ֬ೝͩΑʜ
    

    View Slide

49. σβΠϯΛ
    ʮ఻͑Δʯ
    03
    

    View Slide

50. ΫϥΠΞϯτ σΟϨΫλʔ
    σβΠφʔ
    ϑϩϯτΤϯυ
    ΤϯδχΞ
    D
    F
    C
    

    View Slide

51. 4/4 ʗ౤ߘαΠ
    τ
    &$ ʗϝσΟ
    ΞαΠ
    τ
    ίʔϙϨʔ
    τʗ -1
    ࣸਅڞ༗ΞϓϦ
    ه࿥ΞϓϦ
    ήʔϜΞϓϦ
    ԿΛݟͤΔ͔
    ੍࡞ଆ͕ίϯ
    τϩʔϧ
    ͋Δఔ౓ͷϑ
    ΥʔϚο
    τ
    ͸࡞ΕΔ
    Կ͕ೖΔ͔Θ͔Βͳ͍
    ਓʹΑͬͯݟ͑ํ͕ҧ͏
    ࠷ۙͷ੍࡞؀ڥ
    

    View Slide

52. ੍࡞ͷॱ൪
    1
    2
    

    View Slide

53. ύʔπͰߟ͑Δ
    

    View Slide

54. ڞ༗͢Δ
    

    View Slide

55. ͦΕͰ΋΍ͬͺΓࣦഊ͸ଟ͍
    ৗʹϕε
    τͳڞ༗ํ๏͸ͳ͍
    ຖճ֬ೝ
    ʂ
    ίϛ
    ϡχέʔγϣ
    ϯ
    ʂ
    F
    

    View Slide

56. ʮ఻͑Δʯ
    Λͭ͘
    Δ೔ৗͷΞ΢τϓο
    τ
    04
    

    View Slide

57. ීஈ͍ͯ͠ΔΞ΢
    τϓο
    τ
    ͸
    ຕֆΛඳ͍ͨ
    ϒϩά͸
    ೥໨
    5XJUUFSͰ
    ·Μ͕ඳ͍ͨΓ
    

    View Slide

58. ࣌ؒͷ೧ग़ํ๏
    ͠͝ͱ
    ͠͝ͱ ͠͝ͱ
    झຯ
    झຯ
    ৽͍͜͠ͱΛࢼ͢ɺֆΛඳ͘
    ɺະདྷͷࣗ෼΁ͷ౤ࢿͰ΋͋Δ
    ࢓ࣄͷؒʹͶ͡ࠐΜͰ࣌ؒΛ֬อ͢Δ
    

    View Slide

59. 36
    ݄ʹ5XJUUFS Ͱඳ͍ͨϚϯΨɺΠϥετ
    

    View Slide

60. 10,000RT
    ͦͷ͏ͪ ͕݅
    

    View Slide

61. 17 47 152 259
    5XJUUFS Ͱͷϒϩάͷ
    એ఻Λগ͠ม͑ͯΈͨ
    

    View Slide

62. σβΠφʔͷൃ৴͕ۤखͳཧ༝
    

    View Slide

63. ·
    ͱ
    Ί
    Ξ΢
    τϓο
    τ͸࣭ΑΓྔ
    ະདྷͷ͡ͿΜ΁ͷ౤ࢿͩͱ৺ಘΔ
    ൃ৴͢Δଆɺࣗ෼ΛചΔଆʹͳΔ
    

    View Slide

64. ·ͱΊ
    05
    

    View Slide

65. Ϣ
    ồ
    β
    ồ
    Θͨ͠
    

    View Slide

66. Ϣ
    ồ
    β
    ồ
    Θͨ͠
    σΟ
    ϨΫλʔ
    ΫϥΠΞϯ
    τ
    ΤϯδχΞ
    

    View Slide

67. ͍͍σβΠϯͬͯͳʹ
    ʁ
    σβΠϯ͸୭ͷͨΊʁ
    

    View Slide

68. ϢʔβʔͷͨΊͰ͋Γ
    ͓٬͞ΜͷͨΊͰ͋Γ
    νʔϜͷΈΜͳͷͨΊͰ΋͋Δ
    

    View Slide

69. ͍͍σβΠϯ͸
    ʮͦͷؾʯ
    ʹͳΔ
    

    View Slide