デザイン品質を諦めないために：スクラムで見つけたリソースコントロールの形 / For Maintaining Design Quality: Resource Control Methods Discovered through Scrum

by Spectrum Tokyo

Slide 1

Slide 1 text

デザイン品質を諦めないための挑戦：スクラムで見つけたリソースコントロールの形 For Design Without Compromise: A Scrum-Like Approach to Resource Management Ayaka Nagataki 株式会社mikan

Slide 2

Slide 2 text

Ayaka Nagataki 株式会社mikan デザイナー @ag_ayakan ヤフー株式会社、株式会社ギフティを経て、 2021年10月から株式会社mikanに入社。 toC事業「英語アプリmikan」のデザイン全般を担当

Slide 3

Slide 3 text

10 ちょこっとだけ事業紹介サクサク楽しく！超効率よく学べる英語アプリ国内最大級の英語アプリ

Slide 4

Slide 4 text

Today’s topic デザイナーのリソース管理

Slide 5

Slide 5 text

もくじ 1 Ideal vs. Reality 理想に反して計画通りにいかない日々の葛藤 2 Challenge スクラムlikeなタスク管理への挑戦 3 Solution 根本的な課題の特定と解決アプローチ 4 Summary まとめ

Slide 6

Slide 6 text

Slide 7

Slide 7 text

My Ideal デザイン品質に自信を持って世に出していきたい

Slide 8

Slide 8 text

vs. Reality 対して現実で起こっていたこと

Slide 9

Slide 9 text

2years ago 2022 2023

Slide 10

Slide 10 text

目の前のタスクを消化することで精一杯...

Slide 11

Slide 11 text

デザインシステムの最適化ブランド定義デザインUI課題イラストキットの作成ダークモード対応データのきれい化色々やりたいことはあるが手をつけられない

Slide 12

Slide 12 text

施策A 施策C 施策B 施策D 1 2 3 4 5 6 7 8 9

Slide 13

Slide 13 text

施策A 施策C 施策B 施策D 1 2 3 4 5 6 7 8 9 当時の状況 b 順調か不調かは施策担当者本人しかわからなかっD b 溜まっている施策外のものは「手が空いた時に取ってやる」ものとしていたがほとんど機能していなかった

Slide 14

Slide 14 text

目の前のタスク以外に取り組む余力を持つための 3STEP 1 計画したものを計画通り完了する 2 施策外のタスクも計画に組み込む 3 タスクの許容量を無理なく増やす

Slide 15

Slide 15 text

目の前のタスク以外に取り組む余力を持つための 3STEP 1 計画したものを計画通り完了する

Slide 16

Slide 16 text

Slide 17

Slide 17 text

1years ago 2023 2024 2022

Slide 18

Slide 18 text

タスク管理ツールを Techチームで揃えませんか（開発チーム、デザインチーム、PMチーム、QAチーム） engineer

Slide 19

Slide 19 text

タスク管理環境を linearへ環境を引っ越し

Slide 20

Slide 20 text

ツールの郷に従いスクラムlikeな概念を導入してみることに

Slide 21

Slide 21 text

納期営業日ステータス予定と実施の差分ポイントサイクルと納期（mikanでは5営業日=1サイクル）完了期限見積もり調子の確認 before after

Slide 22

Slide 22 text

→→→

Slide 23

Slide 23 text

導入初期

Slide 24

Slide 24 text

導入初期計画から大幅にダウン

Slide 25

Slide 25 text

導入初期進んでいるがなかなか完了できない

Slide 26

Slide 26 text

型にはめたことで問題が浮き彫りになってきた

Slide 27

Slide 27 text

Slide 28

Slide 28 text

this year 2024 2025 2023

Slide 29

Slide 29 text

現在の姿

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

1サイクルのタスク完了率 6割→9割

Slide 32

Slide 32 text

デザインシステムの最適化ブランド定義デザインUI課題イラストキットの作成ダークモード対応データのきれい化 1週間分の計画を引く際に施策外のタスクも計画対象に

