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 Techconf@kimura 2016/01/23
Search
mari kimura
January 23, 2016
Design
0
66
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf 2016/01/23
「今日なに作ろう」を支えるデザイン ーエンジニアとの協業ー
mari kimura
January 23, 2016
Tweet
Share
More Decks by mari kimura
See All by mari kimura
デザインの力を高める 個 x チームの取り組み
mura24
3
2.1k
そのあとの「デザイン」
mura24
0
92
はじめましてnanapiのデザイナー木村と申します LT@Cross 2015
mura24
0
96
「個」から「集」のデザイン
mura24
0
65
ブレないアプリデザインのすすめかた
mura24
79
18k
スタイルガイド監獄からの脱出
mura24
6
2.9k
Other Decks in Design
See All in Design
CMS管理画面のアクセシビリティ
magi1125
8
2.3k
freee + Product Design FY25Q4
freee
4
15k
UXデザインはなぜ定着しないのか?
designstudiopartners
0
790
sachi_y_portfolio
sachi337
0
410
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
2.5k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
910
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
370
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
310
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
160
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.8k
Bulletproof Design System with TypeScript
takanorip
6
3.7k
AI動画生成ガチャ紹介
piyo7
1
150
Featured
See All Featured
For a Future-Friendly Web
brad_frost
179
9.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
What's in a price? How to price your products and services
michaelherold
246
12k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Six Lessons from altMBA
skipperchong
28
3.9k
Navigating Team Friction
lara
187
15k
Rails Girls Zürich Keynote
gr2m
95
14k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
710
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Transcript
ʮࠓͳʹ࡞Ζ͏ʯΛ ࢧ͑ΔσβΠϯ Mari kimura 2016/01/23 ΤϯδχΞͱͷڠۀ
ࣗݾհ ଜਅཧ mari kimura ϢʔβʔϑΝʔετਪਐࣨɹσβΠφʔ w σβΠφʔ w $PPLQBE $PPLQBEJ04"OESPJE%FTJHO
w ύϯͱΠϯλʔωοτͱ੨͍ͷ͕͖͢ "QQ%FTJHO8FC%FTJHO%51)5.- 4BTTʜ
ࣗݾհ ʘΤσΟλ੨͘᪾͚͓ͯΓ·͢ʗ
ࠓͷ͓ ΫοΫύουʹ͓͚Δ σβΠφʔxΤϯδχΞͷ ڠۀʹ͍ͭͯ ࣄྫΛڞʹհ
ΞδΣϯμ wϢʔβʔϑΝʔετਪਐࣨͷׂ wΤϯδχΞͱͷڠۀʹ͍ͭͯ w·ͱΊ
ϢʔβʔϑΝʔετ ਪਐࣨͷׂ
ΫοΫύουσβΠφʔ Designer
Designer ΫοΫύουσβΠφʔ illustration UI Design HTML/CSS Markup Rails Coding
Service Design Direction ఆੑɾఆྔ ௐࠪ Visual Design iOS Dev
ϢʔβʔϑΝʔετਪਐࣨ ΫοΫύουશମͷαʔϏεΛɺԣஅ၆ᛌతʹ ଊ͑ͯϢʔβʔϑΝʔετΛՃͤ͞Δ ू٬ ͕͢͞ ৽ن ձһ֫ಘ ͷͤΔ σβΠφʔ ϢʔβʔϑΝʔετਪਐࣨ
ϢʔβʔϑΝʔετਪਐࣨͷׂ wΫοΫύουϑΝϯϢʔβʔΛ૿͢ wϢʔβʔମݧ্ͷͨΊͷ৽ن։ൃɾվળ wσβΠϯ։ൃڥͷඋ wσβΠϯख๏ɾࢥͷܒ
ϢʔβʔϑΝʔετਪਐࣨͷׂ ϢʔβʔϑΝʔετͳ αʔϏεͱʁ
ϢʔβʔϑΝʔετͳαʔϏεͱ wϢʔβ͕ظͨ͠௨Γͷ݁ՌΛ ಘΔ͜ͱ͕Ͱ͖Δ wϢʔβ͕͍͍ͭͭເதʹͳͬͯ͠·͏ wਓʹ͓͢͢Ίͨ͘͠ͳΔ
ϢʔβʔϑΝʔετͳσβΠϯ ػೳͰͳ͘ɺ ετʔϦʔͰߟ͑Δ
ετʔϦʔͰߟ͑Δ ػೳ w Ϩγϐݕࡧ w Ϩγϐอଘ ετʔϦʔ ʮࠓͳʹ࡞Ζ͏ʁʯ ͕ܾ·Δ ࠓͷ༦൧ͷݙཱ
Կ࡞Δ͓ؾʹೖΓͷ ϨγϐΛ͍ͭͰݟฦ͢ ͜ͱ͕Ͱ͖Δ
ετʔϦʔͰߟ͑Δ wػೳʹϑΥʔΧε͢ΔͱతΛࣦ͍͕ͪ wϢʔβͷͲΜͳΛղܾͰ͖Δͷ͔ wʮϢʔβʔʯΛओޠʹͯ͠ߟ͑Δ
ΤϯδχΞͱͷ ڠۀʹ͍ͭͯ ΫοΫύουͷ։ൃख๏
ΫοΫύουͷ։ൃख๏ wԾઆݕূ wϓϩτλΠϐϯά wσβΠϯϑϨʔϜϫʔΫ wσβΠϯϨϏϡʔ wఆੑɾఆྔௐࠪ And More …
ΫοΫύουͷ։ൃख๏ wԾઆݕূ wϓϩτλΠϐϯά wσβΠϯϑϨʔϜϫʔΫ wσβΠϯϨϏϡʔ wఆੑɾఆྔௐࠪ And More …
ΫοΫύουͷ։ൃख๏ ϓϩτλΠϐϯά
ϓϩτλΠϐϯάͷత wԾઆݕূ wΞΠσΞΛڞ༗ wখ͘͞ɾ͘͢ࢼͤΔ νʔϜϢʔβʔ ΤϯδχΞΛऔΒͳ͍
ϓϩτλΠϐϯάͷछྨ wϖʔύʔϓϩτλΠϐϯά wσβΠϯϓϩτ wΞχϝʔγϣϯϞοΫ wಈըϞοΫ
ࣄྫ ಈըࣗಈ࠶ੜ6*࣮࣌ͷ ಈըϞοΫ࡞
ಈըϞοΫ࡞ࣄྫ ಈըࣗಈ࠶ੜςετͷͨΊͷ6*
ಈըϞοΫ࡞ࣄྫ ௨ৗͷσβΠϯϓϩτλΠϓʹՃ͑ ಈըʹΑΔಈ࡞ϞοΫΛ࡞
None
ಈըϞοΫ࡞ࣄྫ ͜͏͍͏ͷ ࡞Γ͍ͨ͢ʂ 0, ͜ΕͳΒ࣮ Ͱ͖ͦ͏ ࠷ߴ͔Αʜʂ Engineer Designer
ϓϩτλΠϐϯάಋೖͷར w։ൃͷॳظஈ֊Ͱ ࣮ݱ͍ͨ͠۩ମతͳΠϝʔδΛ νʔϜʹڞ༗ɾ֬ೝͰ͖Δ w࣮ޙͷखΓ͕ͳ͍
ΫοΫύουͷ։ൃख๏ σβΠϯϑϨʔϜϫʔΫ
σβΠϯϑϨʔϜϫʔΫ w4BSB wJ046* wΞΠίϯϑΥϯτ wΦϦδφϧࣈϑΥϯτ ΫοΫύου6*σβΠϯϑϨʔϜϫʔΫ J04ΫοΫύουϑϨʔϜϫʔΫ ಛചใՁ֨දهઐ༻ϑΥϯτ
σβΠϯϑϨʔϜϫʔΫ wݟग़͠ɾϦετɾϘλϯͳͲͷ6*ύʔπ wม໊ʹΑΔΧϥʔϚωδϝϯτ
None
None
ఆٛͨ͠ม໊ελΠϧΨΠυʹ׆༻
ΞΠίϯϑΥϯτ
ΞΠίϯϑΥϯτ wΑ͘͏ΞΠίϯɾγϯϘϧΛϑΥϯτԽ ը૾ϦιʔεΛॻ͖ग़͢ඞཁ͕ͳ͍ ϑΝΠϧαΠζͷݮ
ΫοΫύουͷ։ൃख๏ σβΠϯϨϏϡʔ w (JU)VCʹΑΔσβΠϯϨϏϡʔ w σβΠϯϦϦʔεϚωʔδϟʔ
ΫοΫύουͷ։ൃख๏ (JU)VCJTTVFʹΑΔ σβΠϯϨϏϡʔ
(JU)VCσβΠϯϨϏϡʔ w࡞ͨ͠σβΠϯ࣮લʹ(JU)VCʹ JTTVFΛཱͯͯɺతഎܠɺσβΠϯͷ ҙਤͳͲΛઆ໌ͯ͠ɺଞͷσβΠφʔ։ ൃऀ͔ΒϨϏϡʔΛड͚Δ wΤϯδχΞ͕Ϣʔβʔମݧ6*ͳͲΛ มߋΛ͢Δ߹σβΠφʔͷϨϏϡʔΛ ड͚ͯϦϦʔε͢Δ
HJUIVCσβΠϯϨϏϡʔྫ
HJUIVCσβΠϯϨϏϡʔྫ ʮ͓͍߹ΘͤཤྺʯϞʔμϧ ɹʹมߋ͠·͢ Designer Engineer ʮ͓͍߹Θͤཤྺʯ௨͔Β ։͘͜ͱ͋ΔΑ
HJUIVCσβΠϯϨϏϡʔྫ Engineer τοϓͷ৽͍͠σβΠϯΛ λϒϨοτͷԣը໘Ͱ ͍͍͔Μ͡ʹݟ͍ͤͨ !"OESPJEEFTJHO
HJUIVCσβΠϯϨϏϡʔྫ
HJUIVCσβΠϯϨϏϡʔྫ Engineer ΧʔυྖҬΛ͛ͨࡍͷݟͤํ Ͳ͏͢Δʁ
HJUIVCσβΠϯϨϏϡʔྫ
(JU)VCσβΠϯϨϏϡʔ w࣭ͷҡ࣋ɾ্ wσβΠϯมߋͷܦҢ͕୭ͰࢀরͰ͖Δ wٞʹΑΔ৽ͨͳؾ͖
σβΠϯ ϦϦʔεϚωʔδϟʔ ΫοΫύουͷ։ൃख๏
σβΠϯϦϦʔεϚωʔδϟʔ wΞϓϦΞοϓσʔτʹؚ·ΕΔϢʔβʔͷ ମݧ6*ʹมߋ͕͋ΔՕॴΛѲ͠ɺ ϦϦʔε·Ͱͷ։ൃαϙʔτΛߦ͏ w$'ޙʹɺΞϓϦσβΠφʔશһͰ3$൛ͷ ΞϓϦΛ͝ͱʹɺมߋՕॴʙશମͷ νΣοΫ͢ΔσβΠϯ֬ೝձΛओಋ
σβΠϯϦϦʔεϚωʔδϟʔ ͜͜ɺϚʔδϯ͍͢ʂ ͜͜ͷจݴɺ͏ͪΐͬͱ ͔Γ͍ͯ͋͛ͨ͘͢͠ ϩάΠϯ͍ͯ͠ͳͯ͘ɺ ػೳΛΔ͖͔͚͕ͬͳ͍ͷͰʁ ʮϑΥϩʔʯϘλϯ͕Έ͑ͯͳ͍ͱ ͜͜λονϑΟʔυόοΫ͕ ཉ͍͠Ͱ͢Ͷ
σβΠϯϦϦʔεϚωʔδϟʔͷత wΞϓϦΞοϓσʔτ࣌ʹ Ϣʔβʔମݧશൠ͕ଛͳΘΕ͍ͯͳ͍͔ɺ σβΠφʔશһͰΛ࣋ͭ wҰ੪ɾूதతʹϓϩμΫτΛ ৮ΔػձΛ૿͢͜ͱͰɺ ΞϓϦͷݱঢ়ͱཧ૾ΛѲ͢Δ
·ͱΊ
·ͱΊ wৗʹϢʔβʔͷظҎ্ͷͷΛ ఏڙ͠ଓ͚Δ wʮϢʔβʔʯΛओޠʹͯ͋͠ΒΏΔͷΛ ߟ͑ଓ͚Δ σβΠφʔͷࢦ͢ͷ
·ͱΊ ͦͷͨΊʹʜ ΤϯδχΞΛ͡Ίͱ͢Δɺ ։ൃϝϯόʔͱίϛϡχέʔ γϣϯΛີʹऔΓͳ͕Β ʑͷσβΠϯΛ͍ͯ͠·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