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
44
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
67
はじめましてnanapiのデザイナー木村と申します LT@Cross 2015
mura24
0
85
「個」から「集」のデザイン
mura24
0
45
ブレないアプリデザインのすすめかた
mura24
79
18k
スタイルガイド監獄からの脱出
mura24
6
2.9k
Other Decks in Design
See All in Design
我做了一個詐騙網站...嗎?
crboy
1
150
管理画面の全体UXは利用時品質モデルで考える
readymadegogo
2
2k
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
490
アジャイル開発におけるFigmaAI新機能の活用
abokadotyann
1
210
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2.1k
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
470
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
480
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
1
1.2k
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
210
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
400
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
210
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
550
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Side Projects
sachag
452
42k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
329
21k
Faster Mobile Websites
deanohume
305
30k
A Modern Web Designer's Workflow
chriscoyier
693
190k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Embracing the Ebb and Flow
colly
84
4.5k
How STYLIGHT went responsive
nonsquared
95
5.2k
Become a Pro
speakerdeck
PRO
25
5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
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ʮϢʔβʔʯΛओޠʹͯ͋͠ΒΏΔͷΛ ߟ͑ଓ͚Δ σβΠφʔͷࢦ͢ͷ
·ͱΊ ͦͷͨΊʹʜ ΤϯδχΞΛ͡Ίͱ͢Δɺ ։ൃϝϯόʔͱίϛϡχέʔ γϣϯΛີʹऔΓͳ͕Β ʑͷσβΠϯΛ͍ͯ͠·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