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
54
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Cookpad Design Bar
2017.12.12に開催されたCookpad Design Barで発表したスライド資料です
https://cookpad.connpass.com/event/72566/
Taiga Sano
December 12, 2017
More Decks by Taiga Sano
See All by Taiga Sano
レシピサービスに買い物体験を組み込むにあたって向き合った課題と解決までの話
sn_taiga
0
4.1k
2020 Cookpad Online Spring Internship
sn_taiga
1
2.7k
ReDesigner Meetup 2020 Winter
sn_taiga
0
1.3k
クックパッドのサービス開発の日常とデザイナーの醍醐味
sn_taiga
1
8.3k
エディタの入力時間を11%減らした話
sn_taiga
0
220
「よさそう」から「絶対いい」にするための価値検証
sn_taiga
1
1.2k
React Nativeで作る「触れるプロトタイプ」の活用
sn_taiga
1
1.3k
Other Decks in Design
See All in Design
「見せる」登壇資料デザインの極意
takanorip
7
1.5k
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
230
2026-04-06 CMU School of Design "Vision-Driven Design"
ishii_mit
0
130
Saving_the_King_-_Storyboard.pdf
terencebasart
0
290
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
180
PLATEAUで白い街を作る
aikautau
0
170
開閉UIのアニメーション設計
hiro0218
2
990
開発・制作におけるUI・UXデザインの重要性について~UI・UXデザインってなんだろう~
yamasaku
0
190
AI時代に求められるUXデザインのアプローチ
xtone
1
8.5k
TOPOSTOPOS
shoheyey
0
140
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
110
ポートフォリオ_あやの
ngyenmazt1412
0
1.2k
Featured
See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
480
AI: The stuff that nobody shows you
jnunemaker
PRO
9
940
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
How Software Deployment tools have changed in the past 20 years
geshan
1
34k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
360
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
57k
Tell your own story through comics
letsgokoyo
1
1k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
260
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
560
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
220
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
500
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 ͕ࣗೲಘ͢ΔܗͰϦϦʔε͠ɺͦΕ͕ଟ͘ͷϢʔβʔʹͬͯ Β͑Δ͜ͱ͕خ͍͠
൪֎ฤ հͨ͠ࣄҎ֎ͷ
հͨ͠ࣄҎ֎ͷ ᶄΫοΫύουΛͬͱ͜͏͍ͨ͠ʂΛߏ͢Δ ᶃଞͷਓͷࢪࡦʹڵຯΛ࣋ͭɻҙݟΛड़Δɻ ͷલͷػೳɾͷվળ͚ͩͰͳ͍ ࣗͷ୲ྖҬҎ֎ͷ͜ͱʹੵۃతʹؔΘΕΔ ࣗͳΓͷߟ͑ΛͲΜͲΜදʹग़ͯ͠ ͦΕΛܗʹ͍͚ͯ͠Δ