Slide 1

Slide 1 text

チームで改善する プロダクト開発 Yoko Nishida Product Designer Designer X Engineer Lovers #4 エンジニアとデザイナーの「協働⼒」を最⼤化するには

Slide 2

Slide 2 text

⻄⽥ 陽⼦ Product Designer @kechol Engineering Manager 鈴⽊ 和幸 @nikoko45 ⾃⼰紹介 2

Slide 3

Slide 3 text

3 1. 概要:プロダクト&チーム 2. プロダクト開発における課題 3. 取り組み ຊ೔LTͰ࿩͢͜ͱ

Slide 4

Slide 4 text

4 プロダクト & チーム

Slide 5

Slide 5 text

宿題配信 学校の先⽣ ⽣徒 学校向けの学習管理サービス 提出

Slide 6

Slide 6 text

チーム体制 PM SM EN EN EN EN EN EN EN DS toB/Schoolチーム 1チームあたり エンジニア7名×デザイナー1名 PM SM EN EN EN EN EN EN EN DS 6

Slide 7

Slide 7 text

チーム体制 toB/Schoolチーム toC 海外 営業 CS データ分析 コンテンツ PM SM EN EN EN EN EN EN EN DS PM SM EN EN EN EN EN EN EN DS

Slide 8

Slide 8 text

8 プロダクト開発を進める上で 抱えている課題

Slide 9

Slide 9 text

事業成⻑ 事業拡⼤に伴うリソース不⾜ 新機能 開発 既存機能 改善 エンジニア 増員 デザイナー 不⾜ 9

Slide 10

Slide 10 text

10 限られたリソースの中でどうしたら より良いプロダクト開発ができるのか

Slide 11

Slide 11 text

1. 制作環境の整備 2. タスクの可視化 3. KPTでの振り返り 4. ユーザー調査 エンジニアとデザイナーの協業を 円滑にするための取り組み 11

Slide 12

Slide 12 text

制作環境の整備 ໨తʹԠͯ͡πʔϧΛ࢖͍෼͚ͯίϛϡχέʔγϣϯ͢Δ デザイナー PM エンジニア 要件定義 プロトタイプ スタイル ユーザー調査 仕様QA UI制作 12

Slide 13

Slide 13 text

制作環境の整備 AbstractͰσβΠϯσʔλΛόʔδϣϯ؅ཧ 13

Slide 14

Slide 14 text

制作環境の整備 ZeplinͰͷελΠϧɾίϯϙʔωϯτڞ༗ 14

Slide 15

Slide 15 text

タスクの可視化 νʔϜશମͷλεΫ؅ཧʢZenhubʣ Epic Spec & Design Backlog Ready to Estimate Open WIP In Review Done ϝλɾετʔϦʔ ఏى ࢓༷ɾσβΠϯ ݕ౼த ࣮૷த ϨϏϡʔத ࣮૷׬ྃ ։ൃணखOK ݟੵ΋Γ όοΫϩά

Slide 16

Slide 16 text

タスクの可視化 σβΠφʔ؍఺ͷεςʔλεڞ༗ʢGithub Project Boardsʣ Ops Backlog ToDo Design Review Waiting for implementing Implementing PR Review ΨΠυϥΠϯ؅ཧ ߏ଄੔ཧɾௐࠪ ࣮૷த ࣮૷ϨϏϡʔ ࣮૷଴ͪ σβΠϯϨϏϡʔ UIઃܭத όοΫϩά

Slide 17

Slide 17 text

タスクの可視化 σβΠφʔ؍఺ͷεςʔλεڞ༗ʢGithub Project Boardsʣ Ops Backlog ToDo Design Review Waiting for implementing Implementing PR Review ΨΠυϥΠϯ؅ཧ ߏ଄੔ཧɾௐࠪ ࣮૷த ࣮૷ϨϏϡʔ ࣮૷଴ͪ σβΠϯϨϏϡʔ όοΫϩά Engineer Designer Product Manager UIઃܭத Designer Designer

Slide 18

Slide 18 text

KPTでの振り返り ௚ۙ2िؒͷϓϩδΣΫτΛৼΓฦΔ ɾKeepɿྑ͔ͬͨ͜ͱ ɾProblemɿ՝୊ɺվળ఺ ɾTryɿ࣍ͷ2िؒͰνϟϨϯδ͢Δ͜ͱ Ҋ݅ɾϝϯόʔͷঢ়گʹԠͯ͡ɺ ॊೈʹίϛϡχέʔγϣϯΛվળ͍ͯ͘͠ 18

Slide 19

Slide 19 text

ユーザー調査 ϦϦʔεޙͷϢʔβʔΠϯλϏϡʔͰՁ஋ݕূˍٞࣄ࿥ڞ༗ 19

Slide 20

Slide 20 text

ドメイン知識のインプット PM / Ӧۀ / ΞυόΠβʔʹΑΔษڧձ CS͔ΒͷΠϯαΠτڞ༗ ػೳཁ݅ɾUse CaseΛߟ͑Δࡍʹ ໨ઢ͕߹Θͤ΍͘͢ͳΔ ↓ 20

Slide 21

Slide 21 text

21 まとめ

Slide 22

Slide 22 text

エンジニアとデザイナーの協業⼒を⾼めるには 1. 制作プロセス&ツールの整備 2. タスク状況をオープンに伝え合う 3. プロジェクトの振り返りと実⾏ 4. ドメイン知識を学ぶ機会を設ける 22

Slide 23

Slide 23 text

ご清聴ありがとうございました

Slide 24

Slide 24 text

We’re Hiring! Web Engineer UI/UX Designer Front End Engineer Mobile Engineer