Slide 1
Slide 1 text
ˇ
AR Service Design 101
ARにおけるサービスデザインの全体像とポイント
Slide 2
Slide 2 text
PAGE 2
梶⾕ 健⼈
MESON, inc. CEO
株式会社MESONの代表.
「いちばんやさしいグロースハックの教本」
（Amazonのマーケティング・セールス⼀般カテゴリ１位）の著者.
⼥性向けファッションサービスiQONのGrowthを担当した後,
インド・アメリカにて現地スタートアップのサービスデザインと
グロースハックに従事. 世界⼀周後帰国し、
AR時代のユースケースとUX開発を⾏うMESONを創業.
Slide 3
Slide 3 text
PAGE 3
MESONとは
MESON is
Experience Augmentation Company
MESONはAR (Spatial Computing)時代の
ユースケースとUXをつくる会社です.
様々なアセットを持つパートナー企業と組んで
研究するクリエイティブスタジオ事業を展開.
Slide 4
Slide 4 text
PAGE 4
AR
PORTAL AR CITY
AR
AR
AWE AWARD FINALIST AWE AWARD FINALIST
UNITY DEVELOPMENT CASE 2019
Slide 5
Slide 5 text
PAGE 5
TODAY'S TOPIC
Slide 6
Slide 6 text
PAGE 6
&
02
AR
3 .
01 03 04
AR
,
.
,
.
3 .
Slide 7
Slide 7 text
PAGE 7
気合いれすぎてスライドが100枚近いので少し早めのペースで話します笑
資料は後ほどアップロードするのでゆったり聞いて下さい。
公開時にTweetするのでよければフォローを。
@kajikent
Slide 8
Slide 8 text
PAGE 8
発表時の収録動画はこちらから観れます
⾃分は57:00あたりから話してます
https://www.pscp.tv/w/1YpKkvmQVNyxj
Slide 9
Slide 9 text
PAGE 9
AR , 3
IDEATION & CONCEPT MAKING
Slide 10
Slide 10 text
PAGE 10
優れたARサービスの定義とは？
&
Slide 11
Slide 11 text
PAGE 11
AR
&
Slide 12
Slide 12 text
PAGE 12
AR
&
Slide 13
Slide 13 text
PAGE 13
AR
&
Slide 14
Slide 14 text
PAGE 14
AR
&
Slide 15
Slide 15 text
PAGE 15
AR
&
Slide 16
Slide 16 text
PAGE 16
AR
&
今⽇はこのコアな部分を満たす
アイデアをどう⾒つけるか
Slide 17
Slide 17 text
PAGE 17
AR
どうすればユーザー課題の芯を⾷っていつつ、
ARである必然性のあるサービスアイデアを⾒つけることができるか？
&
Slide 18
Slide 18 text
PAGE 18
AR
本質的なテーマなので
万能のソリューションはないが、ポイントを3つ紹介
&
Slide 19
Slide 19 text
PAGE 19
AR
優れたARサービスアイデアを⾒つけるための3つのポイント
&
Slide 20
Slide 20 text
PAGE 20
AR
&
優れたARサービスアイデアを⾒つけるための3つのポイント
Slide 21
Slide 21 text
PAGE 21
&
サービスアイデアの価値がブレないように、解くべき問いを明確にする
AR
Slide 22
Slide 22 text
PAGE 22
&
優れたデザイナーであるためのルールの⼀つは、
解決するように求められている問題を決して解決しないこと
その際に重要なのが・・・
つまりユーザーやクライアントから
⾔われた課題をそのまま解くべき問いに設定しないこと
Slide 23
Slide 23 text
PAGE 23
&
=
WHY?
Slide 24
Slide 24 text
PAGE 24
AR
&
優れたARサービスアイデアを⾒つけるための3つのポイント
Slide 25
Slide 25 text
PAGE 25
&
ARサービスにありがちなのが、それARでやる必要あるの？という問題
Slide 26
Slide 26 text
PAGE 26
&
その問題の解決策として、アイデア出しの際にはARを忘れるのがポイント
ARに限らずアイデアを発散し、それでも選ぶアイデアにはARである意味がある
Concept
サービス⾃体の価値 ARである必要性
Slide 27
Slide 27 text
PAGE 27
AR
&
優れたARサービスアイデアを⾒つけるための3つのポイント
Slide 28
Slide 28 text
PAGE 28
&
Slide 29
Slide 29 text
PAGE 29
&
作ってみないと体験の質が分からない
ARのサービスデザインにおいて⾮常に重要
Slide 30
Slide 30 text
PAGE 30
&
提案型の関係だと攻めと守りの構造になりがちで、
パートナーと⼀緒にアイデアをアジャイルに磨き上げていけるワークショップ型で議論
クライアント
⾃社 ⾃社
パートナー
Slide 31
Slide 31 text
PAGE 31
AR
これら3つによって
&
Slide 32
Slide 32 text
PAGE 32
AR
&
コアな部分を満たすアイデアを⾒つける
Slide 33
Slide 33 text
PAGE 33
AR ,
ROADMAP & DESIGN METHOD
Slide 34
Slide 34 text
PAGE 34
&
なぜロードマップとデザインメソッドがあると良いか？
チームで同じ⽅向を向いて動ける
⼤事な視点を取りこぼさなくなる
サービスイメージをチーム内で共有しやすくなる
Slide 35
Slide 35 text
PAGE 35
&
ARサービスデザインにおけるロードマップとデザインメソッドのポイント
サービスデザイン
基本ロードマップ
抑える
AR特有の
デザインメソッド
を活⽤
01 02
Slide 36
Slide 36 text
PAGE 36
&
ARサービスデザインにおけるロードマップとデザインメソッドのポイント
サービスデザイン
基本ロードマップ
抑える
AR特有の
デザインメソッド
を活⽤
01 02
Slide 37
Slide 37 text
PAGE 37
&
基本はGarrettの5レイヤーに沿って⾏う
Element of User Experience | 2002
Slide 38
Slide 38 text
PAGE 38
&
ϢʔβʔΰʔϧɾϏδωεΰʔϧʁ
Ͳ͏͍ͬͨػೳͱίϯςϯπΛΓࠐΉ͔ʁ
Ͳ͏͍͏ใߏʁΠϯλϥΫγϣϯʁ
ஔɾφϏήʔγϣϯɾใͷࠎ֨ʁ
ݟͨɾײ͡ํΛͲ͏σβΠϯ͢Δ͔ʁ
ॱ൪
Slide 39
Slide 39 text
PAGE 39
AR
&
"34FSWJDF%FTJHO.FUIPE
ϓϩμΫτεςʔτϝϯτ
δϟϕϦϯϘʔυ
ϖϧιφγʔτ
ϢʔβʔετʔϦʔϚοϐϯά
Ϣʔεέʔεγʔτ
ετʔϦʔϘʔυ
λεΫϑϩʔ
*"Ϛοϓ
ϦΞϦςΟγʔΫΤϯε
ϦΞϦςΟεέον
)J'JϫΠϠʔϑϨʔϜ
-P'JϓϩτλΠϓ
4LFUDIσβΠϯ
)J'JϓϩτλΠϓ
ޒײνΣοΫ
ॱ൪
Slide 40
Slide 40 text
PAGE 40
AR
&
"34FSWJDF%FTJHO.FUIPE
ϓϩμΫτεςʔτϝϯτ
δϟϕϦϯϘʔυ
ϖϧιφγʔτ
ϢʔβʔετʔϦʔϚοϐϯά
Ϣʔεέʔεγʔτ
ετʔϦʔϘʔυ
λεΫϑϩʔ
*"Ϛοϓ
ϦΞϦςΟγʔΫΤϯε
ϦΞϦςΟεέον
)J'JϫΠϠʔϑϨʔϜ
-P'JϓϩτλΠϓ
4LFUDIσβΠϯ
)J'JϓϩτλΠϓ
ޒײνΣοΫ
ॱ൪
Slide 41
Slide 41 text
PAGE 41
&
ARサービスデザインにおけるロードマップとデザインメソッドのポイント
サービスデザイン
基本ロードマップ
抑える
AR特有の
デザインメソッド
を活⽤
01 02
Slide 42
Slide 42 text
PAGE 42
AR
&
ARサービスをつくる上での課題の⼀つが、
ラフな段階のサービスイメージをどうやって形にしてチームと共有するか。
つまり、ARサービスにおけるワイヤーフレームをどう記述すればいいか。
Slide 43
Slide 43 text
PAGE 43
AR
&
ユーザーが⾃由に視点を選べるARサービスにおいては、
従来のスクリーンベースのワイヤーフレームではサービス体験を⼗分に表現できない
Slide 44
Slide 44 text
PAGE 44
AR
&
MESONではLillian Warnerの「REALITY SEQUENCE」と「REALITY SKETCH」を使⽤
Slide 45
Slide 45 text
PAGE 45
AR
&
「REALITY SEQUENCE」はスクリーンベースではなくシーンベースで
ユーザー体験を定義するデザインツール
Slide 46
Slide 46 text
PAGE 46
AR
&
UI
Slide 47
Slide 47 text
PAGE 47
AR
&
⼀連の体験イメージをメンバー間で揃えてからデザインや開発に⼊る
Slide 48
Slide 48 text
PAGE 48
AR
&
どういった現実環境でユーザーがサービスを体験しているかを
REALITY SKETCHで第三者視点で設計
Slide 49
Slide 49 text
PAGE 49
AR
&
こうした2つのデザインツールをうまく活⽤しながら、
スクリーンベースではなくシーンベース、すなわちユーザーの視界や環境を考慮した
サービス設計をすることが⾮常に重要
Slide 50
Slide 50 text
PAGE 50
,
TEAM & COLLABORATION
Slide 51
Slide 51 text
PAGE 51
TEAM&COLLABORATION
ARサービスデザインにおける
チーム作りとコラボレーションにおいて⼤事な3つのこと
&
Slide 52
Slide 52 text
PAGE 52
TEAM&COLLABORATION
&
ARサービスデザインにおける
チーム作りとコラボレーションにおいて⼤事な3つのこと
Slide 53
Slide 53 text
PAGE 53
ARサービスデザイン = Spatial Experience Design = 総合格闘技
通常のサービス開発以上に広範囲なスキルの⼈材が必要
&
Slide 54
Slide 54 text
PAGE 54
&
MESONでは様々な領域のクリエイターを必ずチームに⼊れて
サービスをつくるようにしている
Slide 55
Slide 55 text
PAGE 55
プロジェクトごとに外部のクリエイターを巻き込んで感覚のレイヤーまで作り切る
&
3D
Slide 56
Slide 56 text
PAGE 56
TEAM&COLLABORATION
&
ARサービスデザインにおける
チーム作りとコラボレーションにおいて⼤事な3つのこと
Slide 57
Slide 57 text
PAGE 57
ARサービスは、空間・五感体験のデザインなので、
作り込もうと思ったら際限なくできてしまう
&
Slide 58
Slide 58 text
PAGE 58
したがって、通常のサービス以上に
「やらないこと」を決めることが⼤事
&
Slide 59
Slide 59 text
PAGE 59
アプリケーション定義ステートメントシートを使⽤
&
Slide 60
Slide 60 text
PAGE 60
.
.
.
.
&
Slide 61
Slide 61 text
PAGE 61
サービスの存在意義とコア機能、諦めることを明確にすることで、
より良い体験をつくるための⼯夫や、 迷った時の判断基準の指針となる
&
Slide 62
Slide 62 text
PAGE 62
TEAM&COLLABORATION
&
ARサービスデザインにおける
チーム作りとコラボレーションにおいて⼤事な3つのこと
Slide 63
Slide 63 text
PAGE 63
ARは空間的・五感的な体験なので、⾔葉や絵で伝えきれないことも多い。
演出⾯においては特に。
&
Slide 64
Slide 64 text
PAGE 64
「アレみたいな感じ」で伝わるチームの引き出しを
いかに増やせるかが重要なテーマ
&
Slide 65
Slide 65 text
PAGE 65
TEAM&COLLABORATION
MESONでは以下を通してチームの「アレ」の引き出しを増やしている
&
AR VR Pinterest
Slide 66
Slide 66 text
PAGE 66
TEAM&COLLABORATION
ARサービスデザインにおける
チーム作りとコラボレーションにおいて⼤事な3つのこと
&
Slide 67
Slide 67 text
PAGE 67
3
TEST & ITERATION
Slide 68
Slide 68 text
PAGE 68
TEST & ITERATION
ARサービスのクオリティを⾼めていくためには
以下の3つのテストが⾮常に重要
&
Slide 69
Slide 69 text
PAGE 69
TEST & ITERATION
&
ARサービスのクオリティを⾼めていくためには
以下の3つのテストが⾮常に重要
Slide 70
Slide 70 text
PAGE 70
空間的な体験であるARサービスは
⾔葉や平⾯イメージで考えていたものと⼤きく異なる
&
Slide 71
Slide 71 text
PAGE 71
必ず実際にイメージできるプロトタイプを通してUXの設計を詰めていく
&
プロトタイピングなしにARサービスの体験・仕様をFixする
ことは諦めた⽅が良い
Google AR @AWE
Slide 72
Slide 72 text
PAGE 72
&
3つのレベルのプロトタイピングを通して
チームでイメージを確認しながらサービスの設計を詰めていく
Flinto Principle Unity
Slide 73
Slide 73 text
PAGE 73
&
Flinto Principle Unity
Slide 74
Slide 74 text
PAGE 74
TEST & ITERATION
&
ARサービスのクオリティを⾼めていくためには
以下の3つのテストが⾮常に重要
Slide 75
Slide 75 text
PAGE 75
ARサービスは現実環境も含めてUX
&
Slide 76
Slide 76 text
PAGE 76
現実環境の物理的なスペースや照明環境、サウンド環境などの中で
どういった体験になるかをできるだけ早期にテスト
&
Slide 77
Slide 77 text
PAGE 77
実環境で初めて起きるバグもあるので、
必ず本番と同じ環境でできるだけ早期にテストする
&
Slide 78
Slide 78 text
PAGE 78
TEST & ITERATION
&
ARサービスのクオリティを⾼めていくためには
以下の3つのテストが⾮常に重要
Slide 79
Slide 79 text
PAGE 79
基本的に作り⼿のイメージどおりに使ってもらえるのは稀。
特にARはまだユーザーのリテラシーが上がっていないので顕著。
&
Slide 80
Slide 80 text
PAGE 80
デザインプロトの段階から2種類のユーザーテストを⾏い
⾃分たちの設計の⽋陥に早く気づく
&
Slide 81
Slide 81 text
PAGE 81
&
1. Task Test
Slide 82
Slide 82 text
PAGE 82
&
2. Comprehension Test
Slide 83
Slide 83 text
PAGE 83
&
ユーザーテストで⾒つかった使いづらい点・分かりづらい点を修正
Slide 84
Slide 84 text
PAGE 84
TEST & ITERATION
ARのサービスデザインにおいては以下の3つのテストが⾮常に重要
&
Slide 85
Slide 85 text
PAGE 85
WRAP UP
Slide 86
Slide 86 text
PAGE 86
&
02
AR
3 .
01 03 04
AR
,
.
,
.
3 .
Slide 87
Slide 87 text
PAGE 87
AR
&
Slide 88
Slide 88 text
PAGE 88
AR
優れたARサービスアイデアを⾒つけるための3つのポイント
&
Slide 89
Slide 89 text
PAGE 89
&
ARサービスデザインにおけるロードマップとデザインメソッドのポイント
サービスデザイン
基本ロードマップ
抑える
AR特有の
デザインメソッド
を活⽤
01 02
Slide 90
Slide 90 text
PAGE 90
AR
&
"34FSWJDF%FTJHO.FUIPE
ϓϩμΫτεςʔτϝϯτ
δϟϕϦϯϘʔυ
ϖϧιφγʔτ
ϢʔβʔετʔϦʔϚοϐϯά
Ϣʔεέʔεγʔτ
ετʔϦʔϘʔυ
λεΫϑϩʔ
*"Ϛοϓ
ϦΞϦςΟγʔΫΤϯε
ϦΞϦςΟεέον
)J'JϫΠϠʔϑϨʔϜ
-P'JϓϩτλΠϓ
4LFUDIσβΠϯ
)J'JϓϩτλΠϓ
ޒײνΣοΫ
ॱ൪
Slide 91
Slide 91 text
PAGE 91
AR
&
MESONではLillian Warnerの「REALITY SEQUENCE」と「REALITY SKETCH」を使⽤
Slide 92
Slide 92 text
PAGE 92
TEAM&COLLABORATION
ARサービスデザインにおける
チーム作りとコラボレーションにおいて⼤事な3つのこと
&
Slide 93
Slide 93 text
PAGE 93
TEST & ITERATION
ARのサービスデザインにおいては以下の3つのテストが⾮常に重要
&
Slide 94
Slide 94 text
PAGE 94
&
02
AR
3 .
01 03 04
AR
,
.
,
.
3 .
Slide 95
Slide 95 text
PAGE 95
CLOSING
Slide 96
Slide 96 text
PAGE 96
MESONではプロデューサー・エンジニア・デザイナーなど全職種募集しています。
ぜひ⼀緒にAR時代のユースケースとUXを作っていきましょう！
Slide 97
Slide 97 text
PAGE 97
THANK YOU!
@kajikent