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
Design for Behavior and Impact
Search
kenshir0f
August 22, 2018
Design
9
5k
Design for Behavior and Impact
2018/08/22で発表したTech Kitchen #17 の登壇資料です。
CIID Summer School 2018で学んだデザインと行動についての話をしました。
kenshir0f
August 22, 2018
Tweet
Share
More Decks by kenshir0f
See All by kenshir0f
Figma with Cookpad
kenshir0f
16
15k
How Cookpad use Figma
kenshir0f
3
850
Easy Semantic HTML Structure for Komerco Team
kenshir0f
5
6k
Cookpad Spring Internship 2019 Service Development Course
kenshir0f
2
1.2k
Cookpad TechConf 2019 Komerco Service Dev
kenshir0f
14
9.6k
Introduce Atomic Design with small rework
kenshir0f
3
260
Basic css note for Komerco Team
kenshir0f
6
7.9k
tech-kitchen-#16-komerco-design
kenshir0f
4
5.6k
s-dev-talks#2-komerco-team-building
kenshir0f
4
880
Other Decks in Design
See All in Design
太田博三(@usagisan2020)
otanet
0
230
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
ZKK_001.pdf
nicholaspegu
0
1.5k
発表資料テンプレート / My slide template
thatblue
0
220
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
720
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
180
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
480
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.1k
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.8k
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
210
Dive Deep into Communication
yomtsu
0
210
Featured
See All Featured
Site-Speed That Sticks
csswizardry
4
400
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
Into the Great Unknown - MozCon
thekraken
35
1.6k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
KATA
mclloyd
29
14k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
Building an army of robots
kneath
303
45k
Scaling GitHub
holman
459
140k
Transcript
Cookpad Tech Kitchen #17 2018.08.22 Design for Behavior & Impact
౻Ҫݠ࢜࿕
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
౻Ҫݠ࢜࿕ @kenshir0f ΫοΫύουגࣜձࣾ ,PNFSDPࣄۀ෦σβΠφʔ ৽ଔೖࣾࣾձਓ ,PNFSDPͷσβΠϯશମΛ୲ ࠷ۙͣͬͱ3FBDUॻ͍ͯ·͢ ࣗݾհ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
͔ΒʮσβΠϯͱߦಈʯʹֶ͍ͭͯΜͩ͜ͱΛ͓͠͠·͢
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
GRID Impact www.gridimpact.org @grid_impact CIID Summer School UN City, 2018
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
"MFYBOESB'JPSJMMP "EBN-JUUMF ϫʔΫγϣοϓͷߨࢣ
Design for Behavior
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
Έͳ͞ΜͷৗͷதͰม͑Α͏ͱ͍ͯ͠Δߦಈʁ ՝ 8IBUCFIBWJPSEPZPVUSZUPDIBOHFJOZPVSMJGF
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ͦͷߦಈΛม͑ΒΕͳ͍ݪҼԿͰ͔͢ʁ ՝ 8IBUBSFUIFCBSSJFSTUPDIBOHJOHUIBUCFIBWJPS
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ߦಈΛม͑Δʹʁ ਓͷҙࣝΛม͑ΔͷͰͳ͘ɺڥΛม͑Δ͜ͱ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ͳͥਓͰͳ͘ڥΛม͑Δʁ ਓΛม͑Δ͜ͱͱ͍ͯ͠ɻ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
1. ໌ૣى͖ͯ͠LNΔͧʂʂ ". ͍ʜ͏ͪΐͬͱ͚ͩஂʹʜ Α͋͘Δγʔϯ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
1. ໌ͦ͜ૣى͖ͯ͠Δʂʂ ". ;[[ ໌ؤுΖ͏ʜ ͦͯ࣍͠ͷ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
1. ". ͦͯ࣍͠ͷ ಉҰਓ ໌ͦ͜ૣى͖ͯ͠Δʂʂ ;[[ ໌ؤுΖ͏ʜ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
1. ". ͦͯ࣍͠ͷ ಉҰਓ ໌ͦ͜ૣى͖ͯ͠Δʂʂ ;[[ ໌ؤுΖ͏ʜ ҙ͕ࣝҧ͏
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ਓঢ়گʹΑͬͯҙ͕ࣝมΘΔ ɾલͷ࣌ͱͷே࣌Ͱ·ΔͰผਓ ɾԿࣦഊ͍ͯ͠Δ͜ͱΛ͍ͬͯΔ͕ɺߦಈͰ͖͍ͯͳ͍ ɾਓΛม͑Δ͜ͱඇৗʹ͍͠ ɾਓͷҙࣝҰఆͰͳ͍
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ߦಈΛม͑Δʹʁ ਓͷҙࣝΛม͑ΔͷͰͳ͘ɺڥΛม͑Δ͜ͱ
ਓͷߦಈΛม͑ΔʹڥΛม͑Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ߦಈΛม͑Δʹʁ ਓͷҙࣝΛม͑ΔͷͰͳ͘ɺڥΛม͑Δ͜ͱ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
λʔήοτϢʔβʔͷಛఆͷߦಈΛऔΓר͘ڥΛม͑Δ͜ͱ ߦಈΛม͑Δʹʁ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ϢʔβʔΛߜΔ λʔήοτϢʔβʔͷಛఆͷߦಈΛऔΓר͘ڥΛม͑Δ͜ͱ ߦಈΛม͑Δʹʁ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ϢʔβʔΛߜΔ λʔήοτϢʔβʔͷಛఆͷߦಈΛऔΓר͘ڥΛม͑Δ͜ͱ ߦಈΛม͑Δʹʁ ߦಈΛߜΔ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ϢʔβʔΛߜΔ λʔήοτϢʔβʔͷಛఆͷߦಈΛऔΓר͘ڥΛม͑Δ͜ͱ ߦಈΛม͑Δʹʁ ߦಈΛߜΔ Ͳ͏Δͷ͔ʁ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ڥΛม͑Δεςοϓ ͦͷߦಈ͕ൃੜ͍ͯ͠ΔڥΛΔ λʔήοτϢʔβʔͷߦಈΛΔ ڥΛগ͠ม͑ͯߦಈΛ؍͢Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ͦͷߦಈ͕ൃੜ͍ͯ͠ΔڥΛΔ λʔήοτϢʔβʔͷߦಈΛΔ ڥΛগ͠ม͑ͯߦಈΛ؍͢Δ ܁Γฦ͢ ڥΛม͑Δεςοϓ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ͦͷߦಈ͕ൃੜ͍ͯ͠ΔڥΛΔ λʔήοτϢʔβʔͷߦಈΛΔ ڥΛগ͠ม͑ͯߦಈΛ؍͢Δ ܁Γฦ͢ ͦͦͳͥͦͷߦಈΛͨ͠ͷ͔ʁ ڥΛม͑Δεςοϓ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ͦͷߦಈ͕ൃੜ͍ͯ͠ΔڥΛΔ λʔήοτϢʔβʔͷߦಈΛΔ ڥΛগ͠ม͑ͯߦಈΛ؍͢Δ ܁Γฦ͢ ͦͦͳͥͦͷߦಈΛͨ͠ͷ͔ʁ ߦಈՊֶ͕ڧ͍ຯํʹͳΔ ڥΛม͑Δεςοϓ
ߦಈՊֶͱ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ߦಈՊֶͱ ͳͥਓ͕ͦͷҙࢥܾఆΛͨ͠ͷ͔ɺ ͳͥਓ͕ͦͷߦಈΛͱͬͨͷ͔ɺ ਓͱߦಈʹ͍ͭͯͷཧղΛਂΊΔ͜ͱʹཱͭࣝ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ߦಈՊֶΛΔ͜ͱͷϝϦοτ ɾϢʔβʔͷҙࢥܾఆͱߦಈʹେ͖ͳӨڹΛ༩͑Δ ɹখ͞ͳཁҼΛݟ͚ͭΔ͜ͱʹཱͭ ɾϢʔβʔͷόΠΞεΛऔΓআ͘ɺ·ͨόΠΞε͚ͨΓ͢Δ͜ͱͰ ɹҙࢥܾఆΛ༠ಋͰ͖Δ ɾϢʔβʔͷߦಈʹؔ͢ΔԾઆΛཱͯɺ ɹͦͷԾઆΛݕূ͢ΔͨΊͷཁૉͱཱͯͭ͠
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ߦಈՊֶΛΔ͜ͱͷϝϦοτ όΠΞεʁʁʁ ɾϢʔβʔͷҙࢥܾఆͱߦಈʹେ͖ͳӨڹΛ༩͑Δ ɹখ͞ͳཁҼΛݟ͚ͭΔ͜ͱʹཱͭ ɾϢʔβʔͷόΠΞεΛऔΓআ͘ɺ·ͨόΠΞε͚ͨΓ͢Δ͜ͱͰ ɹҙࢥܾఆΛ༠ಋͰ͖Δ ɾϢʔβʔͷߦಈʹؔ͢ΔԾઆΛཱͯɺ ɹͦͷԾઆΛݕূ͢ΔͨΊͷཁૉͱཱͯͭ͠
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
όΠΞε #JBT ͱ ɾજࡏతʹਓόΠΞεΛ͍࣋ͬͯΔ ɾਓ͕ීวతʹऔΔߦಈͷ ɾͯ͢ͷਓʹͯ·ΔΘ͚Ͱͳ͍ ɾਓ͕ͳͥͦͷߦಈΛͨ͠ͷ͔ͷཧղʹཱͭ
όΠΞεͷྫ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
όΠΞεͷͭͷΧςΰϦ ɾ%FDJTJPO.BLJOH#JBT ɾ5JNF*ODPOTJTUFODZ#JBT ɾ1SPCBCJMJUZBOE#FMJFG#JBT ɾ4PDJBM#JBT
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
%FDJTJPO.BLJOH#JBTҙࢥܾఆόΠΞε ɾ)BTTMF'BDUPST ɾ$IBOOFM'BDUPST ɾ.FOUBM"DDPVOUJOH ɾ-PTT"WFSTJPO ɾ$POGJSNBUJPO#JBT ɾ'SBNJOH ϑϨʔϛϯάޮՌ ແࢷڇೕ ࢷڇೕ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
5JNF*ODPOTJTUFODZ#JBTFT࣌ؒෆ߹ੑόΠΞε ɾ)ZQFSCPMJD%JTDPVOUJOH ɾ1MBOOJOH'BMMBDZ ɾ*OUFOUJPO"DUJPO(BQ ɾ-JNJUFE"UUFOUJPO ɾ1SFTFOU#JBT ԕ͍ະདྷͱ͍ۙະདྷ ԕ͍কདྷͳΒͯΔ͕ɺ͍ۙকདྷͳΒͯͳ͍ ɾࠓສԁΒ͏͔ɺ໌ສԁΒ͏ʁ ɾޙສԁΒ͏͔ɺޙສԁΒ͏ʁ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
1SPCBCJMJUZBOE#FMJFG#JBTFT֬ͱ৴͡ࠐΈͷόΠΞε ɾ"WBJMBCJMJUZ#JBT ɾ1SJNJOH ɾ3FDFODZ#JBT ɾ-PTT"WFSTJPO ɾ0TUSJDI&GGFDU ɾ"ODIPSJOH ΞϯΧϦϯάޮՌ ԁ ԁ ࠷ॳʹணͨ͠ใʹӨڹ͞Ε͍͢
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
4PDJBM#JBTFTࣾձόΠΞε ɾ4PDJBM/PSNT ɾ4UBUVT2VP#JBT ɾ4PDJBM1SPPG ɾ3FDJQSPDJUZ ɾ)BMP&GGFDU ݱঢ়ҡ࣋όΠΞε ະͳͷΑΓݱঢ়ҡ࣋Λબͼ͕ͪ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
όΠΞεΛΔͱਓͷߦಈ͕ཧղ͘͢͠ͳΔ
Behavioral Design Process
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ͦͷߦಈ͕ൃੜ͍ͯ͠ΔڥΛΔ λʔήοτϢʔβʔͷߦಈΛΔ ڥΛগ͠ม͑ͯߦಈΛ؍͢Δ ܁Γฦ͢ ڥΛม͑Δεςοϓ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ͦͷߦಈ͕ൃੜ͍ͯ͠ΔڥΛΔ λʔήοτϢʔβʔͷߦಈΛΔ ڥΛগ͠ม͑ͯߦಈΛ؍͢Δ ڥΛม͑Δεςοϓ %FGJOF %JBHOPTF %FTJHO &YQFSJNFOU ߦಈσβΠϯϑϨʔϜϫʔΫ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ߦಈσβΠϯϑϨʔϜϫʔΫ %FGJOF՝Λఆٛ͢Δ %JBHOPTFஅ͢Δ %FTJHOϓϩτλΠϓΛ࡞Δ &YQFSJNFOUݕূ͢Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ਓʑපӃʹߦ͔ͳ͍ ՝ %FGJOF՝Λఆٛ͢Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ਓʑපӃʹߦ͔ͳ͍ ՝ Ͳͷਓʑʁ ߦ͘ඞཁͳͥʁ %FGJOF՝Λఆٛ͢Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ਓͨ͠ਓʑຖͷఆظݕͰපӃʹߦ͔ͳ͍ ՝ దͳϫʔυͰ՝Λఆٛ͢Δ %FGJOF՝Λదʹఆٛ͢Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
%JBHOPTFஅ͢Δ ɾώΞϦϯά؍Λ͢Δ ɾϖϧιφΛ࡞Δ ɾδϟʔχʔϚοϓΛ࡞Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
%FTJHOϓϩτλΠϓΛ࡞Δ ϢʔβʔͷߦಈͰͬͱ োนͱͳΔ෦Λղܾ͢Δ σβΠϯΛ࡞Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
&YQFSJNFOUݕূ͢Δ ϢʔβʔͷߦಈͷมԽΛ ؍ɺੳ͢Δ
Cookpad Inc. All Rights Reserved. Cookpad Tech Kitchen #17 ð
ͦͷߦಈ͕ൃੜ͍ͯ͠ΔڥΛΔ λʔήοτϢʔβʔͷߦಈΛΔ ڥΛগ͠ม͑ͯߦಈΛ؍͢Δ ڥΛม͑Δεςοϓ %FGJOF %JBHOPTF %FTJHO &YQFSJNFOU ߦಈσβΠϯϑϨʔϜϫʔΫ
·ͱΊ ɾߦಈΛม͑ΔʹਓͰͳ͘ڥΛม͑Δ ɾόΠΞεΛΔͱਓͷߦಈͷཧղ͕ਂ·Δ ɾ%FGJOF%JBHOPTF%FTJHO&YQFSJNFOU