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
2.9k
開発現場でのサービスデザインとモデリング
現場から学ぶモデル駆動設計主催の「デザイン・要件・設計をつなぐモデリング」勉強会での登壇スライドです。
サービスデザインの色々なメソッドと開発の現場での課題感など自分なりにまとめています。
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
110
React Nativeで 位置情報アプリをつくった話
tyshgc
PRO
10
5.2k
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
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.3k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
150
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
280
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
550
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
890
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.5k
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.1k
TUNAG BOOK 2024
stmn
0
320
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
550
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.2k
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
4.7k
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
290
Featured
See All Featured
Become a Pro
speakerdeck
PRO
25
5k
Thoughts on Productivity
jonyablonski
67
4.3k
Gamification - CAS2011
davidbonilla
80
5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
Visualization
eitanlees
145
15k
Typedesign – Prime Four
hannesfritz
40
2.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
Testing 201, or: Great Expectations
jmmastey
38
7.1k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
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 ご清聴ありがとうございました。