情緒の設計

2019/09/14 UX MILK Fest 2019
登壇資料です

Transcript

1. ৘ॹͷ
   ઃܭ
   Miwa Kuramitsu
   2019/09/14
   UX MILK Fest 2019
   

   View Slide

2. UX MILK Fest 2019 Miwa Kuramitsu
   ૔ޫ ඒ࿨
   σβΠφʔɻΫοΫύου
   גࣜձࣾσβΠϯઓུ෦෦
   ௕ɻαʔϏεͷ੒௕ʹඞཁ
   ͳσβΠϯΛ޿͍͘Ζ͍Ζ
   ΍Γ·͢ɻ
   ओͳྖҬ͸ମݧઃܭɺiOS/
   AndroidΞϓϦͷUIσβΠ
   ϯɺ σβΠϯεϓϦϯτɺ
   ϩΰ(CI/VI)ɺΠϥετϨʔ
   γϣϯɺσβΠφʔ૊৫ͷ
   ϚωδϝϯτͳͲɻ
   ೔ৗ͕ͪΐͬͱָ͚ͩ͘͠
   ͳΔΑ͏ͳσβΠϯ͕޷͖
   Ͱ͢ɻ
   @transitkix
   

   View Slide

3. UX MILK Fest 2019 Miwa Kuramitsu
   

   View Slide

4. UX MILK Fest 2019 Miwa Kuramitsu
   ੜΈͷ਌Ͱ͢
   

   View Slide

5. UX MILK Fest 2019 Miwa Kuramitsu
   

   View Slide

6. CHAPTER. ৘ॹͱ͸
   01
   

   View Slide

7. UX MILK Fest 2019 Miwa Kuramitsu
   ࣄʹ৮Εͯى͜Δ͞·͟·ͷඍົͳײ৘ɻ
   ·ͨɺͦͷײ৘Λىͤ͜͞Δಛघͳงғؾɻ
   ৘ॹ
   

   View Slide

8. UX MILK Fest 2019 Miwa Kuramitsu http://www.kongoji.org/sepo/2010_1/2010_01.html
   ྫ.͋ͳͨͷੜ׆ʹᛉ૝ΛऔΓೖΕͯΈͯΈͯ
   ͍ͩ͘͞ɻਖ਼͍͠΍Γํ͸ҎԼͰ͢ɻ
   Ұ.ਖ਼͘͠࠲Δ
   Ұ.ޢ਎๏Λএ͑Δ
   Ұ.๏քఆҹΛ݁Ϳ
   Ұ.໨ઢΛඓͷ಄ͷͱ͜Ζʹஔ͘(൒؟)
   Ұ.໨తͷ಺༰ͷੈքʹ͸͍Δ
   Ұ.ऴΘͬͨΒɺޢ਎๏Λএ͑ɺ࠲Λ։͘
   

   View Slide

9. UX MILK Fest 2019 Miwa Kuramitsu
   headspace
   https://www.headspace.com
   Headspace:
   Meditation
   & Sleep
   )FBETQBDF*OD
   

   View Slide

10. UX MILK Fest 2019 Miwa Kuramitsu
    Ұ.ਖ਼͘͠࠲Δ
    Ұ.ޢ਎๏Λএ͑Δ
    Ұ.๏քఆҹΛ݁Ϳ
    Ұ.໨ઢΛඓͷ಄ͷͱ͜Ζ
    ʹஔ͘(൒؟)
    Ұ.໨తͷ಺༰ͷੈքʹ͸
    ͍Δ
    Ұ.ऴΘͬͨΒɺޢ਎๏Λ
    এ͑ɺ࠲Λ։͘
    Ͳ͕ͬͪ͸͡ΊΒΕͦ͏ʁ
    

    View Slide

11. UX MILK Fest 2019 Miwa Kuramitsu
    ৘ॹΛੜΉ͜ͱ͸
    ৺ཧతোนΛগͳ͘͠
    ਓͷߦಈΛม͑
    ϓϩμΫτͷݸੑʹ΋ͳΔ
    

    View Slide

