半年でサイトを業界No1レベルまで速くした話
by
ysktsuna
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
1 Copyright © DIP Corporation. 2 0 1 9 / 5 / 2 9 半年でサイトを 業界NO1相当 まで速くした話 s-dev talks「プロダクト体験」 つな@ysktsuna
Slide 2
Slide 2 text
2 自己紹介 ・つな@ysktsuna / 綱目 裕介 ・ディップ株式会社 ・UXエンジニア ・企画と開発のブリッジ Copyright © DIP Corporation.
Slide 3
Slide 3 text
3 今回の対象サービス Copyright © DIP Corporation.
Slide 4
Slide 4 text
4 こんな人に聞いてほしい Copyright © DIP Corporation. ・これから速度改善に取り組みたい人 ・思うように速度改善が進んでいない人 ・機能型組織でプロダクト開発をしている人
Slide 5
Slide 5 text
5 この発表について Copyright © DIP Corporation. 話すこと 話さないこと どうやって進めたか どんな施策を実施したか
Slide 6
Slide 6 text
6 Copyright © DIP Corporation. 達成した成果
Slide 7
Slide 7 text
7 Copyright © DIP Corporation.
Slide 8
Slide 8 text
8 Copyright © DIP Corporation. 総合評価:No1 サイト速度:No2 ※ 求人系サイトカテゴリ
Slide 9
Slide 9 text
9 Copyright © DIP Corporation. CVR 14% UP 表示時間 70% down 達成した成果
Slide 10
Slide 10 text
10 Copyright © DIP Corporation. 記事になりました https://www.thinkwithgoogle.com/intl/ja-jp/articles/ux/baitoru/
Slide 11
Slide 11 text
11 Copyright © DIP Corporation. プロダクトと開発体制
Slide 12
Slide 12 text
12 プロダクト Copyright © DIP Corporation.
Slide 13
Slide 13 text
13 事業モデル Copyright © DIP Corporation. 仕事に応募 求人を出す 仕事を探してる人 働き手を探してる企業 マッチングの場を提供
Slide 14
Slide 14 text
14 弊社の開発体制 Copyright © DIP Corporation. 企画 開発 マーケティング
Slide 15
Slide 15 text
15 悩み Copyright © DIP Corporation. エンジニア起因の施策実施が難しい ・施策の優先度は企画が決める ・効果が見え辛い提案は後になる ・リファクタとか 速度改善 とか……
Slide 16
Slide 16 text
16 悩み Copyright © DIP Corporation. 開発が思うように進まないことがある ・登場人物が多すぎる ・エンジニアだけで完結できない
Slide 17
Slide 17 text
17 Copyright © DIP Corporation. どうやって 速度改善を進めたか
Slide 18
Slide 18 text
18 押さえるべき3つのポイント Copyright © DIP Corporation. 1. 事業レイヤーでの大義名分 2. 実施メンバーの心理的安全性 3. 現場の理解
Slide 19
Slide 19 text
19 押さえるべき3つのポイント Copyright © DIP Corporation. 1. 事業レイヤーでの大義名分 2. 実施メンバーの心理的安全性 3. 現場の理解
Slide 20
Slide 20 text
20 事業レイヤーでの大義名分 Copyright © DIP Corporation. ・これが無いと優先度を下げられ始まらない ・速度改善どころか遅くなる可能性も……
Slide 21
Slide 21 text
21 大義名分を確保するには Copyright © DIP Corporation. ・具体的な数値で戦う ・(外部の)権威を使う
Slide 22
Slide 22 text
22 Copyright © DIP Corporation. ある求人系メディア企業での話
Slide 23
Slide 23 text
23 Copyright © DIP Corporation. PO
Slide 24
Slide 24 text
24 Copyright © DIP Corporation. PO サイトは速い方が良いと 知ってはいるが、我々の サービスは果たしてどう なのか…
Slide 25
Slide 25 text
25 Copyright © DIP Corporation. PO 某社の担当 とあるミーティングにて…… G
Slide 26
Slide 26 text
26 Copyright © DIP Corporation. PO 某社の担当 御社のサイト、 遅いですよ G
Slide 27
Slide 27 text
27 Copyright © DIP Corporation. PO 某社の担当 具体的に競合と これくらい差が あります G
Slide 28
Slide 28 text
28 Copyright © DIP Corporation. PO 某社の担当 改善案などを まとめた資料を お渡ししますね こ、これは… G
Slide 29
Slide 29 text
29 Copyright © DIP Corporation. PO 速度改善 やらねば!
Slide 30
Slide 30 text
30 Copyright © DIP Corporation. そして、彼は経営層へ提案に…… つづく
Slide 31
Slide 31 text
31 大義名分の確保するには Copyright © DIP Corporation. 権威を利用しよう ・人間は危機感がないと動かない ・課題感のある人物が動きやすくなる ・競合比較で経営層にも話が通しやすい
Slide 32
Slide 32 text
32 押さえるべき3つのポイント Copyright © DIP Corporation. 1. 事業レイヤーでの大義名分 2. 実施メンバーの心理的安全性 3. 現場の理解
Slide 33
Slide 33 text
33 実施メンバーの心理的安全性 Copyright © DIP Corporation. ・これが無いと誰もやらない ・成果が数値だけの不安感を解消させる
Slide 34
Slide 34 text
34 心理的安全性を確保するには Copyright © DIP Corporation. ・対競合など明確な目標を決める ・何はなくとも計測環境 ・タスクフォース結成
Slide 35
Slide 35 text
35 心理的安全性を確保するには Copyright © DIP Corporation. 明確な目標を決めよう ・企画や経営にコミットしやすい ・実施者がどこまで頑張るべきかハッキリした ・サイト速度の数値そのものを目標にできた ・ただの数値を「状態」としてイメージできた
Slide 36
Slide 36 text
36 心理的安全性を確保するには Copyright © DIP Corporation. 計測環境を用意しよう ・大前提として「推測するな、計測せよ」 ・自分たちの現在地が明確になった ・進捗が定量的に話せるようになった ・外部要因での影響が分かった
Slide 37
Slide 37 text
37 心理的安全性を確保するには Copyright © DIP Corporation. タスクフォース結成もいいよ ・開発組織内での調整が楽になった ・メンバーが主体性を持って取り組めた ・開発パートナーさんに浸透させるのは難しかった……
Slide 38
Slide 38 text
38 押さえるべき3つのポイント Copyright © DIP Corporation. 1. 事業レイヤーでの大義名分 2. 実施メンバーの心理的安全性 3. 現場の理解
Slide 39
Slide 39 text
39 現場の理解 Copyright © DIP Corporation. ・これが無いと実施スピードが鈍化する ・他部署にはエンジニア文化が伝わり辛い…
Slide 40
Slide 40 text
40 現場の理解を確保するには Copyright © DIP Corporation. ・事業視点での効果測定をする ・(事前に)意思決定側にエンジニアを派兵する
Slide 41
Slide 41 text
41 現場の理解を確保するには Copyright © DIP Corporation. 事業視点での効果測定しよう ・改善幅が大き目の施策でA/Bテストを実施した ・サーバサイドで出し分けつつ、既存の計測基盤に乗せた ・結果について組織内で大々的に共有した
Slide 42
Slide 42 text
42 現場の理解を確保するには Copyright © DIP Corporation. 事業視点での効果測定の結果…… ・速度改善による事業貢献が証明された! ・施策の優先順位付けがスムーズになった ・他部署へも話が通しやすくなった
Slide 43
Slide 43 text
43 現場の理解を確保するには Copyright © DIP Corporation. 意思決定側にエンジニアを置こう ・開発が施策の優先順位付けから解放された ・もちろん意思決定も早く進む ・開発メンバーが言い辛いことが言えた ・立場の違いを良い意味でフル活用
Slide 44
Slide 44 text
44 Copyright © DIP Corporation. まとめ
Slide 45
Slide 45 text
45 押さえるべき3つのポイント Copyright © DIP Corporation. 1. 事業レイヤーでの大義名分 2. 実施メンバーの心理的安全性 3. 現場の理解
Slide 46
Slide 46 text
46 押さえるべき3つのポイント Copyright © DIP Corporation. 1. 事業レイヤーでの大義名分 2. 実施メンバーの心理的安全性 3. 現場の理解 → 「速度改善する」という強い意志を持ち、 それを邪魔しない環境を作ることが大事
Slide 47
Slide 47 text
47 Copyright © DIP Corporation. ご清聴ありがとうございました
Slide 48
Slide 48 text
48 Copyright © DIP Corporation. 仲間募集してます!