すたみと3登壇資料.pdf

ˇ 【すたみと#3 特別編】夏のxR⾃由研究発表祭

2 本間悠暉 @y__homm ⾃⼰紹介 MESON ディレクター/デザイナー Spatial時代のユースケースとUXをつくる会社MESONにディレクター/デザイナーとして所属。 Twitterやnoteにて⾃分のアイデア・プロトタイプ、体験を拡張するプロダクトをハントして発信中。
ONWARD：『PORTAL』, 博報堂：AR City, 共同研究第2弾 Twitter URL

3 ⾃分のアイデアをARですぐ形にできるプロトタイピング！！本⽇のテーマ

4 本⽇持ち帰ってほしいこと！アイデアプロトタイプ⼿法 TORCH ARとFigmaを⽤いた ARプロトタイプ⼿法をシェアします！⽇々のアイデア⼒を鍛える& すらすらアイデアを出す
ための⼿法を共有します！ ARプロダクトのプロトタイプづくりの2要素！

5 プロトタイプ動画

6 プロダクト開発のサイクル⽬標の設定、必要な要素の洗い出し、アイデア決定、プロトタイプ作成、デモの発表というサイクルを何周も回していく Goal Key factor Idea Proto Demo
show

7 共同研究における開発サイクル⽬標設定とその要因の洗い出しはnoteを読んでいただけると！ Goal Key factor Idea Proto Demo show

8 共同研究における開発サイクル今⽇はアイデア出しとプロトタイプ作成について説明！ Goal Key factor Idea Proto Demo show

9 1. アイデア

10 とっておきアイディエーション…！

Spatial ⼤喜利インスタントアイデアブレスト法

Spatial ⼤喜利インスタントアイデアブレスト法⾃分 ARおじさん

Spatial ⼤喜利 Spatial花⽕！！インスタントアイデアブレスト法

Spatial ⼤喜利 Spatial花⽕！！ AR時代は、みんなが花⽕を打ち上げ年末年始やお盆は街中がAR花⽕だらけに!! インスタントアイデアブレスト法

Spatial ⼤喜利 Spatial天気の⼦！！インスタントアイデアブレスト法

Spatial ⼤喜利 Spatial天気の⼦！！将来はSNS上の友⼈たちの感情とリンクして ARエフェクトで⾬が降ったり、晴れたり、感情の共有できる！インスタントアイデアブレスト法

17 AR⼤喜利のコツはとにかくポップに繰り返し続けること！思った5倍くらい脳が柔らかくなるのでおすすめです！

アイデアの例

19 2. プロトタイプ

使⽤ツール使⽤するツールはFigmaとTorch デザインツール (PC) ARプロトタイプツール（iPhone, iPad）

- その場で、ランウェイに登場する服の素材感を知ることができる 21 1. 体験フローを考える対象物体の検知 ARWikiの表⽰アプリ起動
03 04 01 Wikiの選択 02 体験フローを洗い出します

- その場で、ランウェイに登場する服の素材感を知ることができる 22 1. 体験フローを考える対象物体の検知 ARWikiの表⽰アプリ起動
03 04 01 Wikiの選択 02 ⾮AR体験と、AR体験フローを考えていきます⾮AR体験 AR体験

- その場で、ランウェイに登場する服の素材感を知ることができる 23 2. ⾮AR体験をかんがえる Figmaを⽤いて、画⾯をデザインします！

- その場で、ランウェイに登場する服の素材感を知ることができる 24 2. ⾮AR体験をかんがえる画⾯遷移をプロトタイピングします！！

- その場で、ランウェイに登場する服の素材感を知ることができる 25 2. ⾮AR体験をかんがえる Figmaでのデザインを学びたい⽅は、こちらの⽅の記事を参考に！ https://note.mu/fjkn

- その場で、ランウェイに登場する服の素材感を知ることができる 26 3. AR体験のプロトタイピング TORCHはノンコーディングで 3Dオブジェクトの配置/インタラクションをデザインするツール

- その場で、ランウェイに登場する服の素材感を知ることができる 27 3. AR体験のプロトタイピングプロジェクトを作成プロジェクトX

- その場で、ランウェイに登場する服の素材感を知ることができる 28 3. AR体験のプロトタイピング体験シーンを作成シーン1 シーン2
シーン3 プロジェクトX

- その場で、ランウェイに登場する服の素材感を知ることができる 29 3. AR体験のプロトタイピング 3Dオブジェクトや写真、動画をシーンに配置シーン1 シーン2
プロジェクトX シーン3

- その場で、ランウェイに登場する服の素材感を知ることができる 30 3. AR体験のプロトタイピングオブジェクトや、シーン遷移のインタラクション決めるシーン1 シーン2
シーン3 プロジェクトX

31 TORCH内で、できること 3Dモデル動画/写真 PNG, SVG（UIパーツ） Q. どんなものを配置できるの？天球型写真

32 TORCH内で、できることカメラフォルダ端末内フォルダ Dropbox Q. どこから配置できるの？ Skechfab Poly

33 TORCH内で、できることイメージトラック GAZE Approach Q. どんなインタラクション（⼊⼒）が可能なの？ Tap

34 TORCH内で、できること移動回転⾊を変える Q. どんなインタラクション（出⼒）が可能なの？ ETC,,,

35 TORCHをうまく組み合わせると…？こんなことができるように！

36 おもしろいxRアイデアをかたちにしていきましょう！（質問ありましたら気兼ねなく懇親会で聞いてください）

37 ご静聴ありがとうございました！

38 おまけ

39 プロトタイピングが重要な理由空間的・⽴体的な体験であるARサービスのUXや仕様は作りながらでないと決められないため、⾼速でプロトタイピングしながら設計の解像度を上げていく必要がある Fixをさせないサービスデザインが必要プロトタイプによるトライ＆エラーとブラッシュアップは際限なくできてしまうので、最初に期限を決めてその時点までの最適解を定め、改善サイクルを回すが
重要終わりからはじめる開発スタイル AWEで発表されていたGoogleのAR開発⼿法

アイデアシート

インスタントアイデアブレスト法① Spatial （3Dのインタラクションを持つ）（3Dオブジェクトを⽤いた）（HyperSpaceを⽤いた） × Instagram Google Dropbox LINE
Airbnb Facebook Spotify

すたみと3登壇資料.pdf

すたみと3登壇資料.pdf

More Decks by Yuki Homma

Other Decks in Design

Featured

Transcript