12. CHAPTER. ৘ॹͷઃܭ
    02
    

    View Slide

13. UX MILK Fest 2019 Miwa Kuramitsu
    ஁͑Α͏ɺ৘ॹے
    
    

    View Slide

14. UX MILK Fest 2019 Miwa Kuramitsu
    ৘ॹʁ
    Feeling
    ஁͑Α͏ɺ৘ॹے
    

    View Slide

15. UX MILK Fest 2019 Miwa Kuramitsu
    σβΠφʔ͸Feelingಛੑ͕ଟ͍
    16personalitiesͷΫοΫύουࣾ಺Ͱͷ݁Ռௐ΂
    https://www.16personalities.com
    "
    "
    "
    "
    Thinking Feeling
    "
    Designer
    ஁͑Α͏ɺ৘ॹے
    

    View Slide

16. UX MILK Fest 2019 Miwa Kuramitsu
    16personalitiesͷΫοΫύουࣾ಺Ͱͷ݁Ռௐ΂
    https://www.16personalities.com
    #
    #
    #
    "
    "
    "
    "
    Thinking Feeling
    #
    "
    #
    Engineer
    #
    ஁͑Α͏ɺ৘ॹے
    σβΠφʔ͸Feelingಛੑ͕ଟ͍
    

    View Slide

17. UX MILK Fest 2019 Miwa Kuramitsu
    ɹɹिใʮࠓिͷྑ͔ͬͨʯ
    • िใͰνʔϜϝϯόʔ1ਓ1ਓ͕ྑ͍ମݧΛޠΔ
    • ੈքΛݟΔ໨͕͢͜͠มΘΔ
    • ʮ͜ͷલͷ͋Εɺ͏ͪͷࢪࡦͰ΋Ԡ༻Ͱ͖ΔΜ͡Όͳ͍ʁʯ
    Try
    ஁͑Α͏ɺ৘ॹے
    

    View Slide

18. UX MILK Fest 2019 Miwa Kuramitsu
    ஁͑Α͏ɺ৘ॹے
    

    View Slide

19. UX MILK Fest 2019 Miwa Kuramitsu
    …ͦ͏͸ݴͬͯ΋
    ΞΠσΞ΍ࢪࡦͷےͷྑ͞͸
    ݁ہηϯεͳͷͰ͸ʁ
    ஁͑Α͏ɺ৘ॹے
    

    View Slide

20. UX MILK Fest 2019 Miwa Kuramitsu
    ɹɹ஍ಓͳےτϨ͸ཪ੾Βͳ͍ʂ
    σοαϯ ߴ଎σϞʢSPRINT)
    ஁͑Α͏ɺ৘ॹے
    Try
    

    View Slide

21. UX MILK Fest 2019 Miwa Kuramitsu
    ۩ݱͱந৅ͷ
    ൓෮ԣ௓ͼ
    
    

    View Slide

22. UX MILK Fest 2019 Miwa Kuramitsu
    ΞΠσΞΛ۩ݱԽ͢Δ͜ͱ͕
    ந৅ϨΠϠʔͷໄΛ੖Β͢
    ۩ݱͱந৅ͷ൓෮ԣ௓ͼ
    

    View Slide

23. UX MILK Fest 2019 Miwa Kuramitsu
    σβΠφʔͷٯਪ࿦
    Ҿ༻ɿTwitter @manabuueno
    https://twitter.com/manabuueno/status/1150082064609267712
    ۩ݱͱந৅ͷ൓෮ԣ௓ͼ
    

    View Slide

