$30 off During Our Annual Pro Sale. View Details »

情緒の設計

Miwa Kuramitsu
September 14, 2019

 情緒の設計

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

Miwa Kuramitsu

September 14, 2019
Tweet

More Decks by Miwa Kuramitsu

Other Decks in Design

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