VR/ARデザインへの飛躍

公開: 2022-03-11

三次元でのデザイン思考。

バーチャルリアリティはもはやサイエンスフィクションの領域ではありません。 過去数年間で、仮想および拡張現実(VR / AR)市場は、マイクロソフト、グーグル、HTC、フェイスブック、さらにはアップルなどの大手テクノロジー企業が参入することで熱くなっています。そして、テクノロジーはもはやゲーマーだけのものではありません。車の販売から企業のトレーニングまで、あらゆるものに使用されています。 ForbesはVRとARヘッドセットの売上が2021年までに8000万ドルに達すると予測しており、TechCrunchはARが2021年までに1,080億ドルのAR/VR市場の主要な推進力になる可能性があると主張しています。

現在、VR/ARの風景は西部開拓時代に少し似ています。 多くの標準やガイドラインは存在せず、多くの人々はまだVR / ARが何であるか、そしてなぜそれが重要であるかを完全には確信していません。 設計者にとって、 仮想現実設計と拡張現実設計は、他の誰かが概説した事前設定されたルールに従うのではなく、まったく新しい業界の作成と設計の1階に入る機会を提供します。つまり、設計標準を開発します。

SamsungVRヘッドセット-ARVRデザイン

ほとんどの設計者は、コンピューター、モバイルデバイス、さらには印刷デザインなど、フラットスクリーンで自分の技術を磨くのに何年も費やしてきたため、3Dデザインに飛び込むのは気が遠くなるように思えるかもしれません。 あなたがすでに持っているスキルの多くがこの新しいフロンティアに適用されていることを知って驚くかもしれません。

他の設計プロジェクトと同様に、プラットフォーム、ターゲットオーディエンス、およびあなた(またはクライアント)が達成しようとしていることについて、可能な限り理解し、理解することが不可欠です。 現実的になりなさい。 これは新しいフロンティアであるため、テクノロジーを把握するのにかかる時間を過小評価しないでください。間違いを犯し、そこから学ぶ準備をしてください。

はじめに:没頭する

始めるための最良の方法は、VR / ARをまだ体験していない場合は自分で体験することです。以前に試したことがある場合は、完全に没頭する時間です。 この空間はとても新しいので、できるだけ多くの直接の経験を得ずにデザインを始めることは不可能です。

予算が限られている初心者の場合は、まず、GoogleおよびAppleAppStoreからスマートフォンまたはタブレットにVR/ARアプリをダウンロードします。 多くのアプリはまだ無料で、かなり幅広い種類から選択できます。 VRを体験し始めるための最も低コストの方法であるGoogleCardboardを手に入れてください。

もう少し冒険心があり、もう少しお金があれば、GoogleDaydreamとSamsungGear VRは、ローエンドでより統合された高品質のエクスペリエンスを提供します。

仮想設計-ARVRMR設計
拡張現実と複合現実(AR / MR)は、ヘッドセットまたはモバイルデバイスを使用して、仮想世界の要素と現実世界の要素を組み合わせます。 バーチャルリアリティ(VR)は、ユーザーを仮想世界に完全に没頭させます。

より大きな手帳を持っている人のために、Oculus、HTC Vive、およびSonyは、ゲームに重点を置いたハイエンドプラットフォームを提供しています。 これらは気弱な人向けではなく、PlayStation VRの完全なバンドルの949ドルから、ハイエンドPCを搭載したViveまたはOculusシステムの数千ドルまで高額になる可能性があります。 これらのシステムには、かなりのセットアップと技術的な知識も必要です。

探索しながら、UX/UIの観点から機能するものと機能しないものをメモします。 技術的な制限と、ハードウェアがユーザーエクスペリエンスを支援しているか妨げているかを考慮に入れてください。 また、どの要素に惹かれているのかをメモしてください。VRの完全な没入感が好きですか、それともARの複合現実感が好きですか。 これは、学習に時間を費やす場所を決定するのに役立ちます。

米国を拠点とするフルタイムのフリーランスUXデザイナーが望んでいた

一人称対フラットデザイン

VR / ARはすべて約3次元であり、ユーザーインターフェイスはもはや平らな長方形の画面や表面に限定されていません。 したがって、空間デザインと空間UI要素をもう少しよく理解することが不可欠です。

空間UI要素のタイプ:

VRARデザインに沿ってフォロー

  • フォローアロング– UI要素は、環境内を移動するときにユーザーをフォローし、固定されません。 これの実際の例は、あなたの車のダッシュボードです。

ワールドロックされたarvrデザイン

  • ワールドロック– UI要素には、環境内に特別に割り当てられたスペースがあり、移動しません。 現実の世界では、この例として、道路標識、信号機、横断歩道の標識があります。

現実世界のデザインを仮想世界にどのように適用できるかを考え始めます。 視線とフォントサイズについて考え、VRでラピッドプロトタイピングを行って仮定をテストする準備をしてください。 単純な相互作用のために、オブジェクトのホットリンクを使用できる場合があります。 より複雑なインタラクションの場合は、2次または3次インタラクションを含む動的メニューを作成する必要があります。 ゲーマーはすでにこれらの概念の多くに精通しており、各タイプの空間UI要素の重要性を理解しています。

新しいインプット、新しい挑戦

初めて、ユーザーは触覚的な操作なしでUIを操作するように求められます。 マウス、タッチパッド、またはタッチスクリーンはもう必要ありません。 一部の方法はその触覚的な相互作用を模倣しますが、ほとんどの場合、ユーザーはなじみのない入力を介して仮想環境と相互作用するため、これがUIデザインにどのように影響するかを理解することが重要です。

VRデザイン