24. UX MILK Fest 2019 Miwa Kuramitsu
    ۩ݱԽͯ͠஌֮͢Δ
    ॠൃྗͷϦϛολʔΛ֎͢ʹ͸$SB[ZT͸࿅शͱ͓ͯ͢͢͠Ί
    https://guerrillaworking.com/2017/07/31/crazy-8s/
    ۩ݱͱந৅ͷ൓෮ԣ௓ͼ
    Try
    

    View Slide

25. UX MILK Fest 2019 Miwa Kuramitsu
    ۩ݱԽͯ͠஌֮͢Δ
    ۩ݱͱந৅ͷ൓෮ԣ௓ͼ
    Try
    

    View Slide

26. UX MILK Fest 2019 Miwa Kuramitsu
    ओ؍ͱ٬؍ͷεΠονϯά
    
    

    View Slide

27. UX MILK Fest 2019 Miwa Kuramitsu
    ײͯ͡΄͍͠ੈք؍Λ
    ͲͷΑ͏ʹߏங͢Δ͔ʁ
    ओ؍ͱ٬؍ͷεΠονϯά
    ଞਓ͕ମݧ͢Δͱ
    ͲͷΑ͏ʹײ৘͕ಈ͔͘ʁ
    ٬؍
    ओ؍
    
    

    View Slide

28. UX MILK Fest 2019 Miwa Kuramitsu
    ײͯ͡΄͍͠ੈք؍Λ
    ͲͷΑ͏ʹߏங͢Δ͔ʁ
    ओ؍ͱ٬؍ͷεΠονϯά
    ଞਓ͕ମݧ͢Δͱ
    ͲͷΑ͏ʹײ৘͕ಈ͔͘ʁ
    ٬؍
    ओ؍
    
    

    View Slide

29. UX MILK Fest 2019 Miwa Kuramitsu
    ɹϢʔβʔετʔϦʔγʔτ
    
    
    
    
    ओ؍ͱ٬؍ͷεΠονϯά
    Try
    

    View Slide

30. UX MILK Fest 2019 Miwa Kuramitsu
    • ϕʔε͸ߏ଄ԽγφϦΦ๏ͷΞΫςΟϏςΟγφϦΦ
    • ϢʔβʔͷൃݴΛਧ͖ग़͠ʹهೖ͢Δ
    • ൃݴΛॻ͘ͷͰɺڧ੍తʹ։ൃऀࢹ఺ΛϦηοτ͢Δ
    ɹϢʔβʔετʔϦʔγʔτ
    ओ؍ͱ٬؍ͷεΠονϯά
    Try
    

    View Slide

31. UX MILK Fest 2019 Miwa Kuramitsu
    ɹϢʔβʔετʔϦʔγʔτ
    
    
    
    ࠓि຤ͷ່ͷ஀ੜ೔ɺਓੜॳͷέʔΩ͸ख࡞Γ͍ͯ͋͛ͨ͠
    ·ͩ཭ೕ৯ͩ͠ɺ1ࡀͩͱͲΜͳ৯ࡐͰͭ͘Ε͹҆৺ͩΖ͏…ʁ
    ͜ͷέʔΩɺ͔Θ͍͍ʂ཭ೕ৯ͰνϟϨϯδࡁΈͷ৯ࡐͰ࡞Εͦ͏
    ΋ͷ͘͢͝؆୯ͩͬͨͷʹɺتΜͰ׬৯ͯ͘͠Εͯخ͍͠…
    
    ओ؍ͱ٬؍ͷεΠονϯά
    Try
    

    View Slide

32. UX MILK Fest 2019 Miwa Kuramitsu
    ɹϢʔβʔετʔϦʔγʔτ
    ओ؍ͱ٬؍ͷεΠονϯά
    Try
    

    View Slide

33. UX MILK Fest 2019 Miwa Kuramitsu
    ɹϢʔβʔετʔϦʔγʔτ
    ओ؍ͱ٬؍ͷεΠονϯά
    Try
    

    View Slide

34. UX MILK Fest 2019 Miwa Kuramitsu
    ΞΫςΟϯάΞ΢τ
    ϢʔβʔͷମݧΛ։ൃऀ͕ੇܶͰԋͯ͡ΈΔ͜ͱͰɺνʔϜͷཧղ͕ਐΉ
    Ҿ༻ɿ2015/10/24(౔)ɹHCD-NetʮαʔϏεσβΠϯํ๏࿦࣮ફฤʢίϯηϓτϝΠΩϯάʣୈ3ճʯΑΓ
    ओ؍ͱ٬؍ͷεΠονϯά
    Try
    

    View Slide

35. CHAPTER.
    ࣄྫΛ
    ΈͯΈΑ͏
    03
    

    View Slide

36. UX MILK Fest 2019 Miwa Kuramitsu
    ΩϟϥΫλʔ
    σβΠϯʹ͓͚Δ
    ৘ॹతΞϓϩʔν
    ࣄྫ
    

    View Slide

37. UX MILK Fest 2019 Miwa Kuramitsu
    Before After
    

    View Slide

38. UX MILK Fest 2019 Miwa Kuramitsu
    2019೥ౙ
    ҭࣇٳۀத
    

    View Slide

39. UX MILK Fest 2019 Miwa Kuramitsu
    UX MILKɺࠓ೥͞Βʹେ͖͘׆ಈ͍ͯ͘͜͠ͱʹͳͬ
    ͨΜͰ͕͢ɺϦϒϥϯυΛݕ౼͍ͯ͠·͢ɻʢதུʣࠓ
    ͷॴ๻ͷയવͱͨ͠ΠϝʔδͰ͸૔ޫ͞Μͷηϯε͕߹
    கͯ͠·ͯ͠ɺ͓ئ͍Ͱ͖Δͷ͕ϕετ͔ͳͱࢥ͍ͬͯ
    ΔͷͰ͕͢ɺঢ়گతͳ΋ͷ΋͋Δͱࢥ͏ͷͰҰ୴૬ஊͩ
    ͚Ͱ΋৐ͬͯ΋Β͑ͳ͍͔ͱ…ʢҎԼ௕จϥϒίʔϧʣ
    

    View Slide

40. UX MILK Fest 2019 Miwa Kuramitsu
    UX MILKɺࠓ೥͞Βʹେ͖͘׆ಈ͍ͯ͘͜͠ͱʹͳͬ
    ͨΜͰ͕͢ɺϦϒϥϯυΛݕ౼͍ͯ͠·͢ɻʢதུʣࠓ
    ͷॴ๻ͷയવͱͨ͠ΠϝʔδͰ͸૔ޫ͞Μͷηϯε͕߹
    கͯ͠·ͯ͠ɺ͓ئ͍Ͱ͖Δͷ͕ϕετ͔ͳͱࢥ͍ͬͯ
    ΔͷͰ͕͢ɺঢ়گతͳ΋ͷ΋͋Δͱࢥ͏ͷͰҰ୴૬ஊͩ
    ͚Ͱ΋৐ͬͯ΋Β͑ͳ͍͔ͱ…ʢҎԼ௕จϥϒίʔϧʣ
    ͍͍Ͱ͢Αʔ
    

    View Slide

41. UX MILK Fest 2019 Miwa Kuramitsu
    
    উखʹ৘ॹے
    ஁͑ͯͨ
    ͖͔͚ͬ͸ΫοΫύουͷٕज़ΧϯϑΝϨϯεͷ
    ΩϟϥΫλʔΛݟͨ͜ͱ͔Β
    

    View Slide

42. UX MILK Fest 2019 Miwa Kuramitsu
    ر๬͸ϑϥοτσβΠϯɺ
    നࠇʹͯ͠΋଱͑ΔσβΠ
    ϯɺখͯ͘͞΋ೝ஌Ͱ͖
    ΔɺͻͱΫη͋Δɺද৘͕
    ࡞Γ΍͍͢ɺγϡʔϧͳײ
    ͡ͷແද৘ɺΫϥγοΫɺ
    Ϩτϩͳײ͡Ͱɻ
    

    View Slide

43. UX MILK Fest 2019 Miwa Kuramitsu
    ر๬͸ϑϥοτσβΠϯɺ
    നࠇʹͯ͠΋଱͑ΔσβΠ
    ϯɺখͯ͘͞΋ೝ஌Ͱ͖
    ΔɺͻͱΫη͋Δɺද৘͕
    ࡞Γ΍͍͢ɺγϡʔϧͳײ
    ͡ͷແද৘ɺΫϥγοΫɺ
    Ϩτϩͳײ͡Ͱɻ
    ͳΔ΄Ͳʁ
    

    View Slide

44. UX MILK Fest 2019 Miwa Kuramitsu
    γχΧϧɺ͔Θ͍͗ͣ͢
    ແຯແषɺϚοτ
    ͸͡Ίʹݟ͔ͭͬͨ4ͭͷΩʔϫʔυ
    ײ͔֮ͭΈ͍ͨͷͰϜʔυϘʔυ΍Ζ͏
    

    View Slide

45. UX MILK Fest 2019 Miwa Kuramitsu
    ɹɹϜʔυϘʔυ͸ʮͳΜ͔͕ͪ͏ʯ΋ूΊΔ
    ͍͍Ͷʂ ͳΜ͔͕ͪ͏ʁ
    ※ࠓճදݱ͍ͨ͠ํ޲ͱ͸
    Try
    
    ۩ݱͱந৅
    ܁Γฦ͢
    

    View Slide

46. UX MILK Fest 2019 Miwa Kuramitsu
    ɹɹϜʔυϘʔυ͸ʮͳΜ͔͕ͪ͏ʯ΋ूΊΔ
    • ʮͳΜ͔͕ͪ͏ʯ͸ॏཁͳख͕͔Γ
    • ʮ͕ͪ͏ʯͱݴ͑Δূڌ͕٧·͍ͬͯΔɻOKͷํ͕೉͍͠ɻ
    • ࠓճͷ৔߹ɺҎԼ͸͕ͪ͏ͶʙͱΘ͔ͬͨ
    • αϒΧϧɺ͓͠ΌΕɺࢠڙͬΆ͍ɺঁͷࢠͬΆ͍
    Try
    

    View Slide

47. UX MILK Fest 2019 Miwa Kuramitsu
    ·ͣ͸ඳ͍ͯΈΔ
    

    View Slide

48. UX MILK Fest 2019 Miwa Kuramitsu
    

    View Slide

49. UX MILK Fest 2019 Miwa Kuramitsu
    Ͳ͏ʁ
    

    View Slide

50. UX MILK Fest 2019 Miwa Kuramitsu
    ͜Μͳײ͡
    

    View Slide

51. UX MILK Fest 2019 Miwa Kuramitsu
    ॳظߏ૝Ͱ͸
    ϛϧΫΦδαϯ
    ͩͬͨʂ
    ࠓ໌͔͞ΕΔਅ࣮
    

    View Slide

52. UX MILK Fest 2019 Miwa Kuramitsu
    UX MILKͷਐԽΛମݱ͍ͨ͠
    • ͍·
    • ຖேͪΌΜͱҿΉUX
    • ಡΉ/୳͢/ֶͿ
    • ͔͜͜Β
    • ΑΓੜͳ΋ͷΛݱ஍͔Βಧ͚Δɺ࡞Δ΁γϑτ
    • ࠃ಺ͷൃ৴ྗUP
    

    View Slide

53. UX MILK Fest 2019 Miwa Kuramitsu
    Ωϟϥ͕ʮ഑ୡऀʯ͔Β
    ʮੜ࢈ऀʯʹมΘΔ͜ͱ
    Ͱɺ৘ใΛಧ͚Δ͚ͩͰ
    ͸ͳͯ͘ੜΈग़͢໾ׂ΋
    ୲͏ଘࡏʹੜ·ΕมΘΓ
    ·͢ʂͱ͍͏ͷ͸Ͳ͏
    ͔ʁ
    

    View Slide

54. UX MILK Fest 2019 Miwa Kuramitsu
    ͪΐ͏Ͳࠓேɺ๻΋ͦ͏
    ࢥͬͯͨʂ
    Ωϟϥ͕ʮ഑ୡऀʯ͔Β
    ʮੜ࢈ऀʯʹมΘΔ͜ͱ
    Ͱɺ৘ใΛಧ͚Δ͚ͩͰ
    ͸ͳͯ͘ੜΈग़͢໾ׂ΋
    ୲͏ଘࡏʹੜ·ΕมΘΓ
    ·͢ʂͱ͍͏ͷ͸Ͳ͏
    ͔ʁ
    

    View Slide

55. UX MILK Fest 2019 Miwa Kuramitsu
    ͋ͷੈքͩͱ͜Μͳਓ
    • ΈΜͳͷ஌͍ͬͯΔʮΞϨʯΛڞ௨ཧղͷࢳޱʹ͢Δ
    • ώʔϩʔ/෺ޠ/࣮ࡏͷਓ෺ͳͲ
    • σβΠϯͰදݱ͍ͨ͠ࢥ૝/ҹ৅͕͙͢఻ΘΔ
    Try
    

    View Slide

56. UX MILK Fest 2019 Miwa Kuramitsu
    ͍ͭ͜Βͷ
    Πϝʔδ͸…
    

    View Slide

57. UX MILK Fest 2019 Miwa Kuramitsu
    ΢Υʔ̋ϯάσο
    υ γʔζϯ3͋ͨΓ
    Ͱɺͳ͔ͥੜ͖
    ࢒͍ͬͯΔೳఱؾ
    ͳ೶৔ͷਓʑɻ
    

    View Slide

58. UX MILK Fest 2019 Miwa Kuramitsu
    ΢Υʔ̋ϯάσο
    υ γʔζϯ3͋ͨΓ
    Ͱɺͳ͔ͥੜ͖
    ࢒͍ͬͯΔೳఱؾ
    ͳ೶৔ͷਓʑɻ
    …ͳΔ΄Ͳʁ
    )
    

    View Slide

