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
「理念」から始めるプロダクト〜職種を超え、健全に働く / InhouseDesigers_#07
Search
Takahiro Hayashi
December 23, 2019
1
590
「理念」から始めるプロダクト〜職種を超え、健全に働く / InhouseDesigers_#07
2019/12/23に行われたInhouseDesigers#07の登壇資料。
職種を超えてより良く働くにはどうしたらいいかという話をしました。
Takahiro Hayashi
December 23, 2019
Tweet
Share
More Decks by Takahiro Hayashi
See All by Takahiro Hayashi
「ならでは」のオーナー体験を届けるためのデザイン
taka_piya
0
260
新規サービスにおける デザイナーとエンジニアの関わり方
taka_piya
6
440
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
The Power of CSS Pseudo Elements
geoffreycrofte
71
5.3k
GraphQLとの向き合い方2022年版
quramy
43
13k
Facilitating Awesome Meetings
lara
49
6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
A Modern Web Designer's Workflow
chriscoyier
692
190k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
How to train your dragon (web standard)
notwaldorf
85
5.6k
Transcript
ʮཧ೦ʯ͔Β࢝ΊΔϓϩμΫτ ৬छΛ͑ɺ݈શʹಇ͘ หޢ࢜υοτίϜגࣜձࣾ σβΠϯ෦ ྛو༸ / ։ൃ෦ ాଜ࢜ InHouseDesigners#07 2019/12/23
Product Manager Designer ాଜ ࢜ ྛ و༸ หޢ࢜υοτίϜגࣜձࣾ ৽نࣄۀPJ
None
৽نࣄۀνʔϜ㱺
৽نࣄۀνʔϜͷྺ࢙ PdM (ాଜ) Designer (ྛ) Engineer اը ϓϩτ λΠϓ
UIઃܭ ྛೖࣾ PJετοϓ 2ϲ݄ 6ϲ݄ ࠶։ ผαʔϏε ɾ ΤϯδχΞ࠾༻ ا ը ։ ൃ Ӧ ۀ ͍· 6ϲ݄
ϓϩμΫτ։ൃʹ͓͚Δ ʮ৬छʯͱԿͰ͋ͬͯɺ ԿͰͳ͍ͷ͔
৬छͱ... ཧ೦ ϑΣʔζͰ ҙࣝͤͣ Ξτϓοτ ϑΣʔζͰ ҙࣝ͢Δͷ
৬छͱ... ཧ೦ ϑΣʔζͰ ҙࣝͤͣ Ξτϓοτ ϑΣʔζͰ ҙࣝ͢Δͷ ݟ͑ͳ͍ͷ ݟ͑Δͷ
ཧ೦ϑΣʔζͰ৬छΛҙࣝͯ͠͠·͏ͱ... ϚωλΠζ ମݧ͕࠷ѱ νʔϜ͕ ͔ͳ͍ ˇ PdMͷ ཧ೦
ཧ೦ϑΣʔζͰ৬छΛҙࣝͯ͠͠·͏ͱ... UX ࣮ݱͰ͖ͳ͍ ࣋ଓ͠ͳ͍ ✎ σβΠφʔͷ ཧ೦
ཧ೦ϑΣʔζͰ৬छΛҙࣝͯ͠͠·͏ͱ... ͍͍ͨ ٕज़ εϐʔυ͕ग़ͳ͍ Ϣʔβʔʹ ಧ͔ͳ͍ </> ΤϯδχΞͷ ཧ೦
ϓϩμΫτ։ൃ ≠ ৬छͷཧ೦ͷ࣮ݱ ຊདྷಧ͚͔ͨͬͨͷ͕ಧ͔ͳ͘ͳͬͯ͠·͏ </> PdMͷ ཧ೦ σβΠφʔͷ ཧ೦ ˇ
ΤϯδχΞͷ ཧ೦ ✎
ࣗͰֶΜͩ͜ͱ͚ͩΛ৴͡Ζ ϢʔβʔͷΛΒͳ͍ͭͷΛ৴͡Δͳ
ͦ͏Ͱͳ͍
ϓϩμΫτ։ൃͱ Ξτ ϓοτ ʮݸਓͷཧ೦ʯΛҰͭʹͨ͠ʮνʔϜͷཧ೦ʯΛ࣮ݱ͢Δ = ϓϩμΫτ։ൃ νʔϜͷ ཧ೦ ✎ ˇ
</>
ϓϩμΫτ։ൃʹ͓͚Δʮ৬छʯͷؔ Ξτ ϓοτ ৬छΛҙࣝͤͣཧ೦Λͪ ͢Γ͋ΘͤΔϑΣʔζ ৬छͷͳ͍ੈք ʮཧ೦ϑΣʔζʯ ֤৬छͷεΩϧΛൃش͠ɺ ཧ೦Λମݱ͢ΔϑΣʔζ ৬छͷ͋Δੈք
ʮΞτϓοτϑΣʔζʯ νʔϜͷ ཧ೦ ✎ ˇ </>
৬छͱ... ཧ೦ ϑΣʔζͰ ҙࣝͤͣ Ξτϓοτ ϑΣʔζͰ ҙࣝ͢Δͷ ʢ࠶ܝʣ
ΈΜͳͷཧ೦Λ1ͭʹ ͢Δํ๏
1. ݸʑਓ͕ཧ೦Λ࣋ͭ ϏδωεϞσϧ νʔϜ׆ಈํ ࣄͷଊ͑ํ ɹ͋Δ͖ମݧ ɹ՝ͷଊ͑ํ ݸਓͷՁ؍ ɹϞνϕʔγϣϯ ɹՌɾධՁ
ɹڅྉɺΠϯηϯςΟϒ ɹࣾ֎ͰೝΊΒΕ͍ͨ... ✎ ˇ </>
2. ཧ೦ΛҰͭʹ͢Δ ✎ ˇ </> ϏδωεϞσϧ νʔϜ׆ಈํ ࣄͷଊ͑ํ ɹ͋Δ͖ମݧ ɹ՝ͷଊ͑ํ
ݸਓͷՁ؍ ɹϞνϕʔγϣϯ ɹՌɾධՁ ɹڅྉɺΠϯηϯςΟϒ ɹࣾ֎ͰೝΊΒΕ͍ͨ
3. ࣮͢Δ Ξτ ϓοτ UI ٕज़ɾπʔϧ ϝϧϚΨɺ LP... ✎
ˇ </> ϏδωεϞσϧ νʔϜ׆ಈํ ࣄͷଊ͑ํ ɹ͋Δ͖ମݧ ɹ՝ͷଊ͑ํ ݸਓͷՁ؍ ɹϞνϕʔγϣϯ ɹՌɾධՁ ɹڅྉɺΠϯηϯςΟϒ ɹࣾ֎ͰೝΊΒΕ͍ͨ
͍͚ͬͯͳ͍͜ͱ ֤ʑ͕ཧ೦ͰΔɺPdMͷཧ೦ΛงғؾͰೲಘ͢Δ ΈΜͳͰ৽͍͠ʮཧ೦ʯʹΓม͑Δ શһͰίϛοτͯ͠ʮཧ೦ʯʹ߹ҙ͢Δ →ίϨ͕͖ͬ͞ͷࣦഊ
൷ධͷର͕ʮΈΜͳͷཧ೦ʯʹͳΔΑ͏ʹ͢Δ ΈΜͳͰ߹ҙͨ͠ʮཧ೦ʯ͔ΒΓग़͢ ͦͷߟ͑ʹج͍ͮͯͬͯΈͨ݁Ռ িಥ͏·͘ߦ͔ͳ͍͜ͱ͕͋ͬͯ ʮΈΜͳͷਖ਼ղʯʮΈΜͳͷෆਖ਼ղʯͱ͍͏ײ֮Λ࣋ͯΔ ݈શͳίϛϡχέʔγϣϯ͕औΕΔνʔϜ͕ܗ
ͦ͏͍ͬͯ... Δͷ؆୯Ͱͳ͍
۩ମతʹ࣮ફͨ͜͠ͱ
PdM͕σβΠφʔ࠾༻ ཧ೦Λἧ͑ΔͨΊʹ࣮ࡍʹͬͨ͜ͱ 1ਓͷཧ೦͔Βɺ2ਓͷཧ೦
& ύογϣϯ ධՁͰͳ͘ʮཧ೦ϓϨθϯʯ ࣮ݱ͍ͨ͠ੈք؍ ׆ಈΞϓϩʔν νʔϜͷಇ͖ํ
৽نࣄۀνʔϜͷྺ࢙ PdM (ాଜ) Des. (ྛ) Eng. اը ϓϩτ λΠϓ
UIઃܭ ྛೖࣾ PJετοϓ 2ϲ݄ 6ϲ݄ ࠶։ ผαʔϏε ɾ ΤϯδχΞ࠾༻ ا ը ։ ൃ Ӧ ۀ ͍· 6ϲ݄
2ਓ߹Θͤͯ30-40ਓҎ্ձ͖ͬͯͨΠϯλϏϡʔ ࢿྉԽ͢Δ͜ͱͰɺ҉Λܗࣜ
ଞʹ৭ʑ͖ͬͯͨ ϢʔβʔΠϯλϏϡʔ ࠾༻Πϕϯτͷاը(ே׆) ҰਓͰӦۀ νϥγΓ(phpcon) ڝ߹ௐࠪ ৽ͭͬͯ͘ϦϦʔε ࣾۀϑϩʔͷվળ ηʔϧετʔΫͷઃܭ Ӧۀઆ໌ࢿྉͷ࡞
ར༻ऀΨΠυͷ࡞ ΧελϚʔαϙʔτ ... and more
ΤϯδχΞ࠾༻ ཧ೦Λἧ͑ΔͨΊʹ࣮ࡍʹͬͨ͜ͱ 2ਓͷཧ೦͔Βɺ3ਓͷཧ೦
νʔϜͷ ϓϩμΫτʹର͢Δ͕࢟มΘΔ = ཧ೦͕มΘΔ
·ͱΊ
·ͱΊ • ʮΞτϓοτʯ࡞Δલʹɺ৬छΛҙࣝ͠ͳ͍ʮཧ೦ʯϑΣʔζ͕͋Δ ◦ ΈΜͳ͕ཧ೦Λ࣋ͭ ◦ ఘΊͣݸਓͷཧ೦ΛνʔϜͷཧ೦ʹ͢ΔͨΊʹ͢Γ߹ΘͤΔ • શͯͷ׆ಈ͕ʮཧ೦ʯͱͷ͑߹ΘͤʹͳΔΑ͏ʹ͢Δ ◦
݈શͳίϛϡχέʔγϣϯ • ࢲୡɺৗʹ׆ಈΛҰॹʹ͢Δ͜ͱͰ͏·͍ͬͨ͘
୭͔ͷཧ೦Ͱͳ͘ ΈΜͳͷཧ೦ͮ͘Γ͔Β ࢝ΊΑ͏
ʮཧ೦ʯ͔Β࢝ΊΔϓϩμΫτ ৬छΛ͑ͨνʔϜͰ݈શʹಇ͘ หޢ࢜υοτίϜגࣜձࣾ σβΠϯ෦ ྛو༸ / ։ൃ෦ ాଜ࢜ InHouseDesigners#07 2019/12/23
͋Γ͕ͱ͏͍͟͝·ͨ͠! ʘσβΠφʔɾΤϯδχΞืू͍ͯ͠·͢ʗ