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
860
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
270
Basic css note for Komerco Team
kenshir0f
6
7.9k
tech-kitchen-#16-komerco-design
kenshir0f
4
5.7k
s-dev-talks#2-komerco-team-building
kenshir0f
4
890
Other Decks in Design
See All in Design
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.9k
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
570
Les petites aventures de CSS, saison 2025
goetter
3
4k
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
4.4k
Rayout Pattern 01
one0
0
1.7k
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
210
Tableau曲線表現講座(2024.11.21)
cielo1985
0
310
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
500
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
140
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
120
Flow, Not Stock 知識触媒としてのIA
5kaichi
0
220
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
220
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
Navigating Team Friction
lara
184
15k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Being A Developer After 40
akosma
90
590k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.6k
Designing for humans not robots
tammielis
251
25k
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