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
42
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
66
はじめましてnanapiのデザイナー木村と申します LT@Cross 2015
mura24
0
84
「個」から「集」のデザイン
mura24
0
44
ブレないアプリデザインのすすめかた
mura24
79
18k
スタイルガイド監獄からの脱出
mura24
6
2.9k
Other Decks in Design
See All in Design
ZOZO CDO Office Design
zozodevelopers
PRO
1
360
Night Shift (beginning sequence)
cpineda57
0
870
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
130
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
790
Yahoo Newsletter Clicker Template
xuechunwu
0
290
Карта реализации историй — убийца USM
ashapiro
0
160
Первая беседа о Карте реализации историй
ashapiro
0
270
Осязаемый потребительский опыт. Ловим его за хвост с Картой процесса-опыта
ashapiro
2
210
Design System for training program
mct
0
130
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
320
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
1
480
Test Revisionista
olgastoryboard
0
110
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
How to Think Like a Performance Engineer
csswizardry
19
1.1k
The Cost Of JavaScript in 2023
addyosmani
45
6.6k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Automating Front-end Workflow
addyosmani
1365
200k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
Agile that works and the tools we love
rasmusluckow
327
21k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Bash Introduction
62gerente
608
210k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
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ʮϢʔβʔʯΛओޠʹͯ͋͠ΒΏΔͷΛ ߟ͑ଓ͚Δ σβΠφʔͷࢦ͢ͷ
·ͱΊ ͦͷͨΊʹʜ ΤϯδχΞΛ͡Ίͱ͢Δɺ ։ൃϝϯόʔͱίϛϡχέʔ γϣϯΛີʹऔΓͳ͕Β ʑͷσβΠϯΛ͍ͯ͠·͢
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