バーチャル リアリティをモバイル アプリのプロトタイピングに組み込む方法
公開: 2018-02-25プロトタイプが最終製品に近いほど良い
90 年代、バーチャル リアリティが世界を変えようとしていました。 The Lawnmower Man 、 The Matrix 、 Existenzなどの映画は、危険に満ちた別の世界を作り出すことができる、ほぼ超自然的な力としての VR のイメージと、通常の人間の能力を超える力を生み出しました。 Nintendo Virtual Boy や Sega VR Headset のような初期のコンシューマー グレードの VR ツールさえいくつかありました。
そして、すべてが消えたように見えました。
多くの点で、初期の頃は VR の子供時代のようなものでした。 私たちは大きな夢 (と恐怖) を持っていましたが、それがどのように機能するのか、実際には何に役立つのかについてかなり漠然とした考えを持っていました。 VR ツールは粗雑で高価で、世界はまだ準備ができていませんでした。 これは単なるテクノロジーの問題ではありませんでした。私たちは直感的な UI を開発する方法を理解し始めたばかりでした (そして、UX デザインはまだ初期段階にありました)。
しかし、これで準備は完了です。
VR はここ数年で爆発的に普及しました。 15 ドルの Google Cardboard ディスプレイを使ってスマートフォンを VR ツールに変えることも、基本的なクラフト ツールを使って自分で作ることもできます。 Oculus Rift や HTC Vive などの強力な没入型ヘッドセットでさえ、ハイエンドの Apple MacBook よりも安価です。
90 年代とは異なり、消費者の需要は膨大です。 Zion Market Research によると、世界のバーチャル リアリティ市場は 2022 年まで 54.01% という驚異的な複合年間成長率で拡大し続け、268.9 億ドルの価値に達すると予測されています。 別の調査によると、Google Play と App Store からの VR アプリのダウンロードは 2016 年に 276% 増加しました。
ただし、開発者やデザイナーにとっては、まだ初期の段階です。 SDK とデザイン ツールはたくさんありますが、コードに飛び込まずに機能的なバーチャル リアリティ プロトタイプを作成したいモバイル アプリ デザイナーにとって、VR コンポーネント ライブラリまではそれほど多くはありませんでした。
モバイル バーチャル リアリティ アプリの現在の位置
バーチャル リアリティを実現するには、2 つの基本的な方法があります。3 つまたは 6 つの自由度を使用します。 3 つの自由度は、現在 Android やその他のモバイル デバイスの仮想現実が機能する方法です。 ユーザーは任意の方向を向いて、立っている仮想空間内のオブジェクトとやり取りできます。一部の専用 VR コントローラーでは、6 つの自由度が許可されます。つまり、アプリは室内でのユーザーの動きを追跡することもでき、仮想空間。
なぜスマートフォンは 6 度できないのですか? 携帯電話は方向の変化を追跡するのは得意ですが、物理空間での動きを正確に追跡することはできません。 実際、現時点では、VR コントローラーには、6 度の VR を実現するための外部センサーを備えた専用の部屋と、処理を処理するための外部デバイスが必要です。
ほとんどのモバイル アプリのプロトタイピングでは、いくつかの理由から 3 つの段階に焦点を当てています。
- それは広く利用可能であるため、はるかに大きな市場があります。
- コンピューターに接続された特別に構成された部屋だけでなく、どこでも実行できます。
- それを使用したりテストしたりするのに、特別な (そして高価な) 装備は必要ありません。
バーチャル リアリティがどのように発展するかを正確に予測するのは困難ですが、VR で 6 度が狭いニッチのままである可能性は十分にあります。 VR の優れた点の 1 つは、物理環境の制約から逃れることができることです。これは、仮想空間全体を構成する必要がある場合に失われるメリットです。
バーチャル リアリティ アプリの開発
プロトタイプが最終製品に近づけば近づくほど、より良いものになります。 完全に開発された製品に変更を加えるコストは、プロトタイプに変更を加えるよりもはるかに高いという単純な理由があります。 アプリのプロトタイプは、アプリの機能、UI、およびユーザー エクスペリエンスをできるだけ厳密にシミュレートする必要があります。 そうすれば、アプリの準備ができたときにユーザーと一緒にテストした場合に得られるフィードバックに近いものになります。
あなたにおすすめ:
メタバースがインドの自動車産業をどのように変革するか
反営利条項はインドのスタートアップ企業にとって何を意味するのか?
Edtech スタートアップがインドの労働力のスキルアップと将来への準備をどのように支援しているか...
今週の新時代のテック株：Zomatoのトラブルは続き、EaseMyTripはスト...
インドの新興企業は資金調達を求めて近道をする
デジタル マーケティング プラットフォームの Logicserve が 80 億ルピーの資金を調達し、LS Dig...
そうは言っても、UI ライブラリは Android または iOS 用に最新の状態にする必要があります。 スマートフォンをコントローラーとしてのみ使用している場合でも、複雑な方法でアプリを操作できるように、視線制御のサポートが必要です。 インタラクションとアニメーションは、プロトタイピングでデザイン要素を釘付けにすることができるように、同様に優れている必要があります.
多くの点で、バーチャル リアリティ プロトタイピング ツールを適切に使用することはさらに重要です。 1 つには、モバイル アプリのプロトタイピングに適用される実証済みの真の設計規則に頼ることはできません。 Android の画面で見栄えのするシンプルなインターフェイスは、360° の 3 つの軸で作業する場合、必ずしも翻訳されるとは限りません。 バーチャル リアリティ アプリがスキューモーフィズムとマテリアル デザインの議論をかき立て、ベスト プラクティスが変化することは間違いありません。
また、直感やラフスケッチに頼ることもできません。 最終製品の作成に時間を費やす前に、それがどのように機能するかを可能な限り詳細にシミュレートする必要があります。
さらに、グラフィックが豊富で没入型の環境を作成することは、通常のモバイル アプリのプロトタイピングよりもはるかに重要になります。 ユーザーに画面を顔に固定するように求めていますが、これは不便です。ユーザーは、まったく同じボタンが同じことを実行しているにもかかわらず、空間に浮かんでいるよりも多くのことを利用する必要があります。
仮想現実の面白さの多くは、インタラクションとマイクロインタラクションにかかっています。 オブジェクトがフラット スクリーン上で光ったり、影を落としたりする場合、それは単なる効果です。 他のデザイン要素と相互作用することはできますが、それでもユーザーからは多少離れています。 仮想現実では、ユーザーは実際に光源を操作できます。 距離を使用して優先度を示したり、ユーザーにさまざまな方向をちらりと見てさまざまなタスクを完了させたりすることができます。
これにより、革新的なデザイナーがまったく新しい方法でユーザーを喜ばせる機会が生まれます。 実際にシミュレートされたスポットライトを使用して、重要なタスクを強調したり、ユーザーの気分や特定のタスクの性質に応じて部屋のデザインを変更したりできます。 アニメーション化された要素は、揺れて切迫感を生み出したり、ユーザーに向かって移動して新しい情報に注意を向けたりすることができます。
ただし、ユーザー コントロールのプロトタイプを作成しないと、これらの要素をまとめてテストすることはできません。 画面を操作しているときは直感的なユーザー フローのように見えるかもしれませんが、ユーザーが視線ですべてを制御している場合は、絶対的な悪夢になる可能性があります。 ユーザーが環境と対話する方法を実際にシミュレートできる必要があります。そうしないと、プロジェクトの後半で不幸なウェイクアップ コールが発生する可能性があります。
そして、2D アプリ開発ワークフローと調和するように機能するには、これらすべてが必要です。 VR と従来のインターフェイスの両方をサポートしたい場合は、まったく新しいツール セットを学習したり、アプリの 2 つの異なるプロトタイプをモックアップしたりする必要はありません。同じフレームワーク内で両方を設計およびテストできる必要があります。
Proto.io で VR アプリのプロトタイプを作成する方法
Proto.io は、デザイナーや開発者が従来のモバイル アプリのプロトタイピングに依存しているのと同じ直感的な Proto.io ワークフローを使用して、独自の VR 体験をシミュレートできるようにする VR プロトタイピング デバイス ライブラリを開発しました。
ユーザーは 360° 写真をアップロードし、ウォークスルーをデザインできます。 Proto.io Asset Flow は、Sketch や Photoshop などの業界標準ツールとシームレスに統合され、家の中を見学するのと同じくらい簡単に、素晴らしい仮想世界でのウォークスルーをシミュレートできます。
当社の VR コンポーネント ライブラリを使用すると、メニューやその他の視線ベースのコントロールをシミュレートしたり、アニメーションやサウンドを追加したり、レイアウトを微調整して仮想空間を最大限に活用したりすることも簡単になります。 また、Proto.io アプリを実行する任意のデバイスでプロトタイプをプレビューできるため、驚異的な柔軟性が得られます。 たとえば、MacBook を使用して Web アプリでシーンを作成し、それをテストして Android 用の仮想現実バージョンを微調整し、Oculus Rift または別のハイエンド VR ヘッドセットでデモを行うことができます。
バーチャル リアリティ アプリの使用を開始する
VR を始めるためのチュートリアルをいくつかまとめました。 VR を始めようとしている経験豊富な開発者であろうと、VR プロトタイピングがまったく初めての開発者であろうと、基本的な VR 環境を作成することは素晴らしい第一歩です。 約 3 分で、VR コンテナーをロードし、画像を追加して、デバイスで表示する方法を学習します。
それが完了したら、Proto.io を離れることなく、オンデマンドのウェビナー、VR プロトタイピングをチェックしてください。 最初に、見事な 360° 画像を使用して、最初のインタラクティブなウォークスルーを作成する方法を紹介します。 次に、ボタンを押すと展開、光り、音が鳴るゲーム メニューの作成方法を説明します (ゲーム メニューのチュートリアルを個別に視聴することもできます)。 その過程で、次のような他の仮想現実アプリの構築に役立つ多くのスキルを習得できます。
- ユーザーの視線に反応するVRボタンを作る。
- シーンチェンジのきっかけ。
- フラット イメージとビーコンを使用して、さまざまな種類のシーンの変化を示します。
- VR アプリにサウンドを組み込む。
Proto.io を初めて使用する場合は、すべてがどのように連携するかの感触も得られます。 VR コンテナはいくつかの点で特別ですが、ワークフローを可能な限り一貫したものにしています。 アプリを作成した経験があり、最後の手段としてのみマニュアルを使用するタイプの場合は、それでうまくいくはずです。 それ以外の場合は、ユーザー ガイドに必要な情報がすべて記載されています。
デザインと UI の詳細については、The UX of VR を参照することを強くお勧めします。 そこでは、優れたビデオ、記事、本、スライド デッキ、およびその他のリソースがたくさんあり、バーチャル リアリティのユーザー エクスペリエンスのエキスパートになることができます。
この投稿は Proto.io ブログに最初に掲載されたもので、許可を得て転載しています。