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
4.8k
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
15
12k
How Cookpad use Figma
kenshir0f
3
780
Easy Semantic HTML Structure for Komerco Team
kenshir0f
5
5.8k
Cookpad Spring Internship 2019 Service Development Course
kenshir0f
2
1k
Cookpad TechConf 2019 Komerco Service Dev
kenshir0f
14
9.1k
Introduce Atomic Design with small rework
kenshir0f
3
240
Basic css note for Komerco Team
kenshir0f
6
7.6k
tech-kitchen-#16-komerco-design
kenshir0f
4
5.5k
s-dev-talks#2-komerco-team-building
kenshir0f
4
810
Other Decks in Design
See All in Design
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
2
170
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
190
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
ウェブディレクターを救うBacklog
wattlaa
0
280
素晴らしき余白の世界
kasumidyaya
1
110
3D空間を扱うUI表現とユーザビリティ
akinen
0
450
Web 組版の課題とその解法
yamatoiizuka
0
110
B/43プラスカードができるまで
putchomsmartbank
0
470
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
280
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
330
The Fight
euralisw
0
110
Jeremy's First Day
myates3
1
130
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
36
2.1k
Thoughts on Productivity
jonyablonski
58
3.8k
Code Reviewing Like a Champion
maltzj
514
39k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Teambox: Starting and Learning
jrom
128
8.4k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
A better future with KSS
kneath
231
16k
We Have a Design System, Now What?
morganepeng
43
6.7k
How STYLIGHT went responsive
nonsquared
92
4.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
21
1.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Adopting Sorbet at Scale
ufuk
68
8.6k
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