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
Cookpad Design Bar
Search
Taiga Sano
December 12, 2017
Design
0
31
Cookpad Design Bar
2017.12.12に開催されたCookpad Design Barで発表したスライド資料です
https://cookpad.connpass.com/event/72566/
Taiga Sano
December 12, 2017
Tweet
Share
More Decks by Taiga Sano
See All by Taiga Sano
レシピサービスに買い物体験を組み込むにあたって向き合った課題と解決までの話
sn_taiga
0
3.9k
2020 Cookpad Online Spring Internship
sn_taiga
1
2.6k
ReDesigner Meetup 2020 Winter
sn_taiga
0
1.3k
クックパッドのサービス開発の日常とデザイナーの醍醐味
sn_taiga
1
7.9k
エディタの入力時間を11%減らした話
sn_taiga
0
200
「よさそう」から「絶対いい」にするための価値検証
sn_taiga
1
1.2k
React Nativeで作る「触れるプロトタイプ」の活用
sn_taiga
1
1.2k
Other Decks in Design
See All in Design
ほしいテンプレート制作から始めるツール学習のススメ📝
60d
0
120
portfolio_YumiYasuda
yum0418
0
250
セブンデックス カルチャーブック
sevendex
1
12k
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
900
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
170
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
1
940
LLMによるRAG評価用合成テストデータの生成
licux
6
1k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.4k
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
250
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
550
Dive Deep into Communication
yomtsu
0
260
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
2
190
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
122
52k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.3k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
14
860
Producing Creativity
orderedlist
PRO
344
40k
Balancing Empowerment & Direction
lara
0
49
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Transcript
৽ଔͷσβΠφʔͬͯͲΜͳࣄͯ͠Δͷʁ ࠤେՏ ΫοΫύουͷ
ࠤେՏ αʔϏε։ൃ෦σβΠφʔ टେֶ౦ژେֶӃγεςϜσβΠϯݚڀՊଔ ֶੜ࣌ ࣗݾհ w झຯݚڀͰJ04ΞϓϦΛ੍࡞ w ৽ن&$αʔϏεͷ্ཱ͛αΠτͷσβΠϯɾ࣮ ࠓͷ݄ʹΫοΫύουʹೖࣾ
ࠓ͢͜ͱ ΫοΫύουΛબΜͩཧ༝ ࣮ࡍʹͰͬͨࣄʹ͍ͭͯհ
ͳΜͰΫοΫύουʹೖͬͨͷʁ
ֶੜ࣌ म࢜ ۭനͷ ॳΊͯ8FCΞϓϦΛ੍࡞ɻ ࣗͷ࡞ͬͨͷ͕͍ΖΜͳਓʹ ͬͯΒ͑Δͷ͕خ͍͠ʂ େֶ
ֶੜ࣌ म࢜ ۭനͷ ॳΊͯ8FCΞϓϦΛ੍࡞ɻ ࣗͷ࡞ͬͨͷ͕͍ΖΜͳਓʹ ͬͯΒ͑Δͷ͕خ͍͠ʂ ࣮ࡍʹಈ͘ͷʹ ߆ͬͯͻͨ͢Β੍࡞ େֶ
ॳΊͯ8FCΞϓϦΛ੍࡞ɻ ࣗͷ࡞ͬͨͷ͕͍ΖΜͳਓʹ ͬͯΒ͑Δͷ͕خ͍͠ʂ ֶੜ࣌ म࢜ ۭനͷ ࣮ࡍʹ͑ΔͷΛ ͻͨ͢Β࡞Δ େֶ ͍ଓ͚ͯ͘ΕΔਓ΄΅͍ͳ͍
ಈ͘ͷΛ࡞ͬͯ ͬͯΒ͑ΔͱݶΒͳ͍😇
ͳΜͰΫοΫύουʹೖͬͨͷʁ ද໘্ͷσβΠϯΤϯδχΞϦϯάͰͳ͘ تΜͰ͍ଓ͚ͯ͘ΕΔͷΛಧ͚ΔͨΊͷαʔϏεઃܭΛֶͼ͍ͨ
ͳΜͰΫοΫύουʹೖͬͨͷʁ ද໘্ͷσβΠϯΤϯδχΞϦϯάͰͳ͘ تΜͰ͍ଓ͚ͯ͘ΕΔͷΛಧ͚ΔͨΊͷαʔϏεઃܭΛֶͼ͍ͨ ྉཧ͕͖ͰɺࣗࣄͰࣄ͕Ͱ͖ͦ͏ P
Ͱɺ࣮ࡍԿͬͯΔͷʁ
ྉཧ·ͱΊ
ࣗͷϨγϐΛҙʹ·ͱΊͯ ϚΠϖʔδʹެ։Ͱ͖Δ ݕࡧͰ·ͱΊΛݟ͚ͭΒΕΔ ྉཧ·ͱΊ
νʔϜߏ ྉཧ·ͱΊ ΤϯδχΞ Φʔφʔ σβΠφʔ ± ±
͜ͷը໘ͷσβΠϯΛ࡞ͬͨʁ ྉཧ·ͱΊ
͜ͷը໘ͷσβΠϯΛ࡞ͬͨʁ ͦ͏͚ͩͲͦΕ͚ͩͰͳ͍ ྉཧ·ͱΊ
ߏ͔ΒϦϦʔεޙ·ͰશͯͷϓϩηεʹܞΘͬͨ ՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε ੳɾߟ G
G ± Ä
୭ͷͲΜͳ՝ɾཉٻΛղܾ͍ͨ͠ʁ ͲΜͳՁΛఏڙͰ͖Δʁ 🤔 ՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε
ੳɾߟ G G ± Ä
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ ͋Γ͖ͨΓ͡Όͳ͍Ϩγϐ͕Γ͍ͨʂ ͚ͩͲ௨ৗͷݕࡧͰݟ͚ͭΒΕͳ͍ʜ ಛఆͷςʔϚͷϨγϐू͔Β୳ͤΔ͜ͱʹՁ͕͋Δʂ ϨγϐΛॻ͍ͯΔਓ ϨγϐΛ୳͢ਓ ࣗͷྉཧͷͩ͜ΘΓΛදݱ͍ͨ͠ʂݟฦ͍ͨ͠ʂ
͚ͩͲݱঢ়ϨγϐΛॻ͚ॻ͘΄ͲࢄΒ͔ͬͯ͠·͏ʜ ҙͷϨγϐΛ·ͱΊͯެ։Ͱ͖Δ͜ͱʹՁ͕͋Δʂ 😩 😀 😆 😩 😀 😆
ͲΜͳΓํ͕͋Δʁ ϓϩτλΠϓΛ࡞ͬͯ৮ͬͯͲ͏ʁ 🤔 ՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε
ੳɾߟ G G ± Ä
՝Ձͱ߹Θͤͯڞ༗ˠٞ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
ΑΓΠϝʔδ͕༙͘ͷΛ࡞Δ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
Կߦ͖དྷ͠ͳ͕Β٧Ί͍ͯ͘ ՝Ձ ͷཧ ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ ± Ä Wͷ࡞ ϦϦʔε
՝Ձ ͷཧ ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ ± Ä Wͷ࡞ ϦϦʔε
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ ࣗͷϨγϐΛҙʹ·ͱΊͯ ϚΠϖʔδʹެ։Ͱ͖Δ ݕࡧͰ·ͱΊΛݟ͚ͭΒΕΔ
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ ࣗͷϨγϐΛҙʹ·ͱΊͯ ϚΠϖʔδʹެ։Ͱ͖Δ
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
ϚΠϖʔδͰͲΜͳྉཧΛ࡞͍ͬͯΔͷ͔ ҰͰΘ͔ΔΑ͏ʹϖʔδ্෦ʹஔ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
ݟฦͨ͠ͱ͖ͷݟӫ͑Θ͘Θ͘ײΛҙࣝͯ͠ ςΩετগͳ͘ը૾Λෑ͖٧ΊΔελΠϧʹ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ ίϯςϯπ͕ͳ͍ͱ͖ͨ͘͞Μ͋Δͱ͖ͷදࣔʁ ը໘αΠζ͕มΘΔͱͲ͏ͳΔʁ ͋ΒΏΔঢ়ଶʹରԠ͢Δը໘Λ࡞Δ
ΤϯδχΞͱ࿈ܞ͠ͳ͕ΒਐΊΔ Γ͍ͨͰ͢ʂ ͱݴ͍ଓ͚ͨΒΒͤͯΒ͑ͨ 🙋 ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ
ͲΜͳԠ͕ಘΒΕͨʁ ͔ͦ͜Βݴ͑Δ͜ͱʁ ՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε ੳɾߟ
G G ± Ä 🤔
σʔλ͔Βੳͯ͠ԾઆΛཱͯΔ ՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ 🤔 ϨγϐΛॻ͘ਓʹೝ͞Ε͍ͯͳ͍ʁ ࡞ͷಋઢ͕Θ͔ΓͮΒ͍ʁ ࡞͕ظΑΓ͔ͬͨ
՝ՁΛཧ ΞΠσΞΛ͛Δܗʹͯ͠ࢼ͢ Wͷ࡞ϦϦʔε ੳɾߟ 🤔 ݕࡧͰ͖ΔΑ͏ʹ͢ΔͳΒϨγϐ໊ඞਢʁ ଞਓͷ·ͱΊΛݟͯΔਓ͔Βͷ ʮࣸਅ͚ͩ͡Όͳ͘Ϩγϐ໊΄͍͠ʯͷҙݟ͕ଟ Ϣʔβʔͷҙݟ͔ΒԾઆΛཱͯΔ
՝Ձ ͷཧ G ΞΠσΞΛ͛Δ ܗʹͯ͠ࢼ͢ Wͷ࡞ ϦϦʔε ੳɾߟ G G
± Ä
େࣄͩͱײͨ͜͡ͱ w ػೳʹҾͬுΒΕͣɺͲΜͳਓʹͲΜͳମݧΛͯ͠Β͍͍ͨͷ͔Λৗʹҙࣝ͢Δ w ૉૣ͘ΞΠσΞΛܗʹͯ͠ΈΔˠϑΟʔυόοΫΛͱʹվળ͢Δ w ϦϦʔεޙఆྔఆੑσʔλΛͱʹੳ͠ɺจ຺ʹج͍ͮͨվળΛߟ͑Δ
·ͱΊ w αʔϏε։ൃͷ΄΅શͯͷఔʹؔΘͬͯࣄΛ͍ͯ͠Δ w ֶੜ࣌Ұؾʹ࡞ͬͯऴΘΓͷͷ͕΄ͱΜͲ͕ͩͬͨɺࠓ ͦͷલޙͷϓϩηεΛΑΓେࣄʹσβΠϯʹऔΓΜͰ͍Δ w ͕ࣗೲಘ͢ΔܗͰϦϦʔε͠ɺͦΕ͕ଟ͘ͷϢʔβʔʹͬͯ Β͑Δ͜ͱ͕خ͍͠
൪֎ฤ հͨ͠ࣄҎ֎ͷ
հͨ͠ࣄҎ֎ͷ ᶄΫοΫύουΛͬͱ͜͏͍ͨ͠ʂΛߏ͢Δ ᶃଞͷਓͷࢪࡦʹڵຯΛ࣋ͭɻҙݟΛड़Δɻ ͷલͷػೳɾͷվળ͚ͩͰͳ͍ ࣗͷ୲ྖҬҎ֎ͷ͜ͱʹੵۃతʹؔΘΕΔ ࣗͳΓͷߟ͑ΛͲΜͲΜදʹग़ͯ͠ ͦΕΛܗʹ͍͚ͯ͠Δ