Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
開発現場でのサービスデザインとモデリング
Search
Tsuyoshi Higuchi
PRO
February 23, 2022
Design
7
3k
開発現場でのサービスデザインとモデリング
現場から学ぶモデル駆動設計主催の「デザイン・要件・設計をつなぐモデリング」勉強会での登壇スライドです。
サービスデザインの色々なメソッドと開発の現場での課題感など自分なりにまとめています。
Tsuyoshi Higuchi
PRO
February 23, 2022
Tweet
Share
More Decks by Tsuyoshi Higuchi
See All by Tsuyoshi Higuchi
2024 Profile Slide - for フロントエンドのモデル駆動設計
tyshgc
PRO
0
120
React Nativeで 位置情報アプリをつくった話
tyshgc
PRO
10
5.3k
Design For User #2 コンポーネント指向から考えるUIと設計・趣旨説明スライド / Design For User #2 Openning Slide
tyshgc
PRO
1
1.3k
メンタルモデルから紐解く オブジェクト指向的コンポーネント設計 / Mental-Model Component Design
tyshgc
PRO
11
5.3k
Designer meets Domain-Driven-Design
tyshgc
PRO
28
2.7k
ReactとLoopbackことはじめ / React.js meets Loopback
tyshgc
PRO
11
3.7k
UCDとDDD - ユースケースからユーザー中心について考える
tyshgc
PRO
21
4.1k
UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design
tyshgc
PRO
46
12k
React & Go Single Page Apps
tyshgc
PRO
20
5.6k
Other Decks in Design
See All in Design
ZKK_001.pdf
nicholaspegu
0
1.4k
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
220
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
270
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
510
発表資料テンプレート / My slide template
thatblue
0
130
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1k
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
7.1k
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
450
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
480
Haruki_Konaka_Portforio.pdf
haruki556
0
780
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
580
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
335
57k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
The Pragmatic Product Professional
lauravandoore
32
6.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Adopting Sorbet at Scale
ufuk
73
9.1k
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
66k
Git: the NoSQL Database
bkeepers
PRO
427
64k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Transcript
樋口 剛 Tsuyoshi Higuchi Speaker 1 開発現場でのサービスデザインと モデリング
開発現場でのサービスデザインと • サービスデザインの定義と役割 • サービスデザインのモデリングメソッド • 開発現場でのサービスデザイン • まとめ 2
ア ジ ン ダ
開発現場でのサービスデザインと 現在はフリーランスで主にスタートアップや 新規事業の0 to 1フェーズでサービス設計から サービスで使われるアプリケーションの 設計・開発に従事。 自
己 紹 介 3 @tyshgc ツ ヨ シ
開発現場でのサービスデザインと 開発の現場とコラボレーションしない
開発現場でのサービスデザインと 開発の現場にマージする
開発現場でのサービスデザインと の モ デ リ ン グ
開発現場でのサービスデザインと • ビジネスの価値・構造 • サービスをどう最適に届けるか 7 デザイナーの視点
開発現場でのサービスデザインと
開発現場でのサービスデザインと
開発現場でのサービスデザインと
開発現場でのサービスデザインと ヤード 顧客と サービスの接点 バック ヤード 企業による サービスの業務 サービスを分解すると…
開発現場でのサービスデザインと ヤード 顧客と サービスの接点 バック ヤード 企業による サービスの業務 UX CX
開発現場でのサービスデザインと バックヤードと合わせて最適化が必要
開発現場でのサービスデザインと
開発現場でのサービスデザインと ビ ス デ ザ イ ン の
定 義 と 役 割
開発現場でのサービスデザインと
開発現場でのサービスデザインと • 新しいメリットの発見 Deliver ईƲ Develop ᡮ༥ Design ᕇᔷ Define
ሎ Discover ༥ᔗ • データ分析 • 問題・課題を抽出 • ソリューションを特定 • プロセスを特定 • プロトタイプ・テスト • サービスの実現 • サービスリリース • 開発の学びを共有
開発現場でのサービスデザインと
開発現場でのサービスデザインと
開発現場でのサービスデザインと デザイナー Model Model Model Service 対話 対話 対話
開発現場でのサービスデザインと ビ ス デ ザ イ ン の
モ デ リ ン グ メ ソ ド
開発現場でのサービスデザインと ピックアップしてみました。
開発現場でのサービスデザインと フロントヤード・バックヤードの課題抽出や最適化に活用します。 顧客の 行動 フロント ヤード バック ヤード 旅行客 部屋を予約する
Interaction Interaction 予約条件に対す る価格を提示 決済方法を選ぶ 決済処理をする 宿に到着する … チェックイン処 理をする 予約を受付 … 夕食準備 夕食を配膳する 夕食をとる サービスブループリントはサービスのフローをいくつか切り分けて作ると整理しやすい。
開発現場でのサービスデザインと ビジネスの構造を9つの項目で整理することで理解や気づきをつくります。 課題 解決 価値 優位性 顧客 代替 指標 販路
アーリー アダプター コスト 収益 解決すべき 課題 課題解決できる 既存サービス 課題の解決方法 事業の評価指標 課題解決で 得られる価値 強み サービス 提供方法 顧客像 最初の顧客 価値提供にかかるコスト マネタイズの方法 全て埋める必要はなく、サービスデザインプロセスを進める中で埋めてもよいです。
開発現場でのサービスデザインと 利用者の行動を定義することで行動パターンから利用者像や課題やニーズを抽出します。 行動ペルソナは仮説だけじゃなく定量・定性データから組み立て・検証すると確実です。 旅行先を選ぶ 友人グループで行く 1人で行く 旅行先を選ぶ 色々な場所を巡る 各地の宿を探す 一箇所で滞在する
連泊できる宿を探す 1人で各地をめぐるタイプ 友人と一つの場所に連泊するタイプ
開発現場でのサービスデザインと サービスのコンテンツや機能提供にギャップがないかを調べます。 宿の雰囲気を見る 雰囲気を見る 部屋の 雰囲気を見る 朝食をつける 食事をきめる 1人で宿泊する
部屋をとる 連泊する 夕食をつける 食事をつけない 食事の カスタマイズ機能 宿泊日数・人数 設定機能 グループで宿泊 部屋・施設の ギャラリービュー機能 部屋割り機能? タスクは仮説を立ててインタビューし、発話録から抽出すると良いです。 利用者の タスク 機能・ コンテンツ
開発現場でのサービスデザインと 短期間のスプリントを繰り返してサービスに関して学び、プロトタイプでテストまで進める。 サービスの価値やユーザのニーズを明確化しメンバーで共有するフレームワーク。 デザインスプリントは主にプロダクトにフォーカスを集中しています。 サービス全体を考える場合はサービスデザインスプリントの方が適しています。 共有・発見 Unpack 解決策 Sketch 決断
Decide 試作 Prototype 検証 Validate
開発現場でのサービスデザインと 発見 • 課題・問題の洗い出し • どれにフォーカスするか 決める Day 1 発散
• 解決案を紙などに スケッチ • Crazy 8などを使うと良い Day 2 A4紙を8面に区切って8つの アイデアをスケッチ 決定 • 出てきた解決案の中から 良いものを投票で選ぶ • 選ばれたアイデアを元に ストーリーボードを作成 Day 3 試作 • ストーリーボードに合わ せたプロトタイプの作成 • プロトタイプの範囲はな るべく小さくする • 作り込まない Day 4 検証 • 検証したい対象に近い人 に実際に使ってもらう • その様子を検証する Day 5
開発現場でのサービスデザインと 画面やナビゲーション、コンポーネントを設計・実装する方法。 商品 • 商品名 • 価格 • サイズ •
カートへ入れる • 探す 商品 • ナビゲーションを動詞にしない • ユーザはオブジェクトから認識をする =操作効率・学習コストを下げる オブジェクトを 画面やコンポーネントにする サイズ別 価格順 Tシャツ
開発現場でのサービスデザインと
開発現場でのサービスデザインと サ ビ ス デ ザ イ
ン
開発現場でのサービスデザインと サービスデザインだけでは ソフトウェアは開発できない
開発現場でのサービスデザインと モデル駆動要件定義やモデル駆動設計と 組み合わせてみてはどうか?
開発現場でのサービスデザインと 価値 システム 外部環境 業務 ビジネスユースケースの 明示化 システム 境界 システムとの接点の
明示化 システム システム化したい 情報と状態の 明示化 目的と価値の 明示化 発見 定義 設計 サービスデザインの プロセス
開発現場でのサービスデザインと • システム化対象の業務はどういうものか? • システムとの接点になる入出力にはどういうものがあるのか? • 入出力を満足する情報は何なのか? • システムで再現したい業務上の状態は何か? RDRAは以下の問いに答える構造
開発現場でのサービスデザインと • システム化対象の業務はどういうものか? • システムとの接点になる入出力にはどういうものがあるのか? • 入出力を満足する情報は何なのか? • システムで再現したい業務上の状態は何か? RDRAは以下の問いに答える構造
36 サービスデザインも この構造に近い
開発現場でのサービスデザインと エンジニアもデザイナーも参加する • サービスに関わる者全員がモデルを 介して会話をする環境をつくる 37 提案 モデリングの現場をオープンにする
開発現場でのサービスデザインと モデルがマージしていかない 課題
開発現場でのサービスデザインと • 何事もモデリングとは発散と収束の イテレーション • それを促すファシリテーターを目指す 39 解決案
開発現場でのサービスデザインと サービスデザインを開発の場に持ち込み 最適なシステム・アプリケーションの提供へ 分業化による組織的分断より モデル駆動な分業で生産性向上を啓蒙 ま と め
41 ご清聴ありがとうございました。