3D空間を扱うUI表現とユーザビリティ

by Akinen

Slide 1

Slide 1 text

3D空間を扱うUIの表現とユーザビリティ

Slide 2

Slide 2 text

自己紹介小澤晶徳 (Akinen) 株式会社ambr デザイナー面白法人カヤックにてエンジニアとして入社後、デザイナーに転向。EdTech、InsurTech を経て、本年９月よりambrにジョイン。

Slide 3

Slide 3 text

仮想空間及びユーザー体験を創造するメタバースクリエイティブ事業メタバースクリエイティブスタジオ事業メタバースコミュニティサービス事業

Slide 4

Slide 4 text

今回お話すること 3D空間を扱うアプリデザインにおいて、ユーザビリティを高めるには何を意識すべきか？ Usable Emotional

Slide 5

Slide 5 text

ユーザビリティ・目的の操作が達成できる・ユーザーにとって容易に理解・操作できる・ストレスや混乱が最小限に抑えられている Usable＝使いものになる

Slide 6

Slide 6 text

アフォーダンス Usable

Slide 7

Slide 7 text

The Future Is Coming. 1980 2010 2030 1) internetTECHIES: https://www.clickonf5.org/gadgets/smartphones-technology-evolution/10338 2) Nreal Air: https://tokusengai.com/_ct/17524014 過渡期

Slide 8

Slide 8 text

SFと実際 1) Minority Report(2002): https://www.re-thinkingthefuture.com/rtf-architectural-reviews/a5674-an-architectural-review-of-minority-report/ 2) Apple Vision Pro:

Slide 9

Slide 9 text

「押せる」 UIへの人類の適応 1980 2010 過渡期 2030 平面物理ボタン３D空間上のボタン

Slide 10

Slide 10 text

UIの探求も必要である一方で、頻繁に行う操作ほど既存のUIに合わせるのが望ましい。ユーザーの認知に合わせる＝操作方法がわかる

Slide 11

Slide 11 text

「Bondee」アプリ画面より引用

Slide 12

Slide 12 text

UIと「没入感」文字シンボル

Slide 13

Slide 13 text

自然に文字は存在しないユーザーは現実とデジタルの境界を意識せず、シームレスに操作できるシンボル・サイン、ジェスチャー操作を活用する「Sky 星を紡ぐ子どもたち」ゲーム画面より引用

Slide 14

Slide 14 text

画面は覗き込む窓である画面 UI ３D空間を覗き込む窓情報の付与・行動の補助

Slide 15

Slide 15 text

心地よい操作性 Usable

Slide 16

Slide 16 text

３Dは、疲れる 2D 3D 情報過多ミニマム

Slide 17

Slide 17 text

Game Feel (Game Juice) ゲームをプレイしたときの心地よさ、快適さ 3C カメラ 􀌞 コントロール 􀧐 キャラクター 􀉩

Slide 18

Slide 18 text

カメラ 3D空間を映すには、カメラが必要。カメラの操作性・自由度がユーザビリティに直結する。カメラ越しに世界を見ている

Slide 19

Slide 19 text

コントロール抽象化できるもの、素早く実行したい操作に向いている空間を探索したり、オブジェクトを移動するなど、空間を直接扱う動作 2D：素早くシンプルな動作 3D: インタラクティブな操作

Slide 20

Slide 20 text

キャラクター自己投影感があり、操作性・カスタム性を高めることで愛着を持たせることが可能。アバターがいるだけで空間の存在意義・物語性が生まれる

Slide 21

Slide 21 text

愛着を持てるUI Emotional

Slide 22

Slide 22 text

MVP？ Minimum Viable Product Usable

Slide 23

Slide 23 text

Usable Emotional MVP Minimum Viable Product

Slide 24

Slide 24 text

エモーショナルデザイン UIは「タスクを完了するための手段」だけではない。機能性だけでなく人を惹きつける要素が必要。 Emotional = 情緒的な https://winworldpc.com/product/microsoft-excel/97

Slide 25

Slide 25 text

機能性認知しやすさ魅力感情エモさ

Slide 26

Slide 26 text

3Dにおける「エモさ」シェーダーアニメーションサウンド世界観に厚みを持たせ、没入させる役割

Slide 27

Slide 27 text

まとめ・現在は3DUIの過渡期であり、ユーザーの認知と没入感を重視したデザインが求められる。・単に機能的であるだけではなく、感情的（Emotional）な要素を加えてユーザーの愛着を引き出すことが重要。 Usable Emotional

Slide 28

Slide 28 text

ご清聴ありがとうございました @_akinen AMAでご意見・ご感想をお待ちしております！