Slide 33

Slide 33 text

この1年で何があったのか

Slide 34

Slide 34 text

うまくやっていそうなチームにSOSした転機

Slide 35

Slide 35 text

アドバイス 1 基準ポイントをチーム内で持つと良い 2 “暗黙的なタスク”も全て登録した方が良い 3 平均稼動実績を計算して1週間のタスク量を決めるといい engineer デザインチームの悩みd w 進んでいてもタスク上は完了できないので停滞してしま w 施策の前提が違ったりするので前のサイクルまでの実績が信用できない

Slide 36

Slide 36 text

1 基準ポイントをチーム内で持つと良い

Slide 37

Slide 37 text

before after チーム内の個々人でタスクの重さの考え方が違った共通の最小単位を定義してレビューし合えるようにした 1pt=タスクA 1pt 2pt 3pt

Slide 38

Slide 38 text

どうやって基準を定義したか

Slide 39

Slide 39 text

WSを開催 #' チームそれぞれの考える大中小タスクと理由を言語化 E' 差分があるところを擦り合わせ g' ⁨⁩誰が考えても同じになる最小単位を探す ' 最大ポイント数までのサンプルタスクを定義する

Slide 40

Slide 40 text

2 “暗黙的なタスク”も全て登録した方が良い

Slide 41

Slide 41 text

before after 全て登録して工数を見積もるようにした施策タスク以外は登録していない or 0ptだった No Project 2pt

Slide 42

Slide 42 text

3 平均稼動実績を計算して1週間のタスク量を決めるといい

Slide 43

Slide 43 text

来週は1日お休みで 4営業日です before after 前のサイクルで消化したポイントで見積もっていた過去の平均を参照点にし稼働日をベースに使えるリソースを計算 Cycle6 13pt Cycle6(4営業日) _pt Cycle5 13pt Cycle2(5営業日) 13pt Cycle3(4営業日) 10pt Cycle4(5営業日) 12pt 平均pt/日を計算

Slide 44

Slide 44 text

Cycle completed Aさん Bさん稼働合計消化pt（日）実績平均pt（日）スコープ目安 3 33 5 5 10 3.30 3.13 31 4 25 4 3 7 3.57 3.11 22 5 25 4.5 5 9.5 3.47 3.25 31 sample

Slide 45

Slide 45 text

Cycle completed Aさん Bさん稼働合計消化pt（日）実績平均pt（日）スコープ目安 3 33 5 5 10 3.30 3.13 31 4 25 4 3 7 3.57 3.11 22 5 25 4.5 5 9.5 3.47 3.25 31 sample 実績平均pt（日） 3.13 3.11 3.25

Slide 46

Slide 46 text

“平均稼動実績を計算して1週間のタスク量を決める” とは？

Slide 47

Slide 47 text

AさんがCycle6でやるタスク量を見積もる場合 3.25pt × 5営業日 = 16.25 Aさんのタスク量 16pt Cycle completed Aさん Bさん稼働合計消化pt（日）実績平均pt（日）スコープ目安 3 33 5 5 10 3.30 3.13 31 4 25 4 3 7 3.57 3.11 22 5 25 4.5 5 9.5 3.47 3.25 31 6 - 5 5 10 - - -

Slide 48

Slide 48 text

3つのアドバイスを実施したことで “ぶれない参照点”を作ることができたアドバイス 1 基準ポイントをチーム内で持つと良い 2 “暗黙的なタスク”も全て登録した方が良い 3 平均稼動実績を計算して1週間のタスク量を決めるといい

Slide 49

Slide 49 text

before

Slide 50

Slide 50 text

after（3つのアドバイス実施直後）

Slide 51

Slide 51 text

ここまででかなり改善されてきました

Slide 52

Slide 52 text

しかし、計画を計画通りにやるためにはもう少し揺らぎを減らしたい

Slide 53

Slide 53 text

この揺らぎは何によって発生するか？

