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
Hiroaki WAKATSUKI - Cookpad TechConf 2017
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
puzzeljp
January 21, 2017
Design
2
9.3k
Hiroaki WAKATSUKI - Cookpad TechConf 2017
「サービス開発におけるデザインの取り組み方」
puzzeljp
January 21, 2017
Tweet
Share
More Decks by puzzeljp
See All by puzzeljp
「料理の追体験」を実現するデザイン
puzzeljp
6
11k
「いま」と「むかし」
puzzeljp
0
130
sketch.app 基礎講座
puzzeljp
0
680
Life is Tech! の 4 回目の夏。
puzzeljp
0
140
Hack 4 Good Teens (TEAM C) ちっちとゆかいな仲間たち
puzzeljp
0
140
Other Decks in Design
See All in Design
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
1
200
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
200
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
550
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
380
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
730
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
390
hicard_credential_202601
hicard
0
150
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
shikichee
2
3.3k
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
430
Franks Myth
gfht1
1
410
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.1k
Featured
See All Featured
Visualization
eitanlees
150
17k
KATA
mclloyd
PRO
34
15k
Deep Space Network (abreviated)
tonyrice
0
49
sira's awesome portfolio website redesign presentation
elsirapls
0
150
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
100
30 Presentation Tips
portentint
PRO
1
220
Leo the Paperboy
mayatellez
4
1.4k
The browser strikes back
jonoalderson
0
390
Between Models and Reality
mayunak
1
190
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.6k
Transcript
αʔϏε։ൃʹ͓͚Δ σβΠϯͷऔΓΈํ Hiroaki WAKATSUKI @puzzeljp 2017/01/21 @ Ebisu the Garden
Room. Cookpad TechConf 2017
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ "HFOEB w ࣗݾհ w ߘ։ൃ෦ͰऔΓΜͩ͜ͱ w ՁݕূͷͨΊͷϓϩτλΠ ϐϯά
w ϓϩμΫτ։ൃͱվળ w 9DPEFͷσβΠϯௐ w ·ͱΊ 2
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 3 ࣗݾհ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ए݄ܒ૱ )JSPBLJ8","546,* !QV[[FMKQ ৽ଔσβΠφʔ J04ΞϓϦɾߘ෦ͷσβΠϯ w 5FDI$POG৽ଔͷαΠτ
ͷ੍࡞ w தֶੜͷࠒ͔Β8FCαΠτ࡞ɻ w झຯɺະ։෧ͷΧηοτςʔϓΛूΊΔ͜ ͱʮΧηοτςʔϓίϨΫλʔʯͰݕࡧʂ 4 ࣗݾհ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ࣗݾհ ݄ೖࣾϢʔβʔϑΝʔετਪਐࣨଐ ΞϧόΠτ 5
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ࣗݾհ ݄ೖࣾϢʔβʔϑΝʔετਪਐࣨଐ ΞϧόΠτ ݄৽ଔͱͯࣾ͠һʹ 6
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ࣗݾհ ݄ೖࣾϢʔβʔϑΝʔετਪਐࣨଐ ΞϧόΠτ ݄৽ଔͱͯࣾ͠һʹ ݄ߘ։ൃ෦ଐ 7
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 8 σβΠφʔͷࣄʺը໘σβΠϯ ຊͷ͓
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 9 ΫοΫύου৽ଔ ߘ։ൃ෦ଐ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ϨγϐΛॻ͘ը໘ͷվળ৽ػೳͷ։ൃ ΫοΫύου৽ଔ ߘ։ൃ෦ ଐ 10
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 11 ߘ։ൃ෦ શһͰϒϨετ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 12 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 13 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ ΞαΠϯ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 14 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ ΞαΠϯ ༷ܾఆ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 15 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ ΞαΠϯ ༷ܾఆ ϓϩτλΠϐϯάɾσβΠϯ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ ։ൃϑϩʔ 16 ߘ։ൃ෦ શһͰϒϨετ ,1*ʹج͍ͮͯΔ͔Βͳ͍͔Λδϟοδ ΞαΠϯ ༷ܾఆ ϓϩτλΠϐϯάɾσβΠϯ
࣮
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 17 ߘ։ൃ෦ ՁݕূͷͨΊͷϓϩτλΠϐϯά
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 18 ՁݕূͷͨΊͷ ϓϩτλΠϐϯά ߘ։ൃ෦ NEW! ʮϨγϐΛۙʹײ͡Δʯ͜ͱ͕Ͱ͖Δ ʮ৽͍͠Ϩγϐʯͱͷग़ձ͍ͷ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 19 ߘ։ൃ෦ ՁݕূͷͨΊͷ ϓϩτλΠϐϯά
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 20 ࣮ࡍͷϨγϐσʔλΛͬͨ͜ͱͰ w ಈ͖ͷΠϝʔδ͕ͭ͘͜ͱ w ։ൃͷίετͳͲ͕໌֬ʹ w εϐʔυײ͋Δ։ൃ͕Մೳʹ
J04൛ΫοΫύουͷʮΈΜͳͷߘʯλϒ͔Β͑Δ ߘ։ൃ෦ NEW! ՁݕূͷͨΊͷ ϓϩτλΠϐϯά ͔Βͷֶͼ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 21 ߘ։ൃ෦ ϓϩμΫτ։ൃͱվળࢪࡦ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 22 w ڞ༗ൣғΛ༑ਓՈʹݶఆͯ͠ ϨγϐΛڞ༗Ͱ͖ΔΑ͏ʹ w ࠓ·ͰɺʮΫοΫύουʹެ։ʯ ͔ʮԼॻ͖อଘʯͷͭͷঢ়ଶ͔͠ ͳ͔ͬͨ
ݶఆެ։Ϩγϐߘը໘ ڞ༗͞ΕͨϨγϐը໘ ߘ։ൃ෦ ݶఆެ։ػೳ ϓϩμΫτ։ൃ ݶఆެ։ͷߘJ04ΞϓϦͷΈ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 23 ߘ։ൃ෦ ݶఆެ։ػೳ ར༻γʔϯ ϝϞͷ༷ͳެ։͢Δ΄Ͳ͡Όͳ͍ ϨγϐΛۙͳਓʹڭ͍͑ͨ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 24 ݶఆެ։ػೳ վળࢪࡦ w ݱঢ়Ѳ w ఆྔௐࠪʢϩάͳͲʣ w
ఆੑௐࠪʢϢʔβʔΠϯλϏϡʔʣ ߘ։ൃ෦
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 25 ݶఆެ։ػೳ վળࢪࡦ w ݱঢ়Ѳ w ఆྔௐࠪʢϩάͳͲʣ w
ఆੑௐࠪʢϢʔβʔΠϯλϏϡʔʣ w Ϣʔβʔೝ֦େ w ΞϓϦ͓Βͤ w ϝʔϧ৴ w հϖʔδͷ࡞ ߘ։ൃ෦
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 26 ݶఆެ։ػೳ ͔Βͷֶͼ ΤϯδχΞͱίϛϡχέʔγϣϯΛऔΓ ඞཁͳ෦͚ͩσβΠϯΛ੍࡞͢Δ͜ͱͰ ࣌ؒॖΛߦ͑ͨ σβΠφʔ ඞཁͳσβΠϯ
Ͳ͜Ͱ͔͢ σβΠφʔ ༻ҙ͠·͢ ΤϯδχΞ ͜͜ͷσβΠϯͱ ૉࡐ͕΄͍͠Ͱ͢
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 27 ݶఆެ։ػೳ ͔Βͷֶͼ վળࢪࡦ ఆྔతʹஅͤͣఆੑతͳҙݟΛऔ ΓೖΕΔ͜ͱͰɺ ࣍ͷΞΫγϣϯ͕໌֬ʹͳΓɺޮՌ ͕ग़ͨ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 28 ߘ։ൃ෦ 9DPEFͰ σβΠϯௐ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 29 9DPEFͰ σβΠϯௐ w ΤϯδχΞͷۤखͳ࡞ۀͷ ݮ w σβΠϯௐͷίϛϡχέʔ
γϣϯʹ͔͚Δ࣌ؒͷॖ త
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 30 9DPEFͰ σβΠϯௐ ͷྲྀΕ 1 2 3 4
5 ࠷ॳʹ 4UPSZCPBSEͷ આ໌Λฉ͘ ࢼ͠ʹ )FMMP8PSME ͯ͠ΈΔ ࣮ࡍʹ4UPSZCPBSE ͷมߋΛߦ͏ 13Λग़ͯ͠ ϨϏϡʔͯ͠Β͏ -(5.
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 31 9DPEFͰ σβΠϯௐ ؾΛ͚ͭͨ͜ͱ ίʔυॻ͔ͳ͍ɻ ˠมͳίʔυΛॻ͍ͯ͠·͏ͱ͔͑ͬͯΤϯδχΞ͕Ϩ Ϗϡʔ͢Δͷେมʹͳͬͯ͠·͏ͨΊ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 32 ˔ΤϯδχΞͷεέδϡʔϧʹ༨༟͕Ͱ͖Δ ˔ࣗͰσβΠϯௐ͕Ͱ͖Δ 9DPEFͰ σβΠϯௐ ͔Βͷֶͼ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 33 ·ͱΊ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 34 ·ͱΊ ՁݕূͷͨΊͷ ϓϩτλΠϐϯά ϓϩμΫτ։ൃͱ վળࢪࡦ 9DPEFͰ σβΠϯௐ
σβΠφʔͷࣄʺը໘ͷσβΠϯ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 35 σβΠφʔͷࣄʹ ྉཧ͢Δਓͷʮָ͍͠ʂʯΛٕज़Ͱ࣮ݱ͍ͯ͘͜͠ͱ ·ͱΊ ՁݕূͷͨΊͷ ϓϩτλΠϐϯά ϓϩμΫτ։ൃͱ վળࢪࡦ
9DPEFͰ σβΠϯௐ
$PPLQBE5FDI$POG )JSPBLJ8","546,*!QV[[FMKQ 36 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