Slide 1

Slide 1 text

“なんでもやってる”文化を支える システムづくりへの挑戦 - デザインしくじり先生 -

Slide 2

Slide 2 text

DMM.com VPoE Office Design Program Manager 河西 紀明 事業設計 PM支援 デジタル人材 育成・創出 Noriaki Kawanishi @norinity1103

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

(著):石垣 雅人 (共著):河西 紀明 他 ※10月末 発行予定 データ駆動 & デザイン共創化でアジャイルな組織づくり

Slide 5

Slide 5 text

■ 職域を跨いだ協業の推進 ■ アウトプット中心の対話 ■ 課題解決型人材の創出 デザインプロセスを協業化を推進 出典書籍:『UIデザイン みんなで考え、カイゼンする。』 (共著)河西紀明, 栄前田勝太郎, 西田陽子

Slide 6

Slide 6 text

@DMM.com LLC

Slide 7

Slide 7 text

デザインのチーム協業化にむけて取り組んでいること ツール導入とプロセスの効率化 デザインプロセスの組織導入 信頼できる情報源の確立 PF基盤を中心としたデザインシステムの作成 デザイントークン/コンポーネント設計の再定義 Photoshop(従来型)→ sketch (発展型)→ figma /XD(対話型) UXフレームワーク導入、戦術/ 体感プロトタイピングの推進 StoryBookでの仕組み化やAbstractでのリソース管理 PF事業部のフロントエンドチームを主導とした全社横断の土台づくり メンバーの学習ボトムアップ Dev x Desチームの共通言語づくり UIインベントリの実施やAtomic Design的なワークショップの実施 チーム/個のシステム自律運用 デザイン制作コストの解消 失敗 だらけ いまここ

Slide 8

Slide 8 text

組織/プロダクトの成長と 学習のバランスが大事

Slide 9

Slide 9 text

小さな組織化によって機能横断型の人材育成へシフト

Slide 10

Slide 10 text

モブデザインなどの運用でコラボレーション Mob Design works

Slide 11

Slide 11 text

デザインのチーム協業化にむけて取り組んだこと 画像引用:Atomic Design Methodology 画像引用:Design System awesome https://github.com/alexpate/awesome-design-systems ■ 学習プロセスとしての Atomic Design ■ 先行事例としての Design System awesomeの活用

Slide 12

Slide 12 text

事業部ごとにシステムの雛形をつくるムーブメント あくまで事業部単位での運用

Slide 13

Slide 13 text

“自分が作っている成果物が最終成果物ではない”

Slide 14

Slide 14 text

陥りがちの罠 経営的な観点が抜けがち 無自覚な警察になりがち 組織やサービスにとって適切な粒度の課題解決になっていない デザインシステムはどのようなビジネス価値を生み出すのか? コストをどの組織が持ち、誰が主体で運用していくのか? ビジネスの意思決定を阻害せずにどこまでの拡張性を許容スべきなのか? 本当にすべてのメンバーが関わりやすいコミュニケーション構造になっているか? コーポレートや採用、プロダクトなど一度に複数の課題を解決しようとしていないか? 、または段階的なロードマップは存在するか?

Slide 15

Slide 15 text

なぜ? なぜ? 登録ボタンがどこにあるか分からなかった なぜ? 色も場所も目立たず、分かりづらかった ユーザーに対し適切なデザインではなかった なぜ? 登録方法が分かりずらい 問題点 登録に対するメリットが分かりづらい ■ 要求の背景や問題点の掘り下げ ■ 顧客が本当に欲しかったもの 過ぎた効率化は課題解決型の思考を奪う メンバーが同一の課題に向き合い 専門性を発揮する必要がある

Slide 16

Slide 16 text

多様なメンバーの習熟度にあわせて教材を展開 4000ページ超 ノンデザイナー向け 社内研修としても活用

Slide 17

Slide 17 text

動画によるワークショップの非同期学習

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

参 照 : 『 T h e W o r l d Tu r t l e 』 h t t p s : / / e n . w i k i p e d i a . o r g / w i k i / W o r l d _ Tu r t l e 参 照 : 『 T h e W o r l d Tu r t l e 』 h t t p s : / / e n . w i k i p e d i a . o r g / w i k i / W o r l d _ Tu r t l e Platform Division ・Design system ・Member base ・Payment system Entertainment business (e-books, videos, etc.) More than 58 diverse business models The World Turtle

Slide 20

Slide 20 text

参 照 : 『 T h e W o r l d Tu r t l e 』 h t t p s : / / e n . w i k i p e d i a . o r g / w i k i / W o r l d _ Tu r t l e 参 照 : 『 T h e W o r l d Tu r t l e 』 h t t p s : / / e n . w i k i p e d i a . o r g / w i k i / W o r l d _ Tu r t l e

Slide 21

Slide 21 text

デザインに対する期待値を明らかにする 参照:Mark Hurst 「UXへの信頼を失っている理由」https://creativegood.com/blog/21/losing-faith-in-ux.html

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

DMM inside (テックブログ) DMM Meety でのカジュアル面談

Slide 24

Slide 24 text

No content