Slide 54

Slide 54 text

原因 1 前提を覆すような大きな方針変更、考慮漏れ 2 差し込みの発生

Slide 55

Slide 55 text

解消策 PMとの連携を強固にする

Slide 56

Slide 56 text

1 前提を覆すような大きな方針変更、考慮漏れ対策

Slide 57

Slide 57 text

before after “不確実なもの”を洗い出し依存関係をPMと一緒に整理キックオフの内容を受けてデザイナーが画面数などで見積もり画面A 不確実性A 1pt 3pt 画面B 不確実性B 不確実性C 画面C 2pt ? 3pt 3pt

Slide 58

Slide 58 text

不確実性が減ったことでアクシデントが減少

Slide 59

Slide 59 text

2 差し込みの発生

Slide 60

Slide 60 text

before after アプリ開発以外の依頼も含めて PMと優先順位を相談開発に関係するものだけ PMと優先順位を相談 eX 施策Y cX 施策b VX 施策U `X 施策D eX i cX i VX i `X 優先順位優先順位追加タスクE 追加タスクF 明日中に... 来週中に... 施策A 施策B 施策C 施策D 追加タスク E 追加タスク F

Slide 61

Slide 61 text

デザイナーからアラートを上げやすくなりました

Slide 62

Slide 62 text

1サイクルのタスク完了率 6割→9割

Slide 63

Slide 63 text

目の前のタスク以外に取り組む余力を持つための 3STEP 1 計画したものを計画通り完了する

Slide 64

Slide 64 text

目の前のタスク以外に取り組む余力を持つための 3STEP 1 計画したものを計画通り完了する 2 施策外のタスクも計画に組み込む

Slide 65

Slide 65 text

デザイナー向けの課題提案場所を用意（Triageと呼んでいます）チーム朝会で確認取り組むかどうかと優先度決め施策外タスクに頻繁に目を通せる仕組みを作った

Slide 66

Slide 66 text

8:2 施策施策外

Slide 67

Slide 67 text

施策外で優先度の高そうなタスクを配慮した計画に

Slide 68

Slide 68 text

目の前のタスク以外に取り組む余力を持つための 3STEP 1 計画したものを計画通り完了する 2 施策外のタスクも計画に組み込む

Slide 69

Slide 69 text

Slide 70

Slide 70 text

稼働あたりのタスク消化量 1.47pt → 3.79pt

Slide 71

Slide 71 text

稼働あたりのタスク消化量 2.5倍

Slide 72

Slide 72 text

日々のタスクに精一杯だった2年前からをデザイナー自身が考えられる状態に変わってきた “デザインリソースをどこに使うべきか”

Slide 73

Slide 73 text

Slide 74

Slide 74 text

Summary まとめ 1 計画したものを計画通り完了する 2 施策外タスクも計画に組み込む 3 タスクの許容量を無理なく増やす

Slide 75

Slide 75 text

Summary まとめ 1 計画したものを計画通り完了する 2 施策外タスクも計画に組み込む 3 タスクの許容量を無理なく増やす可視化

Slide 76

Slide 76 text

Summary まとめ 1 計画したものを計画通り完了する 2 施策外タスクも計画に組み込む 3 タスクの許容量を無理なく増やす可視化原因究明

Slide 77

Slide 77 text

Summary まとめ 1 計画したものを計画通り完了する 2 施策外タスクも計画に組み込む 3 タスクの許容量を無理なく増やす可視化原因究明ロールモデルを真似

Slide 78

Slide 78 text

Summary まとめ 1 計画したものを計画通り完了する 2 施策外タスクも計画に組み込む 3 タスクの許容量を無理なく増やす可視化仕組み化原因究明ロールモデルを真似

Slide 79

Slide 79 text

Summary まとめ 1 計画したものを計画通り完了する 2 施策外タスクも計画に組み込む 3 タスクの許容量を無理なく増やす可視化仕組み化比率決め原因究明ロールモデルを真似