入力の種類:

  • ジェスチャー
  • 視線(視線追跡)
  • ボイス
  • ハードウェア入力:
    • プラットフォーム固有
    • タッチ&クリックコントローラー
    • ゲームコントローラー
    • 触覚

各プラットフォームまたはデバイスには、独自の入力メソッドのセットがあり、上記で説明したメソッドのすべてまたは一部のみが含まれる場合があります。 したがって、設計対象のプラットフォームを理解することが不可欠です。

基本に戻る:仮想設計のプロセス

最終製品が何であれ、すべての優れたデザインは同じように始まります。 プロジェクトと目標を十分に理解したら、コラボレーションとブレーンストーミングを開始します。 ホワイトボード、ペンと紙、またはソフトウェアなど、初期の設計コンセプトに現在使用しているものをすべて使用します。 フィードバックを収集し、可能な限り反復して、次に進む前に焦点を絞り込んで絞り込みます。

ダッシュボードのARデザインスケッチ
他のデザインプロジェクトと同様に、ブレーンストーミングの段階でスケッチやホワイトボードを作成することが、アイデアを具体化するための最良の方法です。 上の画像は、3次元AR/VRダッシュボードの初期概念を示しています。

最初の概念が洗練された後、次のステップは、ユーザーフローを作成することによってユーザーの考え方を理解することです。 ユーザーがUIを介してたどるパスをトレースすることで、パスがシンプルで理解しやすいものであることを確認できます。

最終段階はワイヤーフレームです。 UIがレイアウトされ、ユーザーがアクセスできるようにする方法を設計します。

小規模から始める:ラピッドプロトタイピング

スケッチやワイヤーフレームを早い段階で高速VR/ARプロトタイプに取り入れることを恐れないでください。 開発の森に深く入り込む前に、アイデアに関する予期しない問題を解決するのに役立ちます。

いくつかの簡単なツールを使用して、これらの初期の概念のいくつかをすばやくテストできます。

  • Sketch to VR –デザイナーがSketchを使用してGoogleVR対応のデモを作成できるようにするプラグイン。 初期のプロトタイプを作成して関係者に提示するための優れたツール。
  • Vizor –もう少し高度で、デザイナーは写真または3Dシーンベースのインタラクティブなデモを作成できます。 Storyscapeは、開始方法について説明します。
  • WebVR –WebブラウザでVRを体験できるオープンプラットフォーム。

Sketchup、Blender、Cinema 4Dなどのソフトウェアを使用して、VR/ARインターフェースとシーンのモックアップとプロトタイプを作成することもできます。 または、VR / ARの設計と開発のための主要なツールの1つに直接飛び込みたい場合は、Unityに直接アクセスして無料のアカウントを設定してください。 少し学習曲線がありますが、始めるためのチュートリアルはたくさんあります。

3Dでの作業-VRARデザインのプロトタイピング
ユーザーインターフェイスのアイデアが形になり始めたら、コンセプトのプロトタイプを作成するさまざまな方法があります。 上に表示されているのは、UnityProにエクスポートする前にCinema4Dでモデル化およびアニメーション化された3Dユーザーインターフェイス要素です。


UnityProを使用したARVRデザイン
UnityProからのランタイムキャプチャ。

仮想の視覚化

従来のUIデザインと同様に、優れたビジュアルデザインが重要です。 あなたが知っていることを適用し、車輪の再発明を試みたり、あなたの美学を劇的に変えようとしないでください。 使い慣れたツールを使用して、不要な学習曲線(Adobe CC、Sketch、Framerなど)を回避します。

エンドユーザーがUIを体験するために使用するデバイスを覚えておいてください。 高解像度の画面とヘッドセット(タブレットAR、Oculus、Vive、PlayStation VR)により、より詳細なデザインと、より小さく、よりエレガントなフォントが可能になります。 ローエンドまたはスモールスクリーンデバイス(スマートフォンVR / AR、Cardboard、Daydream、Gear VR)は、より大きく、より太いフォントと、より詳細でないUI要素を使用する必要があります。

それを現実に保つ

ヒントを使用してユーザーをインターフェースに誘導し、ユーザーがすばやく方向付けられるように、各インタラクションで常にフィードバックを提供します。 UX / UIのベストプラクティスに固執し、クリーンでシンプルでユーザーフレンドリーなグラフィックを作成し、ユーザーが使い慣れた参照ポイントと視覚的なメタファーを提供することで、仮想エクスペリエンスを理解できるようにします。

信じられないかもしれませんが、これらすべての年月がデザインのスキューモーフィズムから離れた後、VR/ARはそれを復活させています。 ジェスチャーを使用してダイヤルを回したり、オブジェクトを拾ったりすることは、ユーザーにとって自然なことです。 筋金入りのゲーマーに聞いてみてください。彼らは何年もの間仮想世界と対話してきました。

没入型の子供向けのARVRデザイン
上の画像は、没入型の子供向けの本のために作られたミニゲームを示しています。 ユーザーは部品をつかんで設計図の上に置き、ロボットのパワーレッグを構築します。

今すぐ参加してください!

クリエイティブな人々がVR/ARで行くことができる場所に制限はありません。 それはたくさんの新しい機会があるオープンフィールドです。 デザイナーがまったく新しいものの1階に入ることができることはめったになく、非常に多くの可能性があります。 没入型テクノロジーには、デザイナーが飛び込み、関与し、リスクを冒し、何か新しいものを作ることが必死に必要です。

•••

参考文献:

  • 新しい現実:VR、AR、MR、そしてデザインの未来
  • 拡張現実vs.仮想現実vs.複合現実–入門ガイド
  • インタラクティブな環境とスマートスペースのための設計
  • UIデザインのベストプラクティスとよくある間違い
  • 空の状態–UXの最も見過ごされている側面