Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
ユーザー中心のデザインプロセスが社内に浸透するまで / User Focus Scrum
イノツメ / Design Program Manager
November 30, 2021
Design
0
120
ユーザー中心のデザインプロセスが社内に浸透するまで / User Focus Scrum
イノツメ / Design Program Manager
November 30, 2021
Tweet
Share
More Decks by イノツメ / Design Program Manager
See All by イノツメ / Design Program Manager
未来をデザインするDesignOps / DesignOpsMeets #1
takeshiinotsume
2
360
未来のバックオフィスをデザインしよう / Thanksgiving Workshop 2020
takeshiinotsume
0
97
新しい旅をつくる / Biz Forward 2020
takeshiinotsume
1
760
新規サービス開発のウラにあるサービスデザイン / Money Forward Design 2019 @Kyoto
takeshiinotsume
0
54
デザインのチカラ / The power of design
takeshiinotsume
1
1.2k
Other Decks in Design
See All in Design
Kurashiru Brand Guideline
delyinc
0
3.1k
プロダクトマネジメントと人間中心設計 - デザイナーからPMへのキャリアシフト -
hiromasa_yoshikawa
1
980
「つくりたい体験」からはじめるプロダクトデザイン / Starting Product Design from "Ideal Experiences"
nucumo
0
560
FIT2022_levii
levii
0
250
Odyssey Design
rkendrick25
0
140
【Designship2022登壇資料】企業の経済活動をデザインし、日本のマーケティングにイノベーションを起こす
sevendex
1
260
「わかりやすさ」を デザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding"
securecat
22
8.5k
Blend the DESIGN - 融ける“デザインのチカラ” / Designship2022
visional_engineering_and_design
1
2.5k
Grub
rottentwinkies
1
380
モンストの組織とUIデザイナー業務の紹介
mixil
0
510
UX ROCKET#4サイボウズ企業説明会資料 / UXRocket4_2022
kamimu
0
210
noteが目指す創作をつづけるためのエモーショナルデザイン
yumatsushita
0
3.7k
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
The Cult of Friendly URLs
andyhume
69
5.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
109
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
Code Reviewing Like a Champion
maltzj
508
38k
Fontdeck: Realign not Redesign
paulrobertlloyd
74
4.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
63k
How STYLIGHT went responsive
nonsquared
89
4.2k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.2k
Designing the Hi-DPI Web
ddemaree
273
32k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
Transcript
ユーザー中心の デザインプロセスが 社内に浸透するまで
マネーフォワードビジネスカンパニー デザイン部 副部長 / デザイン戦略室 2012年、株式会社スポットライト入社。 「来店ポイント スマポ」のデザインを担当。2013年度グッドデザイン賞受賞。 2018年、マネーフォワード入社。 仮想通貨取引所のデザイナー兼PMを担当後、現在はtoB事業のデザインを推進。
新規事業の立ちあげや、様々なワークショップの企画運営に携わる。 イノツメ タケシ @inotashikeshike
社名 株式会社マネーフォワード 設立 2012年5月 上場市場 東京証券取引所 市場第一部 【証券コード:3994】 本社所在地 東京都港区芝浦3-1-21
msb Tamachi 田町ステーションタワーS 21F 正社員数 1101人 (21年8月末時点/連結) 事業の成長に伴い、メンバーは毎年増え続けています。 POINT
MISSION お金を前へ。人生をもっと前へ。 VISION すべての人の「お金のプラットフォーム」になる。 VALUE User Focus, Technology Driven, Fairness
VALUEのひとつに「User Focus」があるように、ユーザーと向き合うことを大切にしています。 POINT
None
©Money Forward, Inc. 6 新規事業開発とM&A(グループジョイン)により、事業領域を拡大 事 業 領 域 の
拡 大 と 成 長 Fintech推進·DX支援 <事業開発> バックオフィス向けSaaS (経理財務・人事労務・法務) <事業開発·M&A> PFM (家計簿・資産管理) サービス <事業開発> ファイナンス サービス <事業開発> SaaS マーケティング 支援 <M&A>
©Money Forward, Inc. 様々なステージの企業に対応可能なプロダクトラインナップ 7 個人事業主 中小企業 中堅企業・IPO準備企業 上場企業 個人事業主向け
中小企業向け 中堅企業・IPO準備企業/上場企業向け あらゆる企業規模に対応 主に士業事務所向け 主に中堅企業向け
©Money Forward, Inc. ココロ動かすクラウド 事業指針 8 効率や便利だけじゃない。 その先にあるユーザーの未来を描くことに、 私たちマネーフォワード クラウドの使命はある。
目指すのは、人が動かす「あたたかいクラウド」。 ユーザーととことん寄り添い、 対話から課題を見出し、解決の手段を探求する。 使うたびにワクワクできるサービスで、 仕事の質と時間を変え、 ユーザーの人生を大きく前へと動かしていく。
©Money Forward, Inc. 9 ココロを動かすために ユーザーを理解することが大切
©Money Forward, Inc. 10 ユーザー理解を深めるための課題 リサーチできない ナレッジが蓄積されない UIデザインで 手一杯 リサーチの
経験不足 独自に プロセスを 考える ナレッジ共有 優先度が 下がりがち
©Money Forward, Inc. 11 対策 ユーザーを理解するための 仕組みを整備 さまざまなプロダクトが 活用しやすい環境づくり
©Money Forward, Inc. 12 マネーフォワードのVALUE 私たちは、いかなる制約があったとしても、 常にユーザーを見つめ続け、本質的な課題を理解し、 ユーザーの想像を超えたソリューションを提供します。 アジャイル開発手法 ユーザーに価値がある最低限の単位で
実装とテストを繰り返し、学習しながら開発を進める。
©Money Forward, Inc. 13
©Money Forward, Inc. 14 様々なチームが「ユーザーフォーカス・スクラム」を活用中
©Money Forward, Inc. 15 様々なチームが活用しやすい環境づくり 社内ドキュメントの整備や、データにアクセスしやすい環境づくりを行う
©Money Forward, Inc. 16 ステークホルダーマッピング ペルソナ サービスブループリント カスタマーレター ユーザーストーリーマッピング プロトタイピング
社内外の関係者を整理する 利用者とサービスの流れを整理する 利用者像の解像度を高める ユーザーから届いて欲しい手紙を書く UIモックをつくって壊す ユーザーストーリーの可視化 様々な手法を組み合わせユーザー理解を促進する
©Money Forward, Inc. 17 プロセスが 社内に浸透するまで Phase 1. ワークショップ Phase
2. スプリント Phase 3. スクラム Phase 4. 横展開
2019年夏|社内でサービス・デザインの勉強会を開催 勉強会の参加者からサービスデザインを活用してみたいと相談を受ける
©Money Forward, Inc. 19 現状体験の可視化 アイデア出し 理想体験の可視化 プロトタイピング ワークショップの流れ
ワークショップを開催 ユーザーの行動や感情を理解した上で、解決策を考えることで施策の精度が向上しました
©Money Forward, Inc. 21 上場に必要な内部統制機能を提供。監査法人との効率的なコミュニケーションを実現。
学び - 自分たちのことを知ってもらう活動をすることで、 興味を持った人が声をかけてくれる - 体験をベースに解決策を考えることで、 アイデアの精度が上がる - 心理的安全性の高い環境から良いアイデアが生まれる -
役割の壁を超えて、行動すると新しい道ができる
©Money Forward, Inc. 23 プロセスが 社内に浸透するまで Phase 1. ワークショップ Phase
2. スプリント Phase 3. スクラム Phase 4. 横展開
©Money Forward, Inc. 2020年初頭|新規プロダクトのデザインを担当 電子帳簿保存法に対応したオンラインストレージ 24
©Money Forward, Inc. 25 スプリントの流れ プロセスの検討 前提条件の整理 社内インタビュー/制約条件の理解/法制度の理解 ... 現状の可視化
5W1Hを整理/ユーザーの行動や感情の可視化/現状体制の整理 ... アイディエーション 理想体験の可視化/ペーパープロトタイピング/システム図 ... インタビュー&改善
エンジニアと一緒にデザインスプリントを実施する 理解度が低い状態から、短期間で高い学習効果を発揮する
学び - 短期間でユーザー理解を深めることができた - 体験を視覚化することで、検討がスムーズに進む - チームでユーザーを理解することで当事者意識が高まる - 早めにユーザーインタビューをすることで素早く課題を発見できる
©Money Forward, Inc. 28 プロセスが 社内に浸透するまで Phase 1. ワークショップ Phase
2. スプリント Phase 3. スクラム Phase 4. 横展開
©Money Forward, Inc. 2020年春| スクラムマスターを担当する クラウド型確定申告ソフト。青色申告や白色申告に対応。 29
当時、考えていたこと - デザインスプリントは単発で終わってしまう - デザインプロセスだけにリサーチを組み込むと 開発との連携が難しくなりそう - 複数の新規プロダクトが立ち上がる中、 ナレッジを横展開できる仕組みが欲しかった
デザイン + スクラム
©Money Forward, Inc. 32 プロセスが 社内に浸透するまで Phase 1. ワークショップ Phase
2. スプリント Phase 3. スクラム Phase 4. 横展開
フレームワークを整備したことで 様々なプロダクトで活用が進んでいます
良かった点 - 様々なチームがフレームワークを活用しやすい環境ができた - 同じフレームワークを使うことでナレッジを参考にしやすい - 開発プロセスにデザインを組み込んだことで連携がスムーズ
もっと良くしたい点 - より多くのチームが活用できるような 環境を整備したい - プロセスの評価方法の整備をしたい - ナレッジの横展開を推進したい
©Money Forward, Inc. 36 未来から逆算する 周りを巻き込む プロセスを浸透させるためのポイント 小さく始める フィードバックに 真摯に向き合う
楽しく取り組む
告知 「詳細なデザインの進め方」 noteに書きます Twitterで告知しますので、 フォローしていただけると嬉しいです🙏 inotashikeshike
東京/名古屋/京都/大阪/福岡 デザイナー/エンジニア/PdM/ビジネス 募集中 詳しい話を聞きたい方は、 meetyやTwitterよりお声がけください
ご清聴ありがとうございました