Submit Search
Upload
サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
•
8 likes
•
2,006 views
Tetsuya Takeda
Follow
HCD-net サービスデザイン方法論実践編 第4回ペーパープロトタイピングの講義の中で利用したスライド
Read less
Read more
Design
Report
Share
Report
Share
1 of 24
Download now
Download to read offline
Recommended
プロトタイピングで変わる開発プロセス 一休.comレストランの事例
プロトタイピングで変わる開発プロセス 一休.comレストランの事例
Tetsuya Takeda
"チーム"と"プロトタイプ"でつくる Goodpatchのコラボレーション
"チーム"と"プロトタイプ"でつくる Goodpatchのコラボレーション
Mikihiro Fujii
Why and how Design UI
Why and how Design UI
Mikihiro Fujii
Framework for Designing the Goals 「モノづくりのゴールを実現するフレームワーク」
Framework for Designing the Goals 「モノづくりのゴールを実現するフレームワーク」
Mikihiro Fujii
成長するデザイン組織
成長するデザイン組織
Mikihiro Fujii
デザインプロセス重視の「組織づくり」「ものづくり」
デザインプロセス重視の「組織づくり」「ものづくり」
VOYAGE GROUP
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
Mikihiro Fujii
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
Recommended
プロトタイピングで変わる開発プロセス 一休.comレストランの事例
プロトタイピングで変わる開発プロセス 一休.comレストランの事例
Tetsuya Takeda
"チーム"と"プロトタイプ"でつくる Goodpatchのコラボレーション
"チーム"と"プロトタイプ"でつくる Goodpatchのコラボレーション
Mikihiro Fujii
Why and how Design UI
Why and how Design UI
Mikihiro Fujii
Framework for Designing the Goals 「モノづくりのゴールを実現するフレームワーク」
Framework for Designing the Goals 「モノづくりのゴールを実現するフレームワーク」
Mikihiro Fujii
成長するデザイン組織
成長するデザイン組織
Mikihiro Fujii
デザインプロセス重視の「組織づくり」「ものづくり」
デザインプロセス重視の「組織づくり」「ものづくり」
VOYAGE GROUP
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
The Way of the (Co-)Prototyping チームでUser Interfaceをプロトタイピングする
Mikihiro Fujii
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
誰のためのUI? - モノづくりのゴールを実現するフレームワーク -
Mikihiro Fujii
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
UI Crunch 03 『プロトタイピングの助走と飛躍』
UI Crunch 03 『プロトタイピングの助走と飛躍』
Ryo Yoshitake
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
Goにおけるバージョン管理の必要性 − vgoについて −
Goにおけるバージョン管理の必要性 − vgoについて −
Takuya Ueda
そうだ、Goを始めよう
そうだ、Goを始めよう
Takuya Ueda
ぼくらが体験入社にこだわるワケ
ぼくらが体験入社にこだわるワケ
Daisuke Sato
組織と個人が内発的動機により継続的に成長するための施策
組織と個人が内発的動機により継続的に成長するための施策
Yusuke Kojima
生産性を倍にしたハピネスチームビルディング
生産性を倍にしたハピネスチームビルディング
Yusuke Kojima
リーンキャンバス
リーンキャンバス
Tarumoto Tetsuya
メルカリ カウルのマスタデータの更新
メルカリ カウルのマスタデータの更新
Takuya Ueda
WebAssembly with Go
WebAssembly with Go
Takuya Ueda
そもそもディレクターにとって失敗とは何か
そもそもディレクターにとって失敗とは何か
Satoru MURAKOSHI
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Ryo Yoshitake
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったこと
sizucca
MY JOB WEND TO VIETNUM? DevSumi ver.
MY JOB WEND TO VIETNUM? DevSumi ver.
Ryo Amano
DeNAでのサービスの作り方
DeNAでのサービスの作り方
Naoki Masuda
Lean UX Quest in Tokyo
Lean UX Quest in Tokyo
Kazumichi (Mario) Sakata
Balanced Team and Product Stewardship〜事業計画に求められる2つの「プロペラ」〜
Balanced Team and Product Stewardship〜事業計画に求められる2つの「プロペラ」〜
Kazumichi (Mario) Sakata
Goodpatch Workshop 6 Jun 2014
Goodpatch Workshop 6 Jun 2014
Naofumi Tsuchiya
UX Design x Marketing Workshop - worksheet templates
UX Design x Marketing Workshop - worksheet templates
Tetsuya Takeda
More Related Content
What's hot
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
UI Crunch 03 『プロトタイピングの助走と飛躍』
UI Crunch 03 『プロトタイピングの助走と飛躍』
Ryo Yoshitake
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
Goにおけるバージョン管理の必要性 − vgoについて −
Goにおけるバージョン管理の必要性 − vgoについて −
Takuya Ueda
そうだ、Goを始めよう
そうだ、Goを始めよう
Takuya Ueda
ぼくらが体験入社にこだわるワケ
ぼくらが体験入社にこだわるワケ
Daisuke Sato
組織と個人が内発的動機により継続的に成長するための施策
組織と個人が内発的動機により継続的に成長するための施策
Yusuke Kojima
生産性を倍にしたハピネスチームビルディング
生産性を倍にしたハピネスチームビルディング
Yusuke Kojima
リーンキャンバス
リーンキャンバス
Tarumoto Tetsuya
メルカリ カウルのマスタデータの更新
メルカリ カウルのマスタデータの更新
Takuya Ueda
WebAssembly with Go
WebAssembly with Go
Takuya Ueda
そもそもディレクターにとって失敗とは何か
そもそもディレクターにとって失敗とは何か
Satoru MURAKOSHI
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Ryo Yoshitake
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったこと
sizucca
MY JOB WEND TO VIETNUM? DevSumi ver.
MY JOB WEND TO VIETNUM? DevSumi ver.
Ryo Amano
DeNAでのサービスの作り方
DeNAでのサービスの作り方
Naoki Masuda
Lean UX Quest in Tokyo
Lean UX Quest in Tokyo
Kazumichi (Mario) Sakata
Balanced Team and Product Stewardship〜事業計画に求められる2つの「プロペラ」〜
Balanced Team and Product Stewardship〜事業計画に求められる2つの「プロペラ」〜
Kazumichi (Mario) Sakata
What's hot
(20)
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
UI Crunch 03 『プロトタイピングの助走と飛躍』
UI Crunch 03 『プロトタイピングの助走と飛躍』
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Goにおけるバージョン管理の必要性 − vgoについて −
Goにおけるバージョン管理の必要性 − vgoについて −
そうだ、Goを始めよう
そうだ、Goを始めよう
ぼくらが体験入社にこだわるワケ
ぼくらが体験入社にこだわるワケ
組織と個人が内発的動機により継続的に成長するための施策
組織と個人が内発的動機により継続的に成長するための施策
生産性を倍にしたハピネスチームビルディング
生産性を倍にしたハピネスチームビルディング
リーンキャンバス
リーンキャンバス
メルカリ カウルのマスタデータの更新
メルカリ カウルのマスタデータの更新
WebAssembly with Go
WebAssembly with Go
そもそもディレクターにとって失敗とは何か
そもそもディレクターにとって失敗とは何か
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
Creative insights 01 / 受託開発にプロトタイピングを導入した時のアレコレを語る
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
デザインスプリントを実践して分かったこと
デザインスプリントを実践して分かったこと
MY JOB WEND TO VIETNUM? DevSumi ver.
MY JOB WEND TO VIETNUM? DevSumi ver.
DeNAでのサービスの作り方
DeNAでのサービスの作り方
Lean UX Quest in Tokyo
Lean UX Quest in Tokyo
Balanced Team and Product Stewardship〜事業計画に求められる2つの「プロペラ」〜
Balanced Team and Product Stewardship〜事業計画に求められる2つの「プロペラ」〜
Viewers also liked
Goodpatch Workshop 6 Jun 2014
Goodpatch Workshop 6 Jun 2014
Naofumi Tsuchiya
UX Design x Marketing Workshop - worksheet templates
UX Design x Marketing Workshop - worksheet templates
Tetsuya Takeda
インタラクションデザイン、その前に -UXなまトーク vol.2
インタラクションデザイン、その前に -UXなまトーク vol.2
Toshiaki Otsuka
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方
hidetoshi murohashi
20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch
Satoru MURAKOSHI
Beyond Mobile IA Thinking at Goodpatch LT
Beyond Mobile IA Thinking at Goodpatch LT
Takashi Sakamoto
インタラクションデザインの前のはなし UX生トークvol.2
インタラクションデザインの前のはなし UX生トークvol.2
井上 誠
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
Viewers also liked
(8)
Goodpatch Workshop 6 Jun 2014
Goodpatch Workshop 6 Jun 2014
UX Design x Marketing Workshop - worksheet templates
UX Design x Marketing Workshop - worksheet templates
インタラクションデザイン、その前に -UXなまトーク vol.2
インタラクションデザイン、その前に -UXなまトーク vol.2
IxD of AWA - インタラクションの考え方
IxD of AWA - インタラクションの考え方
20150806_UXnama_Goodpatch
20150806_UXnama_Goodpatch
Beyond Mobile IA Thinking at Goodpatch LT
Beyond Mobile IA Thinking at Goodpatch LT
インタラクションデザインの前のはなし UX生トークvol.2
インタラクションデザインの前のはなし UX生トークvol.2
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Similar to サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
NCDCモバイルアプリ高速開発サービス
NCDCモバイルアプリ高速開発サービス
Ryohei Sogo
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
Katsuya Tanaka
Opta planner勉強会
Opta planner勉強会
Masahiko Umeno
営業提案のためのGoogle analytics活用法
営業提案のためのGoogle analytics活用法
Popinsight
Atlassian Summit 2015でのDevOps関連の取り組みについて
Atlassian Summit 2015でのDevOps関連の取り組みについて
グロースエクスパートナーズ株式会社/Growth xPartners Incorporated.
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare
OPTSocial
Itエンジニアとして身に付けるべきビジネス&プロジェクト・デザイン
Itエンジニアとして身に付けるべきビジネス&プロジェクト・デザイン
Hagimoto Junzo
TOITOMA Inc.
TOITOMA Inc.
toitoma
WikiPlan事業計画書
WikiPlan事業計画書
Kazuma Tadaki
Go_to_UnityAssetStore_Publisher_2016edition
Go_to_UnityAssetStore_Publisher_2016edition
Takashi Jona
TOKIWALabウェビナー媒体資料
TOKIWALabウェビナー媒体資料
ChinaIgarashi
第2回すだちくん勉強会におけるIoT最新動向と題したプレゼン資料
第2回すだちくん勉強会におけるIoT最新動向と題したプレゼン資料
知礼 八子
CrowdSekai紹介資料(ver.1)
CrowdSekai紹介資料(ver.1)
Noritaka Kobayashi
CrowdSekai 紹介資料 ver.1
CrowdSekai 紹介資料 ver.1
Noritaka Kobayashi, Ph.D
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
インフラジスティックス・ジャパン株式会社
PyCon JP 2015 keynote
PyCon JP 2015 keynote
Haruo Sato
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
Manabu Yamamoto
三島teNet第9回ワークショップ アジャイルな開発とは(公開版)
三島teNet第9回ワークショップ アジャイルな開発とは(公開版)
Yasui Tsutomu
「まずやってみる」を実現するプロダクト紹介.pptx
「まずやってみる」を実現するプロダクト紹介.pptx
ssuseraa47a02
20191024_optim_tech_night_techleadmeeting
20191024_optim_tech_night_techleadmeeting
Kazuhiro Wada
Similar to サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
(20)
NCDCモバイルアプリ高速開発サービス
NCDCモバイルアプリ高速開発サービス
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
Opta planner勉強会
Opta planner勉強会
営業提案のためのGoogle analytics活用法
営業提案のためのGoogle analytics活用法
Atlassian Summit 2015でのDevOps関連の取り組みについて
Atlassian Summit 2015でのDevOps関連の取り組みについて
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare
「ユーザーを巻き込むためのインフルエンサーの起用法」 0511 インフルエンサーマーケティングセミナー for slideshare
Itエンジニアとして身に付けるべきビジネス&プロジェクト・デザイン
Itエンジニアとして身に付けるべきビジネス&プロジェクト・デザイン
TOITOMA Inc.
TOITOMA Inc.
WikiPlan事業計画書
WikiPlan事業計画書
Go_to_UnityAssetStore_Publisher_2016edition
Go_to_UnityAssetStore_Publisher_2016edition
TOKIWALabウェビナー媒体資料
TOKIWALabウェビナー媒体資料
第2回すだちくん勉強会におけるIoT最新動向と題したプレゼン資料
第2回すだちくん勉強会におけるIoT最新動向と題したプレゼン資料
CrowdSekai紹介資料(ver.1)
CrowdSekai紹介資料(ver.1)
CrowdSekai 紹介資料 ver.1
CrowdSekai 紹介資料 ver.1
2019年版 Infragistics Ultimate UI for WPF概要
2019年版 Infragistics Ultimate UI for WPF概要
PyCon JP 2015 keynote
PyCon JP 2015 keynote
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
11年モノのテックブログを引き継いでから始めたこと、続けたこと、やめたこと
三島teNet第9回ワークショップ アジャイルな開発とは(公開版)
三島teNet第9回ワークショップ アジャイルな開発とは(公開版)
「まずやってみる」を実現するプロダクト紹介.pptx
「まずやってみる」を実現するプロダクト紹介.pptx
20191024_optim_tech_night_techleadmeeting
20191024_optim_tech_night_techleadmeeting
サービスデザイン方法論実践編 第4回ペーパープロトタイピング-Prottのご紹介
1.
© 2015 Goodpatch
Inc. All rights reserved. 2015/11/28 @ Yahoo Japan Corporation Goodpatch Inc. Tetsuya Takeda サービスデザイン方法論実践編 第4回ペーパープロトタイピング Prottのご紹介
2.
© 2015 Goodpatch
Inc. All rights reserved. 2© 2015 Goodpatch Inc. All rights reserved.
3.
© 2015 Goodpatch
Inc. All rights reserved. 株式会社グッドパッチ 会社概要 3 Tokyo Berlin
4.
© 2015 Goodpatch
Inc. All rights reserved. 4
5.
© 2015 Goodpatch
Inc. All rights reserved. 5 デザインのチカラを証明する デザインのチカラを信じる人を増やす 世の中により良いプロダクトを増やす チームのデザインプロセスを変革する
6.
© 2015 Goodpatch
Inc. All rights reserved. 6 世界140カ国以上、ユーザー数 4万5千人以上* に使われているプロ トタイピングツールです。プロトタイピング文化を日本の開発現場に 広めることで、日本のプロダクトが世界レベルでよりユーザーに求め られる素晴らしいプロダクトへとなることを一つの目標にしています。 https://prottapp.com/ *2015/10時点
7.
© 2015 Goodpatch
Inc. All rights reserved. 7
8.
© 2015 Goodpatch
Inc. All rights reserved. 8
9.
© 2015 Goodpatch
Inc. All rights reserved. 9
10.
© 2015 Goodpatch
Inc. All rights reserved. 11
11.
© 2015 Goodpatch
Inc. All rights reserved. 12 Prottのポイント1 高速プロトタイピング
12.
© 2015 Goodpatch
Inc. All rights reserved. 高速プロトタイピングとPrott 13 はじめてでも戸惑わない操作性 UIが直感的で使いやすく、日本語にも対応し ているので初めてでも操作に戸惑わない Prott iOSアプリを使用すれば、スマートフォ ン実機で簡単にアプリのプロトタイプ編集、 検証ができる 簡単にスマホ実機で編集・検証 豊富なアクション設定 ジェスチャー、トランジションのバリエーショ ンが豊富で、実際のアプリの挙動がイメージ しやすい 叩き台になるプロトタイプをスピーディーにつくる
13.
© 2015 Goodpatch
Inc. All rights reserved. はじめてでも戸惑わない操作性 14 UIが直感的で使いやすく、日本語にも対応しているので初めてでも操作に戸惑わない • 直感的に使えるUI、操作性 • 日本語表記対応(英語表記も対応)
14.
© 2015 Goodpatch
Inc. All rights reserved. 簡単にスマホ実機で編集・検証 15 Prott iOSアプリ、Androidアプリを使用すれば、スマートフォン 実機で簡単にアプリのプロトタイプ編集、検証ができる • アプリを起動 プロトタイプ編集 プレビュー確認
15.
© 2015 Goodpatch
Inc. All rights reserved. 豊富なアクション設定 16 • ジェスチャー、トランジションのバリエーションが豊富で、実際のアプリの挙動がイメージしやすい • 1つのホットスポットに対して複数(最大4つ)のリンク先、ジェスチャーが設定できます • ジェスチャーは下記9種類 1.タップ 2.ダブル タップ 3.タップ ホールド 4.スワイプ アップ 5.スワイプ ダウン 6.スワイプ ライト 7.スワイプ レフト 8.ピンチ イン 9.ピンチ アウト • トランジションは下記8種類 1.プッシュ レフト 2.プッシュ ライト 3.スライド アップ 4.スライド ダウン 5.スライド レフト 6.スライド ライト 7.フリップ レフト 8.フリップ ライト
16.
© 2015 Goodpatch
Inc. All rights reserved. 17 Prottのポイント2 チームワーク活性化
17.
© 2015 Goodpatch
Inc. All rights reserved. チームワーク活性化とPrott 18 シームレスなコラボレーション チームメンバーがどのような利用シーン、端 末でもリアルタイムにプロトタイプの共有、 コミュニケーションが可能 外部業務ツールとの連携 slack、HipChat、Dropbox等のコミュニ ケーションツール、データ共有ツールとAPI 連携 プロトタイプに直接コメント プロトタイプにPC、スマホから直接フィード バックコメントの投稿、レスが可能 「つくる、シェアする、フィードバックする」を繰り返してブラッシュアップする 簡単にプロトタイプをシェア シェア機能を使えば、プロトタイプのURLを 簡単にメンバーに送信・共有 パスワード設定でロックも可能
18.
© 2015 Goodpatch
Inc. All rights reserved. シームレスなコラボレーション 19 チームメンバーがどのような利用シーン、端末でも リアルタイムにプロトタイプの共有、コミュニケー ションが可能 レビュー コメント プロトタイプ編集 スマホ PC PC ディレクター @外出先 デザイナー @自社オフィス エンジニア @委託先オフィス スマホ スマホ
19.
© 2015 Goodpatch
Inc. All rights reserved. 簡単にプロトタイプをシェア 20 シェア機能を使えば、 プレゼンモード画面で確認 シェア設定画面 スマホ実機画面で確認 URL送信 URL送信 • シェアする相手のメールアドレスを入力してURL送信 • パスワード設定も可能 PC スマホ • シェアURLを簡単に送信・共有が可能 • パスワード設定でロックも可能
20.
© 2015 Goodpatch
Inc. All rights reserved. プロトタイプに直接コメント 21 PC、スマホからプロトタイプに直接フィードバックが可能 • プロトタイプにコメントを投稿 (スマホからも可能) • コメントにリプライ(スマホか らも可能) プロトタイプにコメント投稿 コメントに対してリプライ投稿
21.
© 2015 Goodpatch
Inc. All rights reserved. 外部業務ツールとの連携 22 slack、HipChatにアクティビティーを投稿 Dropboxからスクリーン画像をインポート 自動投稿 ユーザー通知 画像データインポート
22.
© 2015 Goodpatch
Inc. All rights reserved. 23
23.
© 2015 Goodpatch
Inc. All rights reserved. 24
24.
© 2015 Goodpatch
Inc. All rights reserved. Prottのプロトタイプの種類 25
Download now