59. UX MILK Fest 2019 Miwa Kuramitsu
    ೳఱؾ͍͍΍ͭ
    1ϛϦͷ͏͞Μ͘͞͞
    ίϯηϓτ
    )
    
    ओ؍ͱ٬؍Λ
    ͭͳ͙
    

    View Slide

60. UX MILK Fest 2019 Miwa Kuramitsu
    

    View Slide

61. UX MILK Fest 2019 Miwa Kuramitsu
    

    View Slide

62. UX MILK Fest 2019 Miwa Kuramitsu
    Ͱ͖ͨʂ
    ࠷ߴʂ
    

    View Slide

63. UX MILK Fest 2019 Miwa Kuramitsu
    ηογϣϯ͕
    ৘ॹΛੜΉ
    

    View Slide

64. CHAPTER. ·ͱΊ
    04
    

    View Slide

65. UX MILK Fest 2019 Miwa Kuramitsu
    ৘ॹͷઃܭ
    ஁͑Α͏ɺ৘ॹے
    ۩ݱͱந৅Λ൓෮ԣ௓ͼ
    ओ؍ͱ٬؍ΛεΠονϯά
    ͖ͭͮ͸AMAͰ
    

    View Slide

66. UX MILK Fest 2019 Miwa Kuramitsu
    ˇ
    ຖ೔ͷྉཧͱ޲͖߹ͬͯɺ৘ॹ΍ମݧΛେ੾ʹ΋ͷͮ͘Γ͠·ͤΜ͔ʁ
    σβΠφʔ69ΤϯδχΞ69ϦαʔνϟʔืूதͰ͢
    ΫοΫύου ࠾༻
    

    View Slide