ARインターフェイスと拡張レイヤー
1) ARと「拡大レイヤー」とは"
拡張現実(AR)-現実世界のデジタルコンテンツのリアルタイム重ね合わせ。
拡張レイヤー(ARレイヤー)-カメラ/シーンの上の論理レベル:注釈、ナビゲーション、3Dオブジェクト、ヒント、分析、システムステータス。彼らは何を示すべきか、宇宙のどこで、どのように相互作用し、いつ隠すべきかを制御します。
AR-UXの重要な目標は、現実を「置き換える」ことではなく、環境に意味を加えることです。各レイヤーはユーザーの質問に答えなければなりません: "これは何ですか?これはどこだ?次は何ですか"
2) ARの利用先
ナビゲーションとオリエンテーション:方向インジケータ、地面の矢印、入力の照明。
コンテキストトレーニング/ヒント:「重ね合わせ」命令、ステップバイステップの編集/カスタマイズ。
ディスプレイケースと継手:1:1のサイズのオブジェクトの可視化(家具、デバイス)。
ゲームとクエスト:アンカーオブジェクト、ミッション、ロケーションの戦利品。
サービス/検査:リスク領域の識別、機器の上にチェックリスト。
マーケティング/イベント:ARバナー、リアルスペースでのARクーポン。
iGamingの場合-注意:ARをナビゲーションやビジュアルキューとして使用し、ゲームプレイ(コンプライアンス/責任あるプレイ)への影響としてではありません。
3)拡張レイヤータクソノミ
1.注釈レイヤー(署名/ラベル):名前、ステータス、価格/リンク。
2.ガイダンス層(ナビゲーション):矢印、トラック、スペースの「パン粉」、線のヒント。
3.オブジェクトレイヤー(3Dオブジェクト/アバター):物理、アンカー、LOD設定を持つモデル。
4.インタラクションレイヤー:グリップ、ホットスポット、ラジアルメニューを変換します。
5.システム層(サービス):口径測定、追跡の質、照明/計画の状態。
6.安全層:境界、衝突回避、No-spawnゾーン。
レイヤーはコンポジションとして設計されています:システムは一時的に(例えば、ナビゲート時に)アノテーションよりもガイダンスの優先度を上げることができます。
4)空間的な基礎: アンカー、スケール、閉塞、ライト
アンカー:- 平面(床、テーブル)、等角(サーフェス)、オブジェクト(認識可能な形状)、ジオアンカー(座標)。
- トラッキングステータスを表示:unstable→stable(透明度/アイコンの変更)。
- スケール:常に実際(1:1)から開始するか、スケールを明示的にマークします(ルーラー/影)。
- 閉塞:ARを納得させるには、実際のオブジェクト(深さ/人の閉塞)との正しい「重なり」が必要です。そうでない場合は、ソフトシャドウと「オーラアンダーレイ」を使用して、シーン内のオブジェクトを「座る」ようにします。
- 照明と影:実際の光、影-柔らかく、平面に縛られて調整します。
- 安定性:「跳ね上がる」を避けて下さい-滑らかなアンカー姿勢(フィルター、慣性)。
5)相互作用: ジェスチャー、一見、声、haptics
モバイルAR
ジェスチャー:タップ(選択)、ドラッグ(平面に沿った動き)、ピンチ(スケール)、ねじれ(回転)、ロングプレス(メニュー)。
ヘルパー:ray-cursor、コーナー/エッジへの「sticky」バインディング。
ハプティカ:アンカー/ドッキングを固定するときの軽いダニ。
ヘッドセット/空間
Look/cursor+pinch/air tapジェスチャー。
Voice:短いコマンド("pin"、 "show paths'、" reset")。
空間ボタン:大きく、少なくとも44 × 44 pxの距離は等価で、ユーザーに「建物」があります。
ルール:重要なステップ(ジェスチャー+ボタン+ボイス)で入力を複製します。
6)情報と視覚的階層
ARレイヤーのゴールデンルール:UI最小、コンテキスト最大。
シーンを読む:ユーザーが高速に移動している場合は、注釈密度を低減し、ナビゲーションのコントラストを向上させます。
フレーミング:画面の視覚的優先度が高い3-5オブジェクト以下を保持します。
読み取り距離:大きなテキスト2-3 m、小さい-0より近い。5m;可読性のために「ダイ」を常に使用して下さい。
トランジション:スムーズな外観/消失(120-200ミリ秒)、視野を離れるときに平面に「付着」。
7) ARの状態およびフィードバック
キャリブレーション:"飛行機を探す……ゆっくりカメラを向ける。"進捗状況/ヒントを表示します。
アンカーの位置合わせ/補強:表面が見つかりました、アンカーアンカー。
トラッキングエラー: "十分な光/カメラが閉まっている/閉すぎる。"アクションを提案:"バックライトをオンに"、"リトリート50センチ"
成功:軽いhaptics+緑の表示器。
読み込み/ストリーミング3D:スケルトンコンテナ/単純なプロキシフォーム、進行率%。
8)アクセシビリティ(A11y)と快適さ
大規模な相互作用の目標、ダイとテキストの高コントラスト。
選択肢を入力:画面上のボタン、音声、位置の簡略化されたプリセット。
動きの病気の減少:滑らかなカメラの動き、視差の制限、'reduceの動き'の尊重。
ステータスのボイシング:「Anchor fixed」、 「Route updated」。
認知負荷の制限: 一度に複数の複雑なアクションはありません。フォーカスモード(マイナーレイヤーを抑制)
9)ローカリゼーションとマルチリージョン
i18nキーのテキスト;DE/TRの長さマージン。
単位と通貨-ローカル(m、 cm;UAH、 EUR)。
可変ジェスチャーと音声:ローカルコマンド/発音を考慮してください。
「ビルド」ショートカット-ユーザーへ、RTLアライメントオプション。
10)機密性、セキュリティ、コンプライアンス
カメラ=個人データ。キャプチャ、ストレージ、TTLの目的を説明します。
オンデバイスのプライマリ処理;ログイン時に顔/数字をマスクします。
ノレコードモード:ビデオ/フレームの保存を無効にします。
安全ゾーン:ドア/階段のオブジェクトをロールダウンしないでください。近くの交通について警告してください。
iGamingマーケティングの場合:AR要素を制限された場所(法律/年齢)に配置しないでください。
11)性能および質
シーン予算:三角形、テクスチャ(サイズ/フォーマット)、ドローコール;LOD/詐欺師。
照明:焼かれた/偽の影;高価な動的ソースを避けます。
ネットワーク:プログレッシブ3Dロード(GLB/DRACO/meshopt)、キャッシュ。
電池/熱:FPSの馬小屋を握って下さい;過熱するときリフレッシュレート/品質を削減します。
診断:追跡インジケータ、FPSオーバーレイ(開発)、アンカーログ。
12) ARレイヤーのレイアウトパターン
12.1屋内ナビゲーション
ガイダンス:床に矢印、「パン粉」-3-5メートルごとにマークします。
注釈:ゴール名、距離、時間。
安全:階段/閉鎖された区域についての警告。
インタラクション:ラベル→詳細/代替ルートのジェスチャーをタップします。
12.2トレーニングオーバーレイ(指導)
オブジェクト:インストール場所にあるツール/パーツの3Dシャドウ。
ガイダンスステップ1/3エリアのハイライト。
インタラクション:「Next/Back」、ボイス「Done」。
フィードバック:「正しくインストール」、ハプティック+グリーンリング。
12.3フィッティング/ビジュアリゼーション1:1
アンカー:床/テーブルを検索→影で「着陸」。
コントロール:グリップ、10cmグリッドをスケール/回転させ、壁にスナップします。
A11y:位置ボタンをリセットし、軽くします。
Perf:低い分野、取り替え可能な材料。
13) AR-UX指標
アンカー成功率、アンカー時間。
配置の正確さ。
タスク成功/タイムオンタスクスクリプト。
安定性スコア(ドリフト/」バウンス「)。
キャリブレーション/ローディングの段階でドロップオフします。
吐き気/慰めのスコア(調査)、乗り物酔いの苦情。
バッテリドレイン/セッション長。
A/Bアイデア:キャリブレーション中のヒントの種類、矢印の形状、ダイのコントラスト、影のない影と。
14)「現実世界」テスト
In-situ:使用する場所(光、テクスチャ、ノイズ)をテストします。
デバイスの範囲:弱い/強い、異なるカメラ/FOV。
可変的な場面:荒い対磨かれた表面;明るい太陽vsトワイライト。
エッジケース:ミラー/ガラス、繰り返しパターン(カーペット)、狭い廊下。
盲点:部分的な平面検出、否定的な角度、活発な歩行。
15)アンチパターン
「UI-clutter」:各オブジェクトのラベル→オーバーロード。
トラッキングおよびキャリブレーションのステータスはありません(ユーザーは「震える」とは何かを理解していません)。
基質のないマイクロクリフト2-3 m(読めない)。
アンカーが失われたときのオブジェクトのシャープなテレポート。
ボタン/音声の代替がない複雑なジェスチャー。
ARレイヤーの停止/非表示はありません。
カメラのプライバシーと場所の法律を無視します。
16)チェックリスト
シーンのリリース前に
- アンカーは安定しています。追跡ステータスを表示します。
- 私達は2-3 mでテキストを読みました、死/閉塞/影があります。
- コントロール:タップ/ドラッグ/ピンチ/回転+代替(ボタン/音声)。
- セーフティゾーンと非スポーン領域が設定されています。
- A11y:大きなターゲット、高コントラスト、'動きを減らす'と考えられます。
- ローカライズと単位は正しい。
- Perf: LOD、圧縮テクスチャ、安定したFPS。
- プライバシー/ログ:同意、マスキング、TTL。
UX診断
- 典型的なシーンで5秒≤アンカーする時間。
- 正常なライトの90% ≥アンカーの成功。
- キャリブレーションのドロップオフ≤ 10%。
- 乗り物酔いの苦情<5%。
17) ARのための内容そしてマイクロコピーへのミニガイド
キャリブレーション: 「カメラを優しく動かして表面を見つけます。」
参照:"表面が見つかりました。タップしてオブジェクトを設定します。
ジェスチャーヒント: "あなたの指を一緒に減らすために。2本の指を回して展開する"
ナビゲーション: "ラベルに移動します。12メートル行く"
エラー:"十分な光ではありません。バックライトをオンにするか、ウィンドウに移動します。
終了:「ARレイヤーを非表示にする「/」カメラに戻る」。
18) AR(標準的なDS延長)のための設計システム)
ARトークン&パターンセクションを追加:- 「スケール」minReadableDistance'、'ラベル。バックプレートだ。不透明度'、'影。柔らかさ'、'アンカー。snapThreshold'、'occlusion。有効になっています。
- コンポーネント:ARBadge、 ARLabel、 ARHandle、 ARIndicator、 ARPathNode。
- パターン:ARPlacement、 ARNavigation、 ARInstruction。
- ドキュメンテーション:キャリブレーションガイド、ジェスチャー、トラッキングステータス、マイクロコピー例。
19)例の前後
ステータスなしのナビゲーション→ステータス付き
前:矢印「震える」、ユーザーが失われます。
後:「悪いトラッキング」インジケータ+「遅く」アドバイス、矢印は密度を下げ、トレイルラインが表示されます。
影のないフィッティング→影とグリッド付き
前:オブジェクトが「急上昇」すると、スケールは理解できません。
後:ソフトシャドウ、10 cmグリッド、壁にスナップ→リアリズムと自信。
過負荷のテキスト→読み取り可能なダイ
最大:2 mで異なる色の6つの注釈。
後:バックグラウンドとアイコンで2-3キーが死ぬ、残り-リクエストに応じて。
20)クイックスタート(実装計画)
1.シナリオ→レイヤー:ARが決定するものを定義する(ナビゲーション?命令か?フィッティング?)。
2.プロトタイプ(mid-fi→AR-proto): false 3D/video overlay→early check。
3.モデル/コンテンツ:3D (ポリゴン/テクスチャ/LOD)を最適化します。
4.キャリブレーション/アンカー:「美」の前の安定性。
5.フィールドテスト:光/表面/動き。
6.А11у/security/privacy:チェックリストとポリシー。
7.メトリクスとテレメトリー:アンカー、安定性、タスクの成功。
8.イテレーション/ロールアウト:デバイスとシーンによるカナリア起動。
最終的なチートシート
UIの前のコンテキスト:必要なレイヤーのみを表示します。
安定したアンカー、実際のスケール、影、閉塞は信頼の基礎です。
複数入力:ジェスチャー+ボタン+音声、明示的なステータス。
快適さとA11y:大きなターゲット、高コントラスト、少ない動き。
カメラと安全ゾーンのプライバシーがデフォルトです。
アンカーと安定性を測定し、実際の条件でテストし、コンテンツを最適化します。
必要です-私はあなたの設計システムのためのマイクロコピー、ARトークンおよびチェックリストとあなたのシナリオ(屋内ナビゲーション、トレーニングオーバーレイ、フィッティング1:1)のためのARパターンを準備します。