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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Tsuyoshi Higuchi
PRO
February 23, 2022
Design
8
3.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
210
React Nativeで 位置情報アプリをつくった話
tyshgc
PRO
10
5.6k
Design For User #2 コンポーネント指向から考えるUIと設計・趣旨説明スライド / Design For User #2 Openning Slide
tyshgc
PRO
1
1.4k
メンタルモデルから紐解く オブジェクト指向的コンポーネント設計 / Mental-Model Component Design
tyshgc
PRO
11
5.7k
Designer meets Domain-Driven-Design
tyshgc
PRO
28
2.9k
ReactとLoopbackことはじめ / React.js meets Loopback
tyshgc
PRO
11
3.9k
UCDとDDD - ユースケースからユーザー中心について考える
tyshgc
PRO
21
4.3k
UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design
tyshgc
PRO
46
13k
React & Go Single Page Apps
tyshgc
PRO
20
5.8k
Other Decks in Design
See All in Design
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
280
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
1
180
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
6.9k
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
3
1k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
2
480
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
410
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
210
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
1
360
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5k
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
140
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
240
デザインを信じていますか
sekiguchiy
1
870
Featured
See All Featured
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
0
300
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
220
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
900
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
84
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 ご清聴ありがとうございました。