デザインシステム運用とOKRの良い関係

Transcript

1. デザインシステム運用と OKRの良い関係 Takanori Oki 2022/08/23 - Design System Build #01
2. 自己紹介  大木 尊紀 / Takanori Oki / takanoriP  デザインエンジニア@Ubi4  デザイン読書日和にサークル参加するので買いに来て  趣味は料理と筋トレ、得意料理はパスタ  https://dezabiyo.studio.siter 現在取り組んでいること： デザインシステム、アクセシビリティ改善、”ユビー病気のQ&A”の開発、…
3. 目次 ) Ubieの紹4 ) OKRと& ) Ubieの組5 ) デザインによる価値最大化サークÇ ) UbieのデザインシステÃ ) デザインシステムとOK% ) まとめ
4. Ubieの紹介
5. 医師とエンジニアが創業した 医療AIスタートアップ 社名：Ubie株式会社 代表：阿部吉倫（医師）、久保恒太（エンジニア） 設立：2017年5月 従業員：約200名（2022年4月現在） 累計調達額：79.8億円 Ubieについて
6. テクノロジーで 人々を適切な医療に案内する MISSION
7. 医療機関向け 生活者向け 月間利用者数 500万人超 導入医療機関数 1,000以上 主要プロダクト
8. 製薬企業 その他 患者 医療機関 ユビーが中心となって 患者、医療機関、製薬企業など すべてのステークホルダーに価値を提供する 医療プラットフォーム Ubieが目指す医療プラットフォーム
9. OKR？
10. OKR G アンディ グローブ氏によって考案された「目標管理」手法の1 G 2000年代初めにGoogleが導Ã G 難易度の高い目標を掲げ、進捗状況を確認するためのツール Objectives （目標） Key Results （成果指標）
11. OKR € 目標は60～70%の達成率になりそうな、少しストレッチしたものが理想W € 成果指標は数値化して測定でき、簡単に評価できるようにす% € OKRは組織の全員に公開して、お互いの状況を確認できるようにす% € 従業員評価ツール、タスク管理ツールではない！ 出典：https://rework.withgoogle.com/jp/guides/set-goals-with-okrs/steps/introduction/
12. Ubieの組織
13. ホラクラシー組織 e 自律分散型組織(ティール組織)の
 フレームワークの一l e サークルとロールで組織が構成され、
 憲法に則って運営され– e 権限がどんどん下に委譲されてい8 e 全体→サークル1→サークル2→ロー e 詳しいことはnoteに書いてある1 e https://note.com/ubie_discovery/n/ nd86e2a5655c9 e 評価しない、上司いない、1on1もない
14. OKRの運用 S 四半期（3ヶ月）に一度振り返りと再策c S ホラクラシーのサークルごとにOKR策c S KRごとにKR Promoter（メイン担当）と Gatekeeper（サブ担当）を決め' S 週1回のミーティングで日々の状況を確 S 社内ツール（ユビオケ）で管理
15. デザインによる 価値最大化サークル
16. デザインによる価値最大化サークル？ デザインの力によって柔軟かつスピーディーに プロダクト品質の改善と新たな価値を生み出す！ ＆ 開発におけるデザインの基盤を整え、 プロダクト全体の生産性を推進する！
17. 構成メンバー デザイナー：7人 デザインエンジニア：2人 エンジニア：1人 合計：10人（みんな兼業）
18. 主な取り組み O1 % デザイントークンやコンポーネントの開$ % ボイス&トーン O2 % デザインシステム運用体制の構F % アクセシビリティ、推4 % デザインレビュー・QAの推進 O3 % プロダクトのUI改q % デザインシステム適用
19. Ubieのデザインシステム
20. Ubie Vitals
21. Ubie Vitalsの由来・役割 役割 ‘ Vital：生命の維持に必要な、命に関わるほど重大な，不可欠な、必須の
 ‘ アイデアに命を吹き込む（具現化する）もv ‘ 医療用語で「バイタルサイン」という言葉があS  「呼吸」「体温」「血圧」「脈拍」の4項目 → Ubieのプロダクトデザインにとって必要不可欠なもv 役割  ユビーらしいプロダクトデザインを支える集合‰  アイデアを具現化する手助けをするもの
