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
67
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
93
はじめましてnanapiのデザイナー木村と申します LT@Cross 2015
mura24
0
97
「個」から「集」のデザイン
mura24
0
65
ブレないアプリデザインのすすめかた
mura24
79
18k
スタイルガイド監獄からの脱出
mura24
6
2.9k
Other Decks in Design
See All in Design
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.1k
Liquid Iron
mcduckyart
1
120
CMS管理画面のアクセシビリティ
magi1125
8
2.4k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
130
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
490
mento Design Team Portfolio
mento0fficial
0
480
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
120
Yumika Yamada Portfolio
yumii
0
1.1k
7 Core Values of Round-L
wired888
0
880
ポートフォリオ_webデザイナー
nami_webdesigner
0
140
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
190
信念を持つ方法
magi1125
0
170
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
173
14k
Writing Fast Ruby
sferik
628
62k
Done Done
chrislema
185
16k
Into the Great Unknown - MozCon
thekraken
40
2k
Making Projects Easy
brettharned
117
6.3k
Adopting Sorbet at Scale
ufuk
77
9.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
790
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
740
We Have a Design System, Now What?
morganepeng
53
7.7k
Why Our Code Smells
bkeepers
PRO
337
57k
KATA
mclloyd
31
14k
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ʮϢʔβʔʯΛओޠʹͯ͋͠ΒΏΔͷΛ ߟ͑ଓ͚Δ σβΠφʔͷࢦ͢ͷ
·ͱΊ ͦͷͨΊʹʜ ΤϯδχΞΛ͡Ίͱ͢Δɺ ։ൃϝϯόʔͱίϛϡχέʔ γϣϯΛີʹऔΓͳ͕Β ʑͷσβΠϯΛ͍ͯ͠·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