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
ユーザー中⼼の デザインプロセスが 社内に浸透するまで
Slide 2
Slide 2 text
マネーフォワードビジネスカンパニー デザイン部 副部⻑ ∕ デザイン戦略室 2012年、株式会社スポットライト⼊社。 「来店ポイント スマポ」のデザインを担当。2013年度グッドデザイン賞受賞。 2018年、マネーフォワード⼊社。 仮想通貨取引所のデザイナー兼PMを担当後、現在はtoB事業のデザインを推進。 新規事業の⽴ちあげや、様々なワークショップの企画運営に携わる。 イノツメ タケシ @inotashikeshike
Slide 3
Slide 3 text
社名 株式会社マネーフォワード 設⽴ 2012年5⽉ 上場市場 東京証券取引所 市場第⼀部 【証券コード:3994】 本社所在地 東京都港区芝浦3-1-21 msb Tamachi ⽥町ステーションタワーS 21F 正社員数 1101⼈ (21年8⽉末時点/連結) 事業の成⻑に伴い、メンバーは毎年増え続けています。 POINT
Slide 4
Slide 4 text
MISSION お⾦を前へ。⼈⽣をもっと前へ。 VISION すべての⼈の「お⾦のプラットフォーム」になる。 VALUE User Focus, Technology Driven, Fairness VALUEのひとつに「User Focus」があるように、ユーザーと向き合うことを⼤切にしています。 POINT
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
©Money Forward, Inc. 6 新規事業開発とM&A(グループジョイン)により、事業領域を拡⼤ 事 業 領 域 の 拡 ⼤ と 成 ⻑ Fintech推進·DX支援 <事業開発> バックオフィス向けSaaS (経理財務・人事労務・法務) <事業開発·M&A> PFM (家計簿・資産管理) サービス <事業開発> ファイナンス サービス <事業開発> SaaS マーケティング 支援
Slide 7
Slide 7 text
©Money Forward, Inc. 様々なステージの企業に対応可能なプロダクトラインナップ 7 個⼈事業主 中⼩企業 中堅企業‧IPO準備企業 上場企業 個⼈事業主向け 中⼩企業向け 中堅企業‧IPO準備企業/上場企業向け あらゆる企業規模に対応 主に⼠業事務所向け 主に中堅企業向け
Slide 8
Slide 8 text
©Money Forward, Inc. ココロ動かすクラウド 事業指針 8 効率や便利だけじゃない。 その先にあるユーザーの未来を描くことに、 私たちマネーフォワード クラウドの使命はある。 ⽬指すのは、⼈が動かす「あたたかいクラウド」。 ユーザーととことん寄り添い、 対話から課題を⾒出し、解決の⼿段を探求する。 使うたびにワクワクできるサービスで、 仕事の質と時間を変え、 ユーザーの⼈⽣を⼤きく前へと動かしていく。
Slide 9
Slide 9 text
©Money Forward, Inc. 9 ココロを動かすために ユーザーを理解することが⼤切
Slide 10
Slide 10 text
©Money Forward, Inc. 10 ユーザー理解を深めるための課題 リサーチできない ナレッジが蓄積されない UIデザインで ⼿⼀杯 リサーチの 経験不⾜ 独⾃に プロセスを 考える ナレッジ共有 優先度が 下がりがち
Slide 11
Slide 11 text
©Money Forward, Inc. 11 対策 ユーザーを理解するための 仕組みを整備 さまざまなプロダクトが 活⽤しやすい環境づくり
Slide 12
Slide 12 text
©Money Forward, Inc. 12 マネーフォワードのVALUE 私たちは、いかなる制約があったとしても、 常にユーザーを⾒つめ続け、本質的な課題を理解し、 ユーザーの想像を超えたソリューションを提供します。 アジャイル開発⼿法 ユーザーに価値がある最低限の単位で 実装とテストを繰り返し、学習しながら開発を進める。
Slide 13
Slide 13 text
©Money Forward, Inc. 13
Slide 14
Slide 14 text
©Money Forward, Inc. 14 様々なチームが「ユーザーフォーカス‧スクラム」を活⽤中
Slide 15
Slide 15 text
©Money Forward, Inc. 15 様々なチームが活⽤しやすい環境づくり 社内ドキュメントの整備や、データにアクセスしやすい環境づくりを⾏う
Slide 16
Slide 16 text
©Money Forward, Inc. 16 ステークホルダーマッピング ペルソナ サービスブループリント カスタマーレター ユーザーストーリーマッピング プロトタイピング 社内外の関係者を整理する 利⽤者とサービスの流れを整理する 利⽤者像の解像度を⾼める ユーザーから届いて欲しい⼿紙を書く UIモックをつくって壊す ユーザーストーリーの可視化 様々な⼿法を組み合わせユーザー理解を促進する
Slide 17
Slide 17 text
©Money Forward, Inc. 17 プロセスが 社内に浸透するまで Phase 1. ワークショップ Phase 2. スプリント Phase 3. スクラム Phase 4. 横展開
Slide 18
Slide 18 text
2019年夏|社内でサービス‧デザインの勉強会を開催 勉強会の参加者からサービスデザインを活⽤してみたいと相談を受ける
Slide 19
Slide 19 text
©Money Forward, Inc. 19 現状体験の可視化 アイデア出し 理想体験の可視化 プロトタイピング ワークショップの流れ
Slide 20
Slide 20 text
ワークショップを開催 ユーザーの⾏動や感情を理解した上で、解決策を考えることで施策の精度が向上しました
Slide 21
Slide 21 text
©Money Forward, Inc. 21 上場に必要な内部統制機能を提供。監査法⼈との効率的なコミュニケーションを実現。
Slide 22
Slide 22 text
学び - ⾃分たちのことを知ってもらう活動をすることで、 興味を持った⼈が声をかけてくれる - 体験をベースに解決策を考えることで、 アイデアの精度が上がる - ⼼理的安全性の⾼い環境から良いアイデアが⽣まれる - 役割の壁を超えて、⾏動すると新しい道ができる
Slide 23
Slide 23 text
©Money Forward, Inc. 23 プロセスが 社内に浸透するまで Phase 1. ワークショップ Phase 2. スプリント Phase 3. スクラム Phase 4. 横展開
Slide 24
Slide 24 text
©Money Forward, Inc. 2020年初頭|新規プロダクトのデザインを担当 電⼦帳簿保存法に対応したオンラインストレージ 24
Slide 25
Slide 25 text
©Money Forward, Inc. 25 スプリントの流れ プロセスの検討 前提条件の整理 社内インタビュー∕制約条件の理解∕法制度の理解... 現状の可視化 5W1Hを整理∕ユーザーの⾏動や感情の可視化∕現状体制の整理... アイディエーション 理想体験の可視化∕ペーパープロトタイピング∕システム図... インタビュー&改善
Slide 26
Slide 26 text
エンジニアと⼀緒にデザインスプリントを実施する 理解度が低い状態から、短期間で⾼い学習効果を発揮する
Slide 27
Slide 27 text
学び - 短期間でユーザー理解を深めることができた - 体験を視覚化することで、検討がスムーズに進む - チームでユーザーを理解することで当事者意識が⾼まる - 早めにユーザーインタビューをすることで素早く課題を発⾒できる
Slide 28
Slide 28 text
©Money Forward, Inc. 28 プロセスが 社内に浸透するまで Phase 1. ワークショップ Phase 2. スプリント Phase 3. スクラム Phase 4. 横展開
Slide 29
Slide 29 text
©Money Forward, Inc. 2020年春| スクラムマスターを担当する クラウド型確定申告ソフト。⻘⾊申告や⽩⾊申告に対応。 29
Slide 30
Slide 30 text
当時、考えていたこと - デザインスプリントは単発で終わってしまう - デザインプロセスだけにリサーチを組み込むと 開発との連携が難しくなりそう - 複数の新規プロダクトが⽴ち上がる中、 ナレッジを横展開できる仕組みが欲しかった
Slide 31
Slide 31 text
デザイン + スクラム
Slide 32
Slide 32 text
©Money Forward, Inc. 32 プロセスが 社内に浸透するまで Phase 1. ワークショップ Phase 2. スプリント Phase 3. スクラム Phase 4. 横展開
Slide 33
Slide 33 text
フレームワークを整備したことで 様々なプロダクトで活⽤が進んでいます
Slide 34
Slide 34 text
良かった点 - 様々なチームがフレームワークを活⽤しやすい環境ができた - 同じフレームワークを使うことでナレッジを参考にしやすい - 開発プロセスにデザインを組み込んだことで連携がスムーズ
Slide 35
Slide 35 text
もっと良くしたい点 - より多くのチームが活⽤できるような 環境を整備したい - プロセスの評価⽅法の整備をしたい - ナレッジの横展開を推進したい
Slide 36
Slide 36 text
©Money Forward, Inc. 36 未来から逆算する 周りを巻き込む プロセスを浸透させるためのポイント ⼩さく始める フィードバックに 真摯に向き合う 楽しく取り組む
Slide 37
Slide 37 text
告知 「詳細なデザインの進め⽅」 noteに書きます Twitterで告知しますので、 フォローしていただけると嬉しいです🙏 inotashikeshike
Slide 38
Slide 38 text
東京∕名古屋∕京都∕⼤阪∕福岡 デザイナー∕エンジニア∕PdM∕ビジネス 募集中 詳しい話を聞きたい⽅は、meetyやTwitterよりお声がけください
Slide 39
Slide 39 text
ご清聴ありがとうございました