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
6.1k
Cookpad Spring Internship 2019 Service Development Course
kenshir0f
2
1.2k
Cookpad TechConf 2019 Komerco Service Dev
kenshir0f
14
9.7k
Introduce Atomic Design with small rework
kenshir0f
3
280
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
890
Other Decks in Design
See All in Design
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
240
sachi_y_portfolio
sachi337
0
170
今日から意識できるアクセシビリティ
fumiko
0
220
PF_濵村ひろみ_202503
maru_design78
0
150
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
280
Echoes Boomerang
artcloudyu
PRO
0
190
Marp + TailWind CSS でスライドをきれいにする
maea2
0
150
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
230
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
1.1k
クライアントワークにおける UXリサーチの実践
kozotaira
0
620
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.5k
ほしいテンプレート制作から始めるツール学習のススメ📝
60d
0
120
Featured
See All Featured
How GitHub (no longer) Works
holman
314
140k
Scaling GitHub
holman
459
140k
Statistics for Hackers
jakevdp
799
220k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
33k
Designing Experiences People Love
moore
142
24k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
24
2.8k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
A Tale of Four Properties
chriscoyier
159
23k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Art, The Web, and Tiny UX
lynnandtonic
298
21k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
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