Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
情緒の設計
Search
Miwa Kuramitsu
September 14, 2019
Design
25
22k
情緒の設計
2019/09/14 UX MILK Fest 2019
登壇資料です
Miwa Kuramitsu
September 14, 2019
Tweet
Share
More Decks by Miwa Kuramitsu
See All by Miwa Kuramitsu
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
880
意志と、デザインと、ときどきお金
transit_kix
4
3.3k
ノベルティの勘所 / Communication DesignNight vol.01
transit_kix
0
1.3k
しくみで考え、しくみで動かす / DESIGNWAVEvol.04
transit_kix
7
3.6k
デザインスプリントの組織導入と活用について
transit_kix
5
5.9k
デザイン落とし穴 - 抜け出すための傾向と対策 -
transit_kix
10
25k
日常から学ぶデザイン(道具と体験の関係性)
transit_kix
6
2.2k
Other Decks in Design
See All in Design
Haley's adventure chase
ivettetwin
0
220
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
670
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
320
CMS管理画面のアクセシビリティ
magi1125
1
270
DC Style Redesign
mcduckyart
0
120
Liquid Iron
mcduckyart
1
100
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
180
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
380
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.6k
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
minpaku-community-scrum-patterns
norinity1103
1
110
AIで加速するアクセシビリティのこれから
magi1125
3
510
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Code Review Best Practice
trishagee
68
18k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Building an army of robots
kneath
306
45k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
34k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Transcript
ॹͷ ઃܭ Miwa Kuramitsu 2019/09/14 UX MILK Fest 2019
UX MILK Fest 2019 Miwa Kuramitsu ޫ ඒ σβΠφʔɻΫοΫύου גࣜձࣾσβΠϯઓུ෦෦
ɻαʔϏεͷʹඞཁ ͳσβΠϯΛ͍͘Ζ͍Ζ Γ·͢ɻ ओͳྖҬମݧઃܭɺiOS/ AndroidΞϓϦͷUIσβΠ ϯɺ σβΠϯεϓϦϯτɺ ϩΰ(CI/VI)ɺΠϥετϨʔ γϣϯɺσβΠφʔ৫ͷ ϚωδϝϯτͳͲɻ ৗ͕ͪΐͬͱָ͚ͩ͘͠ ͳΔΑ͏ͳσβΠϯ͕͖ Ͱ͢ɻ @transitkix
UX MILK Fest 2019 Miwa Kuramitsu
UX MILK Fest 2019 Miwa Kuramitsu ੜΈͷͰ͢
UX MILK Fest 2019 Miwa Kuramitsu
CHAPTER. ॹͱ 01
UX MILK Fest 2019 Miwa Kuramitsu ࣄʹ৮Εͯى͜Δ͞·͟·ͷඍົͳײɻ ·ͨɺͦͷײΛىͤ͜͞Δಛघͳงғؾɻ ॹ
UX MILK Fest 2019 Miwa Kuramitsu http://www.kongoji.org/sepo/2010_1/2010_01.html ྫ.͋ͳͨͷੜ׆ʹᛉΛऔΓೖΕͯΈͯΈͯ ͍ͩ͘͞ɻਖ਼͍͠ΓํҎԼͰ͢ɻ Ұ.ਖ਼͘͠࠲Δ
Ұ.ޢ๏Λএ͑Δ Ұ.๏քఆҹΛ݁Ϳ Ұ.ઢΛඓͷ಄ͷͱ͜Ζʹஔ͘(؟) Ұ.తͷ༰ͷੈքʹ͍Δ Ұ.ऴΘͬͨΒɺޢ๏Λএ͑ɺ࠲Λ։͘
UX MILK Fest 2019 Miwa Kuramitsu headspace https://www.headspace.com Headspace: Meditation
& Sleep )FBETQBDF*OD
UX MILK Fest 2019 Miwa Kuramitsu Ұ.ਖ਼͘͠࠲Δ Ұ.ޢ๏Λএ͑Δ Ұ.๏քఆҹΛ݁Ϳ Ұ.ઢΛඓͷ಄ͷͱ͜Ζ
ʹஔ͘(؟) Ұ.తͷ༰ͷੈքʹ ͍Δ Ұ.ऴΘͬͨΒɺޢ๏Λ এ͑ɺ࠲Λ։͘ Ͳ͕ͬͪ͡ΊΒΕͦ͏ʁ
UX MILK Fest 2019 Miwa Kuramitsu ॹΛੜΉ͜ͱ ৺ཧతোนΛগͳ͘͠ ਓͷߦಈΛม͑ ϓϩμΫτͷݸੑʹͳΔ
CHAPTER. ॹͷઃܭ 02
UX MILK Fest 2019 Miwa Kuramitsu ͑Α͏ɺॹے
UX MILK Fest 2019 Miwa Kuramitsu ॹʁ Feeling ͑Α͏ɺॹے
UX MILK Fest 2019 Miwa Kuramitsu σβΠφʔFeelingಛੑ͕ଟ͍ 16personalitiesͷΫοΫύουࣾͰͷ݁Ռௐ https://www.16personalities.com "
" " " Thinking Feeling " Designer ͑Α͏ɺॹے
UX MILK Fest 2019 Miwa Kuramitsu 16personalitiesͷΫοΫύουࣾͰͷ݁Ռௐ https://www.16personalities.com # #
# " " " " Thinking Feeling # " # Engineer # ͑Α͏ɺॹے σβΠφʔFeelingಛੑ͕ଟ͍
UX MILK Fest 2019 Miwa Kuramitsu ɹɹिใʮࠓिͷྑ͔ͬͨʯ • िใͰνʔϜϝϯόʔ1ਓ1ਓ͕ྑ͍ମݧΛޠΔ •
ੈքΛݟΔ͕͢͜͠มΘΔ • ʮ͜ͷલͷ͋Εɺ͏ͪͷࢪࡦͰԠ༻Ͱ͖ΔΜ͡Όͳ͍ʁʯ Try ͑Α͏ɺॹے
UX MILK Fest 2019 Miwa Kuramitsu ͑Α͏ɺॹے
UX MILK Fest 2019 Miwa Kuramitsu …ͦ͏ݴͬͯ ΞΠσΞࢪࡦͷےͷྑ͞ ݁ہηϯεͳͷͰʁ ͑Α͏ɺॹے
UX MILK Fest 2019 Miwa Kuramitsu ɹɹಓͳےτϨཪΒͳ͍ʂ σοαϯ ߴσϞʢSPRINT) ͑Α͏ɺॹے
Try
UX MILK Fest 2019 Miwa Kuramitsu ۩ݱͱநͷ ෮ԣͼ
UX MILK Fest 2019 Miwa Kuramitsu ΞΠσΞΛ۩ݱԽ͢Δ͜ͱ͕ நϨΠϠʔͷໄΛΒ͢ ۩ݱͱநͷ෮ԣͼ
UX MILK Fest 2019 Miwa Kuramitsu σβΠφʔͷٯਪ Ҿ༻ɿTwitter @manabuueno https://twitter.com/manabuueno/status/1150082064609267712
۩ݱͱநͷ෮ԣͼ
UX MILK Fest 2019 Miwa Kuramitsu ۩ݱԽ֮ͯ͢͠Δ ॠൃྗͷϦϛολʔΛ֎͢ʹ$SB[ZT࿅शͱ͓ͯ͢͢͠Ί https://guerrillaworking.com/2017/07/31/crazy-8s/ ۩ݱͱநͷ෮ԣͼ
Try
UX MILK Fest 2019 Miwa Kuramitsu ۩ݱԽ֮ͯ͢͠Δ ۩ݱͱநͷ෮ԣͼ Try
UX MILK Fest 2019 Miwa Kuramitsu ओ؍ͱ٬؍ͷεΠονϯά
UX MILK Fest 2019 Miwa Kuramitsu ײͯ͡΄͍͠ੈք؍Λ ͲͷΑ͏ʹߏங͢Δ͔ʁ ओ؍ͱ٬؍ͷεΠονϯά ଞਓ͕ମݧ͢Δͱ
ͲͷΑ͏ʹײ͕ಈ͔͘ʁ ٬؍ ओ؍
UX MILK Fest 2019 Miwa Kuramitsu ײͯ͡΄͍͠ੈք؍Λ ͲͷΑ͏ʹߏங͢Δ͔ʁ ओ؍ͱ٬؍ͷεΠονϯά ଞਓ͕ମݧ͢Δͱ
ͲͷΑ͏ʹײ͕ಈ͔͘ʁ ٬؍ ओ؍
UX MILK Fest 2019 Miwa Kuramitsu ɹϢʔβʔετʔϦʔγʔτ ओ؍ͱ٬؍ͷεΠονϯά Try
UX MILK Fest 2019 Miwa Kuramitsu • ϕʔεߏԽγφϦΦ๏ͷΞΫςΟϏςΟγφϦΦ • ϢʔβʔͷൃݴΛਧ͖ग़͠ʹهೖ͢Δ
• ൃݴΛॻ͘ͷͰɺڧ੍తʹ։ൃऀࢹΛϦηοτ͢Δ ɹϢʔβʔετʔϦʔγʔτ ओ؍ͱ٬؍ͷεΠονϯά Try
UX MILK Fest 2019 Miwa Kuramitsu ɹϢʔβʔετʔϦʔγʔτ ࠓिͷ່ͷੜɺਓੜॳͷέʔΩख࡞Γ͍ͯ͋͛ͨ͠ ·ͩೕ৯ͩ͠ɺ1ࡀͩͱͲΜͳ৯ࡐͰͭ͘Ε҆৺ͩΖ͏…ʁ ͜ͷέʔΩɺ͔Θ͍͍ʂೕ৯ͰνϟϨϯδࡁΈͷ৯ࡐͰ࡞Εͦ͏
ͷ͘͢͝؆୯ͩͬͨͷʹɺتΜͰ৯ͯ͘͠Εͯخ͍͠… ओ؍ͱ٬؍ͷεΠονϯά Try
UX MILK Fest 2019 Miwa Kuramitsu ɹϢʔβʔετʔϦʔγʔτ ओ؍ͱ٬؍ͷεΠονϯά Try
UX MILK Fest 2019 Miwa Kuramitsu ɹϢʔβʔετʔϦʔγʔτ ओ؍ͱ٬؍ͷεΠονϯά Try
UX MILK Fest 2019 Miwa Kuramitsu ΞΫςΟϯάΞτ ϢʔβʔͷମݧΛ։ൃऀ͕ੇܶͰԋͯ͡ΈΔ͜ͱͰɺνʔϜͷཧղ͕ਐΉ Ҿ༻ɿ2015/10/24()ɹHCD-NetʮαʔϏεσβΠϯํ๏࣮ફฤʢίϯηϓτϝΠΩϯάʣୈ3ճʯΑΓ ओ؍ͱ٬؍ͷεΠονϯά
Try
CHAPTER. ࣄྫΛ ΈͯΈΑ͏ 03
UX MILK Fest 2019 Miwa Kuramitsu ΩϟϥΫλʔ σβΠϯʹ͓͚Δ ॹతΞϓϩʔν ࣄྫ
UX MILK Fest 2019 Miwa Kuramitsu Before After
UX MILK Fest 2019 Miwa Kuramitsu 2019ౙ ҭࣇٳۀத
UX MILK Fest 2019 Miwa Kuramitsu UX MILKɺࠓ͞Βʹେ͖͘׆ಈ͍ͯ͘͜͠ͱʹͳͬ ͨΜͰ͕͢ɺϦϒϥϯυΛݕ౼͍ͯ͠·͢ɻʢதུʣࠓ ͷॴͷയવͱͨ͠ΠϝʔδͰޫ͞Μͷηϯε͕߹
கͯ͠·ͯ͠ɺ͓ئ͍Ͱ͖Δͷ͕ϕετ͔ͳͱࢥ͍ͬͯ ΔͷͰ͕͢ɺঢ়گతͳͷ͋Δͱࢥ͏ͷͰҰ୴૬ஊͩ ͚ͰͬͯΒ͑ͳ͍͔ͱ…ʢҎԼจϥϒίʔϧʣ
UX MILK Fest 2019 Miwa Kuramitsu UX MILKɺࠓ͞Βʹେ͖͘׆ಈ͍ͯ͘͜͠ͱʹͳͬ ͨΜͰ͕͢ɺϦϒϥϯυΛݕ౼͍ͯ͠·͢ɻʢதུʣࠓ ͷॴͷയવͱͨ͠ΠϝʔδͰޫ͞Μͷηϯε͕߹
கͯ͠·ͯ͠ɺ͓ئ͍Ͱ͖Δͷ͕ϕετ͔ͳͱࢥ͍ͬͯ ΔͷͰ͕͢ɺঢ়گతͳͷ͋Δͱࢥ͏ͷͰҰ୴૬ஊͩ ͚ͰͬͯΒ͑ͳ͍͔ͱ…ʢҎԼจϥϒίʔϧʣ ͍͍Ͱ͢Αʔ
UX MILK Fest 2019 Miwa Kuramitsu উखʹॹے ͑ͯͨ ͖͔͚ͬΫοΫύουͷٕज़ΧϯϑΝϨϯεͷ ΩϟϥΫλʔΛݟͨ͜ͱ͔Β
UX MILK Fest 2019 Miwa Kuramitsu رϑϥοτσβΠϯɺ നࠇʹͯ͑͠ΔσβΠ ϯɺখͯ͘͞ೝͰ͖ ΔɺͻͱΫη͋Δɺද͕
࡞Γ͍͢ɺγϡʔϧͳײ ͡ͷແදɺΫϥγοΫɺ Ϩτϩͳײ͡Ͱɻ
UX MILK Fest 2019 Miwa Kuramitsu رϑϥοτσβΠϯɺ നࠇʹͯ͑͠ΔσβΠ ϯɺখͯ͘͞ೝͰ͖ ΔɺͻͱΫη͋Δɺද͕
࡞Γ͍͢ɺγϡʔϧͳײ ͡ͷແදɺΫϥγοΫɺ Ϩτϩͳײ͡Ͱɻ ͳΔ΄Ͳʁ
UX MILK Fest 2019 Miwa Kuramitsu γχΧϧɺ͔Θ͍͗ͣ͢ ແຯແषɺϚοτ ͡Ίʹݟ͔ͭͬͨ4ͭͷΩʔϫʔυ ײ͔֮ͭΈ͍ͨͷͰϜʔυϘʔυΖ͏
UX MILK Fest 2019 Miwa Kuramitsu ɹɹϜʔυϘʔυʮͳΜ͔͕ͪ͏ʯूΊΔ ͍͍Ͷʂ ͳΜ͔͕ͪ͏ʁ ※ࠓճදݱ͍ͨ͠ํͱ
Try ۩ݱͱந ܁Γฦ͢
UX MILK Fest 2019 Miwa Kuramitsu ɹɹϜʔυϘʔυʮͳΜ͔͕ͪ͏ʯूΊΔ • ʮͳΜ͔͕ͪ͏ʯॏཁͳख͕͔Γ •
ʮ͕ͪ͏ʯͱݴ͑Δূڌ͕٧·͍ͬͯΔɻOKͷํ͕͍͠ɻ • ࠓճͷ߹ɺҎԼ͕ͪ͏ͶʙͱΘ͔ͬͨ • αϒΧϧɺ͓͠ΌΕɺࢠڙͬΆ͍ɺঁͷࢠͬΆ͍ Try
UX MILK Fest 2019 Miwa Kuramitsu ·ͣඳ͍ͯΈΔ
UX MILK Fest 2019 Miwa Kuramitsu
UX MILK Fest 2019 Miwa Kuramitsu Ͳ͏ʁ
UX MILK Fest 2019 Miwa Kuramitsu ͜Μͳײ͡
UX MILK Fest 2019 Miwa Kuramitsu ॳظߏͰ ϛϧΫΦδαϯ ͩͬͨʂ ࠓ໌͔͞ΕΔਅ࣮
UX MILK Fest 2019 Miwa Kuramitsu UX MILKͷਐԽΛମݱ͍ͨ͠ • ͍·
• ຖேͪΌΜͱҿΉUX • ಡΉ/୳͢/ֶͿ • ͔͜͜Β • ΑΓੜͳͷΛݱ͔Βಧ͚Δɺ࡞Δγϑτ • ࠃͷൃ৴ྗUP
UX MILK Fest 2019 Miwa Kuramitsu Ωϟϥ͕ʮୡऀʯ͔Β ʮੜ࢈ऀʯʹมΘΔ͜ͱ ͰɺใΛಧ͚Δ͚ͩͰ ͳͯ͘ੜΈग़ׂ͢
୲͏ଘࡏʹੜ·ΕมΘΓ ·͢ʂͱ͍͏ͷͲ͏ ͔ʁ
UX MILK Fest 2019 Miwa Kuramitsu ͪΐ͏Ͳࠓேɺͦ͏ ࢥͬͯͨʂ Ωϟϥ͕ʮୡऀʯ͔Β ʮੜ࢈ऀʯʹมΘΔ͜ͱ
ͰɺใΛಧ͚Δ͚ͩͰ ͳͯ͘ੜΈग़ׂ͢ ୲͏ଘࡏʹੜ·ΕมΘΓ ·͢ʂͱ͍͏ͷͲ͏ ͔ʁ
UX MILK Fest 2019 Miwa Kuramitsu ͋ͷੈքͩͱ͜Μͳਓ • ΈΜͳͷ͍ͬͯΔʮΞϨʯΛڞ௨ཧղͷࢳޱʹ͢Δ •
ώʔϩʔ/ޠ/࣮ࡏͷਓͳͲ • σβΠϯͰදݱ͍ͨ͠ࢥ/ҹ͕͙͢ΘΔ Try
UX MILK Fest 2019 Miwa Kuramitsu ͍ͭ͜Βͷ Πϝʔδ…
UX MILK Fest 2019 Miwa Kuramitsu Υʔ̋ϯάσο υ γʔζϯ3͋ͨΓ Ͱɺͳ͔ͥੜ͖
͍ͬͯΔೳఱؾ ͳͷਓʑɻ
UX MILK Fest 2019 Miwa Kuramitsu Υʔ̋ϯάσο υ γʔζϯ3͋ͨΓ Ͱɺͳ͔ͥੜ͖
͍ͬͯΔೳఱؾ ͳͷਓʑɻ …ͳΔ΄Ͳʁ )
UX MILK Fest 2019 Miwa Kuramitsu ೳఱؾ͍͍ͭ 1ϛϦͷ͏͞Μ͘͞͞ ίϯηϓτ )
ओ؍ͱ٬؍Λ ͭͳ͙
UX MILK Fest 2019 Miwa Kuramitsu
UX MILK Fest 2019 Miwa Kuramitsu
UX MILK Fest 2019 Miwa Kuramitsu Ͱ͖ͨʂ ࠷ߴʂ
UX MILK Fest 2019 Miwa Kuramitsu ηογϣϯ͕ ॹΛੜΉ
CHAPTER. ·ͱΊ 04
UX MILK Fest 2019 Miwa Kuramitsu ॹͷઃܭ ͑Α͏ɺॹے ۩ݱͱநΛ෮ԣͼ ओ؍ͱ٬؍ΛεΠονϯά
͖ͭͮAMAͰ
UX MILK Fest 2019 Miwa Kuramitsu ˇ ຖͷྉཧͱ͖߹ͬͯɺॹମݧΛେʹͷͮ͘Γ͠·ͤΜ͔ʁ σβΠφʔ69ΤϯδχΞ69ϦαʔνϟʔืूதͰ͢ ΫοΫύου
࠾༻