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
16k
How Cookpad use Figma
kenshir0f
3
880
Easy Semantic HTML Structure for Komerco Team
kenshir0f
5
6.1k
Cookpad Spring Internship 2019 Service Development Course
kenshir0f
2
1.2k
Cookpad TechConf 2019 Komerco Service Dev
kenshir0f
14
9.8k
Introduce Atomic Design with small rework
kenshir0f
3
290
Basic css note for Komerco Team
kenshir0f
6
8k
tech-kitchen-#16-komerco-design
kenshir0f
4
5.7k
s-dev-talks#2-komerco-team-building
kenshir0f
4
910
Other Decks in Design
See All in Design
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
2k
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
160
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
160
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
180
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
540
Yumika Yamada Portfolio
yumii
0
1.7k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
380
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
150
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.6k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
630
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
Featured
See All Featured
Scaling GitHub
holman
463
140k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
The Invisible Side of Design
smashingmag
301
51k
Gamification - CAS2011
davidbonilla
81
5.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
840
How to Think Like a Performance Engineer
csswizardry
27
2k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
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