22. Ubie Vitalsに含むもの Y デザインシステムの思想、プロダクトデザイン原( Y アイコン、デザイントークン、コンポーネン) Y UIデザインガイドライA Y アクセシビリティガイドライA Y UXライティングガイドライA Y レビューガイドライA Y プロダクトで利用するイラスト
23. Ubie Vitalsの成り立ち デザイン生産基盤 ガイドライン デザイン原則、思想 個別にできたものが合体してできた
24. デザインシステムとOKR
25. 取り組み方 `f やりたいこと、やるべきこと（KR候補）を集めH 5f KR候補、親サークルのOKRなどからObjectiveを考えH 9f OごとにKRを考え、KR PromoterとGatekeeperを決めH df KR PromoterがAC（KRで達成すること）を考える 発散→分類→全体→詳細
26. OKRの一例 Objective B デザイン・開発の生産性＆プロダクト品質向上 のための基盤を作り切る Key Results B デザイナーとエンジニアの誰もがデザイントー クンを開発で活用出来ている Return B 開発に携わるエンジニア・デザイナー約25名の コミュニケーションや作業の効率j B 25人×5分/日×20日 = 約42時間・人/˜ B プロダクト品質の底上げ Investment B ツール開発：トータル40時間想¤ B トークンの追加：32時間/月 Process B VSCode拡張機能の開発（30%â B トークンの追加（70%â B Shadow（10%â B Radius（5%â B Easing（5%â B Color（ブランドカラー以外）（50%）
27. ポイント A Invest、Returnをできるだけ数値化するこ A 何が終わったらOKRが何%達成されたか数値化するこ A O、KRは具体的に書くこと
28. メリット g 進捗を数値で可視化できるので、全体の状況把握がしやすU g 何ができて何ができなかったかが記録に残るので振り返りがしやすU g デザインシステムのどの部分に注力するかチーム内外で共有しやすU g デザインシステムに直接関係ないメンバーに現状を伝えやすい
29. デメリット “ 数値化しにくい目標を管理するのが苦d “ みんな兼業で稼働できる時間が不明なため、OKRがどれくらいストレッチ
 してるなのか考えにくt “ 目標設定の精度が悪いので、必要以上に進捗が悪く見えQ “ 長いロードマップとの相性が悪t “ ストレッチした目標を立てるので、3ヶ月より長いスパンのロードマップと
 一緒に運用するのは難しい
30. 組織的な課題 f みんな兼業なので進捗が微ƒ “ スタートアップなので事業開発の優先度が高™ “ OKRがストレッチしすぎ問R f メンバーの入れ替わりが激し@ “ 3ヶ月ごとにチーム体制が大きく変わるので、サークルメンバーの
 入れ替わりが激し™ “ リードリンク（サークルの長）もちょこちょこ変わv “ 固定メンバーを作っても良いかも
31. 今後やりたいこと  デザインシステムのサポート体制構v i デザインシステムの浸透をOKRで追っていきたQ  進捗加速した5 i 優先度やメンバーの固定化などの方法を模索していきたQ  外部公開できるように整えた5 i 採用・企業ブランディング観点
32. まとめ
33. まとめ T UbieではOKRでデザイン改善をやってるB T OKRはデザインシステム構築を数値化して追っていけ9 T デザインシステム構築は大きいプロジェクトになりがちなので
 細かく数値化することで全体の状況を把握しやすくな9 T 数値化できない目標にはあまり適してない
34. プロダクト開発エンジニア募集中！ https://recruit.ubie.life/jd_dev/eng_prod
35. Thank you!