SlideShare ist ein Scribd-Unternehmen logo
1 von 38
Downloaden Sie, um offline zu lesen
Prototype

in Service Design
2015, Mar, 25
Prott User Meetup vol.6 TOKYO
Hiiro Kato @ nanapi.inc
Introduction
株式会社nanapi
デザイナー
加藤緋彩 - HiiroKato -
Prototype

in Service Design
サービスデザインをちょっとカジったデザイナーが、

取り組んでいる事例や、そこから見たプロトタイピングの気づき
サービスデザイン

- Service Design -
? !
Service Design
利用前 利用中 利用後
サービスの利用前後のユーザーストーリーを考慮
? !
利用前 利用後
サービスに関係する人達の接点全体をデザインの対象と捉える
開発チーム 運用チーム
利用中
? !
なぜサービスデザイン?

- The reason why I take interest -
新規サービス
App?Web? Real?
アプリなのか、Webなのか、リアルなのか、いろいろな可能性があった
これじゃ画面のデザインできない! Prott使えない!
画面の外で起きていることに目を向けたい
Service Design
サービスデザインからみたプロトタイピングをやってみたい!
様々な手法
• エスノグラフィー
• サービスプロポジション
• カスタマージャーニーマップ
• プロトタイピング
• Tomorrow Headline    and more…!!
可視化
- visualize -
こんな感じでやってます
様々な手法
• エスノグラフィー
• サービスプロポジション
• カスタマージャーニーマップ
• プロトタイピング
• Tomorrow Headline    and more…!!
サービスを利用したりする際で、各段階に用意すべき施策、
そのれによるユーザーの感情の動きなどを時系列に沿って視覚的に表現するモデル


画像引用:”The Anatomy of an Experience Map - Adaptive Path”

http://www.adaptivepath.com/ideas/the-anatomy-of-an-experience-map/
利用前 利用中 利用後
サービスの周りにあるユーザーストーリー全体を

書き出して視覚的に表現
? !
ポストイットで超簡易的にカスタマージャーニーマップを描いて
コンセプトメイキングに活かす
ボトル
ネック
行動
思考
タッチ
ポイント
価値
感情
イケてるところ
• サービスの目的をスムーズに共有できる
• 作るサービスの範囲が分かる
• ユーザの段階ごとのメンタルが想定できる
様々な手法
• エスノグラフィー
• サービスプロポジション
• カスタマージャーニーマップ
• プロトタイピング
• Tomorrow Headline
早期に機能やアイデアを簡易的な形にし、

設計を様々な観点から検証したり、サービスの検証や分析・改善を行う
(ここでProttの出番!)
利用前 利用中 利用後
サービス自体の形を表現
? !
イケてるところ
• UIの設計、チェック、改善がスピーディ
• サービスの価値や設計の検証できる
• プロジェクトメンバーの共通言語に
可視化
- visualize -
全ては可視化がポイント!

手を動かしながら考える、絵で考えることにつながります
サービス = 形のないもの
無形なものを形にする = 見える化
一方で、いっぱいあるものを整理、構造化、もしくは見せない
3つメリット
共有 発見
整理
分析
形のないもの   可視化
良いサービスづくりへ!!
最後に。。。
新規サービス
ProttのAndroid版

待ってます!
ありがとうございました!!
- Thank you !! -

Weitere ähnliche Inhalte

Was ist angesagt?

これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトYuya Toida
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケAsami Yamamoto
 
アメーバピグのユーザ体験を定量/定性で捉える方法
アメーバピグのユーザ体験を定量/定性で捉える方法アメーバピグのユーザ体験を定量/定性で捉える方法
アメーバピグのユーザ体験を定量/定性で捉える方法寛 水野
 
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf theguild
 
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語るCreative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語るRyo Yoshitake
 
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美schoowebcampus
 
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方hidetoshi murohashi
 
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略tomo tsubota
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザインMasayuki Uetani
 
チームラボでアートをつくる展示カタリストとは. [Japanese only]
チームラボでアートをつくる展示カタリストとは. [Japanese only]チームラボでアートをつくる展示カタリストとは. [Japanese only]
チームラボでアートをつくる展示カタリストとは. [Japanese only]Kento Takemura
 
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】schoowebcampus
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話Yuya Toida
 
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927英明 伊藤
 
Sketchで変わるワークフロー
Sketchで変わるワークフローSketchで変わるワークフロー
Sketchで変わるワークフローAsami Yamamoto
 
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」teamLab Inc.
 
ワークショップとUX ――なぜ今ワークショップが重要なのか
ワークショップとUX ――なぜ今ワークショップが重要なのかワークショップとUX ――なぜ今ワークショップが重要なのか
ワークショップとUX ――なぜ今ワークショップが重要なのかHitomi Yamagishi
 
[Uxtokyojam]2014 final public
[Uxtokyojam]2014 final public[Uxtokyojam]2014 final public
[Uxtokyojam]2014 final publicYuichi Inobori
 
Pixate導入についてのあれこれ
Pixate導入についてのあれこれPixate導入についてのあれこれ
Pixate導入についてのあれこれKazuyuki Oikawa
 
Poがuxデザインをする上で何を指標にしてきたか
Poがuxデザインをする上で何を指標にしてきたかPoがuxデザインをする上で何を指標にしてきたか
Poがuxデザインをする上で何を指標にしてきたか英明 伊藤
 
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方girigiribauer
 

Was ist angesagt? (20)

これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイトこれまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
 
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケSketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
 
アメーバピグのユーザ体験を定量/定性で捉える方法
アメーバピグのユーザ体験を定量/定性で捉える方法アメーバピグのユーザ体験を定量/定性で捉える方法
アメーバピグのユーザ体験を定量/定性で捉える方法
 
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
Pixateワークショップ―アプリケーションの概要とpixateの使い方 初級編―.pdf
 
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語るCreative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
 
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
 
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方
 
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
 
デザインのためのデザイン
デザインのためのデザインデザインのためのデザイン
デザインのためのデザイン
 
チームラボでアートをつくる展示カタリストとは. [Japanese only]
チームラボでアートをつくる展示カタリストとは. [Japanese only]チームラボでアートをつくる展示カタリストとは. [Japanese only]
チームラボでアートをつくる展示カタリストとは. [Japanese only]
 
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
 
デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話デザイナーが複業でデザイナーしてる話
デザイナーが複業でデザイナーしてる話
 
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
Uxデザイナーがpoとして開発チームと”握る”ためにやっていること 170927
 
Sketchで変わるワークフロー
Sketchで変わるワークフローSketchで変わるワークフロー
Sketchで変わるワークフロー
 
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
teamLab Meet-up #6「チームラボ、工作室と現場で仕事をするエンジニアが次にすること」
 
ワークショップとUX ――なぜ今ワークショップが重要なのか
ワークショップとUX ――なぜ今ワークショップが重要なのかワークショップとUX ――なぜ今ワークショップが重要なのか
ワークショップとUX ――なぜ今ワークショップが重要なのか
 
[Uxtokyojam]2014 final public
[Uxtokyojam]2014 final public[Uxtokyojam]2014 final public
[Uxtokyojam]2014 final public
 
Pixate導入についてのあれこれ
Pixate導入についてのあれこれPixate導入についてのあれこれ
Pixate導入についてのあれこれ
 
Poがuxデザインをする上で何を指標にしてきたか
Poがuxデザインをする上で何を指標にしてきたかPoがuxデザインをする上で何を指標にしてきたか
Poがuxデザインをする上で何を指標にしてきたか
 
Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方Webサイトのようには作れない!Webアプリ設計の考え方
Webサイトのようには作れない!Webアプリ設計の考え方
 

Ähnlich wie Prototype in Service Design

スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座HiroyukiHirota
 
190228 service design in japan
190228 service design in japan190228 service design in japan
190228 service design in japanKenji Hiramoto
 
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)Jiji Kim
 
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23Mari Kimura
 
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳Chihiro Tomita
 
DeNAでのサービスの作り方
DeNAでのサービスの作り方DeNAでのサービスの作り方
DeNAでのサービスの作り方Naoki Masuda
 
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩Haiji Haiiro
 
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~満徳 関
 
UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発Takuya Kitamura
 
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったことデザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったことsizucca
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるためにMiho Yamamori
 
Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Roy Kim
 
S02 t3 python_study_web
S02 t3 python_study_webS02 t3 python_study_web
S02 t3 python_study_webTakeshi Akutsu
 
150806 カスタマージャーニーマップワークショップ
150806 カスタマージャーニーマップワークショップ150806 カスタマージャーニーマップワークショップ
150806 カスタマージャーニーマップワークショップ直人 相沢
 
サービスデザインの全体像
サービスデザインの全体像サービスデザインの全体像
サービスデザインの全体像uenoyuuki
 
リクルートでのUXリサーチ
リクルートでのUXリサーチリクルートでのUXリサーチ
リクルートでのUXリサーチSteph Maki Okusa
 
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -Kunihiro Okamura
 
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech DayUIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech DayTetsuya Takeda
 

Ähnlich wie Prototype in Service Design (20)

スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座スマートフォンアプリエンジニアのための最新プロトタイピング講座
スマートフォンアプリエンジニアのための最新プロトタイピング講座
 
190228 service design in japan
190228 service design in japan190228 service design in japan
190228 service design in japan
 
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
 
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23
 
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
 
ux_team_of_one
ux_team_of_oneux_team_of_one
ux_team_of_one
 
DeNAでのサービスの作り方
DeNAでのサービスの作り方DeNAでのサービスの作り方
DeNAでのサービスの作り方
 
ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩ブランディングを意識したサービス開発の一歩
ブランディングを意識したサービス開発の一歩
 
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
ピクト図解でITビジネスのモデリング力を鍛えよう 〜eLV勉強会 ITアーキテクトへの第一歩~
 
UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発UXデザイン✕アジャイル✕受託開発
UXデザイン✕アジャイル✕受託開発
 
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったことデザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったこと
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法
 
S02 t3 python_study_web
S02 t3 python_study_webS02 t3 python_study_web
S02 t3 python_study_web
 
150806 カスタマージャーニーマップワークショップ
150806 カスタマージャーニーマップワークショップ150806 カスタマージャーニーマップワークショップ
150806 カスタマージャーニーマップワークショップ
 
サービスデザインの全体像
サービスデザインの全体像サービスデザインの全体像
サービスデザインの全体像
 
リクルートでのUXリサーチ
リクルートでのUXリサーチリクルートでのUXリサーチ
リクルートでのUXリサーチ
 
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -UXデザインのフレームワーク(´ω`) - スタートアップ向け -
UXデザインのフレームワーク(´ω`) - スタートアップ向け -
 
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech DayUIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 

Prototype in Service Design