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
68
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.2k
そのあとの「デザイン」
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
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
440
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
190
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
860
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
240
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
310
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
620
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
2k
mento Design Team Portfolio
mento0fficial
1
860
portfolio.pdf
onof003
0
180
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
110
Featured
See All Featured
Making Projects Easy
brettharned
119
6.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
960
Designing for humans not robots
tammielis
254
25k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
A Tale of Four Properties
chriscoyier
160
23k
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ʮϢʔβʔʯΛओޠʹͯ͋͠ΒΏΔͷΛ ߟ͑ଓ͚Δ σβΠφʔͷࢦ͢ͷ
·ͱΊ ͦͷͨΊʹʜ ΤϯδχΞΛ͡Ίͱ͢Δɺ ։ൃϝϯόʔͱίϛϡχέʔ γϣϯΛີʹऔΓͳ͕Β ʑͷσβΠϯΛ͍ͯ͠·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