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
34
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
4k
2020 Cookpad Online Spring Internship
sn_taiga
1
2.6k
ReDesigner Meetup 2020 Winter
sn_taiga
0
1.3k
クックパッドのサービス開発の日常とデザイナーの醍醐味
sn_taiga
1
8k
エディタの入力時間を11%減らした話
sn_taiga
0
200
「よさそう」から「絶対いい」にするための価値検証
sn_taiga
1
1.2k
React Nativeで作る「触れるプロトタイプ」の活用
sn_taiga
1
1.3k
Other Decks in Design
See All in Design
Findyのプロデチームの 歩みとこれから
satty9556
0
260
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
810
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
sachi_y_portfolio
sachi337
0
520
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
2
1.2k
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
400
CursorでAI活用のナレッジベースを構築する
kanzaki
0
670
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
130
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
130
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
450
minpaku-community-scrum-patterns
norinity1103
1
360
harutaka Vision Deck
zenkigenforrecruit
0
220
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Facilitating Awesome Meetings
lara
55
6.5k
It's Worth the Effort
3n
187
28k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
Why Our Code Smells
bkeepers
PRO
339
57k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Making Projects Easy
brettharned
117
6.4k
GraphQLとの向き合い方2022年版
quramy
49
14k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
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 ͕ࣗೲಘ͢ΔܗͰϦϦʔε͠ɺͦΕ͕ଟ͘ͷϢʔβʔʹͬͯ Β͑Δ͜ͱ͕خ͍͠
൪֎ฤ հͨ͠ࣄҎ֎ͷ
հͨ͠ࣄҎ֎ͷ ᶄΫοΫύουΛͬͱ͜͏͍ͨ͠ʂΛߏ͢Δ ᶃଞͷਓͷࢪࡦʹڵຯΛ࣋ͭɻҙݟΛड़Δɻ ͷલͷػೳɾͷվળ͚ͩͰͳ͍ ࣗͷ୲ྖҬҎ֎ͷ͜ͱʹੵۃతʹؔΘΕΔ ࣗͳΓͷߟ͑ΛͲΜͲΜදʹग़ͯ͠ ͦΕΛܗʹ͍͚ͯ͠Δ