AR接口和擴展層
1)什麼是AR和「擴展層」
增強現實(AR)-實時將數字內容疊加到現實世界中。
高級層(AR層)-相機/場景頂部的邏輯層:註釋、導航、3D對象、提示、分析、系統狀態。他們控制顯示內容,空間中的位置,如何交互以及何時隱藏。
AR-UX的關鍵目標:在環境中添加含義而不是「替換」現實。每個層都必須回答用戶問題:"這是什麼? 這是哪裏 接下來是什麼?
2)在何處應用AR
導航和方向:方向標記,地形箭頭,輸入突出顯示。
上下文中的培訓/提示:「叠加」語句,逐步安裝/設置。
店面和樣板:1:1(家具,設備)的物體可視化。
遊戲和任務:錨點,任務,戰利品。
服務/檢查:在設備頂部分配風險區域,檢查單。
營銷/活動:AR橫幅,AR優惠券在真實空間。
對於iGaming案例,請小心:使用AR作為導航和視覺提示,而不是作為對遊戲玩法的影響(合規性/負責任遊戲)。
3)擴展層分類法
1.註釋層(簽名/標簽):名稱、狀態、價格/鏈接。
2.導航層(導航):箭頭,軌道,空間中的「面包屑」,線索。
3.對象層(3 D對象/化身):具有物理、錨定、LOD設置的模型。
4.交互層(控制):轉換手柄、「熱點」、徑向菜單。
5.系統層(服務):校準、跟蹤質量、照明/計劃狀態。
6.安全層(安全):邊界、沖突警告、「無間諜」區域。
圖層設計為構圖:系統可以暫時將Guidance優先於Annotation(例如,在導航中)。
4)空間基礎: 錨點,尺度,咬合,光
錨點(錨點):- 平面(地板,桌子),等距(表面),對象(可識別形式),地理錨點(坐標)。
- 顯示跟蹤狀態:不穩定→穩定(透明度變化/圖標)。
- 比例尺:始終從真實(1:1)開始,或顯式標記(尺度/陰影)。
- 咬合:令人信服的AR需要對真實對象(depth/people occlusion)進行正確的「重疊」。如果沒有-使用柔和的陰影和「基板光環」使對象「坐下來」進入場景。
- 光線和陰影:調整到真實的光線,陰影-柔軟並綁在平面上。
- 穩定性:避免「鉆孔」-平滑錨定姿勢(濾波器、慣性)。
5)互動: 手勢,外觀,聲音,快感
Mobile-AR
手勢:tap(選擇),drag(在平面上移動),pinch(縮放),twist(旋轉),long-press(菜單)。
助手:光束光標,「粘性」指向角度/邊緣的參考。
Haptika:固定錨點/對接時的輕「tik」。
耳機/spatial設備
外觀/光標+「pinch/air tap」手勢。
聲音:短命令(「固定」,「顯示路徑」,「重置」)。
空間按鈕:較大,至少44 × 44 px,相當於距離,對用戶進行「廣告牌」。
規則:在關鍵步驟上復制輸入(手勢+按鈕+語音)。
6)信息和視覺層次結構
AR層的黃金規則:UI最低,上下文最大。
閱讀場景:如果用戶移動速度快,則降低註釋密度並提高導航對比度。
框架:在屏幕上保持不超過3-5個具有高視覺優先級的對象。
閱讀距離:2-3米的大文本,小文本-不接近0。5米;總是使用「plashka」來實現可讀性。
過渡:平穩的外觀/消失(120-200毫秒),離開視線時「粘附」到平面。
7) AR狀態和支線
校準:"找到平面……慢慢地用相機牽引。"顯示進度/線索。
錨定參考/放大:「找到表面」,「錨定」。
跟蹤錯誤:「光線不足/攝像頭關閉/太近」。建議操作:「啟用背光」、「退縮50厘米」。
成功:輕量級haptica+綠色指標。
下載/流媒體3D:骨架容器/簡單代理形式,進度%。
8)可用性(A11y)和舒適性
主要的相互作用目標,高對比度與文字。
輸入選項:屏幕上的按鈕、語音、簡化的位置預設。
減少暈車:平滑的相機運動,視差限制,尊重「reduce運動」。
狀態配音:「錨固」,「路線更新」。
認知負荷限制:一次不超過一個復雜動作;「焦點」模式(幹擾次要層)。
9)本地化和多區域
I18n鍵中的文本;DE/TR上的長度。
單位和貨幣是本地(m,cm;UAH, EUR).
可變手勢和聲音:考慮本地命令/發音。
快捷方式的「廣告牌」是給用戶的RTL對齊選項。
10)隱私,安全,合規性
相機=個人數據。解釋捕獲,存儲,TTL的目的。
設備上初級處理;在登錄時掩蓋面孔/號碼。
無記錄模式:禁用視頻/幀保存。
安全區:不要在門/樓梯上散落物體;警告附近的交通。
對於iGaming營銷:不要在有限制的地方(法律/年齡)放置AR元素。
11)性能和質量
舞臺預算: 三角形,紋理(尺寸/格式),繪制電話;LOD/ impostors.
照明:烘烤/假影子;避免昂貴的動態源。
網絡:漸進式3D下載(GLB/DRACO/meshopt),緩存。
電池/加熱:保持FPS穩定;過熱時降低刷新率/質量。
診斷:跟蹤指示器,FPS-overlay(dev),錨定日誌。
12) AR層布局模式
12.1室內導航
指導:地板上的箭頭,每3-5米「面包屑」標簽。
召集:目標名稱,距離和時間。
安全:樓梯/封閉區域警告。
互動:標簽上的「tap」手勢→路線細節/替代。
12.2教學霸權(指令)
對象:安裝位置的工具/部件的3D陰影。
Guidance:分階段區域突出顯示(step 1/3)。
交互:「下一步/回來」,聲音「完成」。
Feedback:「正確設置」,haptica+綠色戒指。
12.3示例/可視化1:1
錨點:尋找地板/桌子→「著陸」陰影。
控制: 旋鈕尺度/旋轉,網格10厘米,鏟墻.
A11y:「重置位置」按鈕,「使其更亮」。
Perf:低聚合,可互換材料。
13) AR-UX度量
錨定成功率(穩定錨定比例),時間到錨定。
安置accuracy(平均定位錯誤)。
基於腳本的任務成功/任務時間。
穩定性得分(漂移/「drebezg」)。
在校準/加載階段下車。
Nausea/comfort得分(民意調查),抱怨暈車。
Battery drain / session length.
A/B想法:校準時的線索視圖,箭頭的形狀,標題的對比,陰影vs沒有陰影。
14)測試「真實世界」
原位:測試將使用的位置(光、紋理、噪音)。
設備範圍:弱/強,不同的相機/FOV。
可變場景:拋光表面vs粗糙;明亮的太陽vs黃昏。
邊緣案例:鏡子/玻璃,重復模式(地毯),狹窄的走廊。
盲區:部分平面細節,負角,快速行走。
15)反模式
「UI雜亂」:每個設施的標簽→過熱。
缺乏跟蹤和校準狀態(用戶不了解什麼「顫抖」)。
微裂紋為2-3 m,沒有基板(不可讀)。
失錨時物體突然傳送。
復雜的手勢沒有按鈕/語音替代。
AR層沒有「停止/隱藏」。
忽略相機隱私和位置法則。
16)支票單
在場景發布之前
- 錨定是穩定的;顯示跟蹤狀態。
- 文本閱讀2-3米,有斑點/遮蓋/陰影。
- Controlls: tap/drag/pinch/rotate+替代選項(按鈕/語音)。
- Safety區域和no spawn區域已配置。
[A11y]:考慮了主要目標,高對比,「reduce motion」。
- 本地化和單位是正確的。
- Perf:LOD,壓縮紋理,穩定FPS。
- 隱私/博客:同意,蒙面,TTL。
UX診斷
- 在典型的場景中,時間到主持人≤ 5 c。
- 在正常照明下,錨定成功率≥ 90%。
- 下降校準≤ 10%。
- 吊艙投訴<5%。
17)微型內容海德和AR微型海德
校準: 「通過相機平滑地牽引以找到表面。」
參考: "找到曲面。點擊放置對象。"
手勢提示: "放下手指以減少。用兩個手指旋轉以展開。"
導航:"去標簽。還剩下12 m"。
錯誤: "光線不足。打開背光燈或接近窗口。"
輸出:「隱藏AR層」/「返回相機」。
18)AR設計系統(標準DS擴展)
添加AR-tokens&patterns部分:- `scale.minReadableDistance`, `label.backplate.opacity`, `shadow.softness`, `anchor.snapThreshold`, `occlusion.enabled`.
- 組件:ARBadge,ARLabel,ARHandle,ARIndicator,ARPathNode。
- 模式:ARPlacement,ARNavigation,ARInstruction。
- 文檔:在校準,手勢,跟蹤狀態,示例微操作的粘合劑。
19)「前/之後」示例"
無狀態導航→具有狀態
前:箭頭「顫抖」,用戶丟失。
之後:「不良跟蹤」指標+建議「減速」,箭頭減小密度,出現線條路徑。
帶陰影和網格的無陰影→模具
之前:對象「蒸騰」,規模不清楚。
之後:柔和的陰影,10厘米的網格,墻上的狙擊→現實主義和信心。
重載文本→可讀條紋
最多:6個不同顏色的註釋為2 m。
之後:2-3鍵條帶背景和圖標,其余部分應要求。
20)快速啟動(實施計劃)
1.腳本→層:確定AR(導航? 指令試圖?)。
2.原型(mid-fi → AR-proto):假的3D/視頻覆蓋 →早期驗證。
3.模型/內容:優化3D (多邊形/紋理/LOD)。
4.校準/錨定:穩定性先於「美麗」。
5.現場測試:光/表面/運動。
6.A11u/安全/隱私:支票單和政策。
7.度量和遙測:錨定,穩定性,任務成功。
8.叠代/滾動:通過設備和場景進行金絲雀發射。
最終的spargalka
上下文先於UI:僅顯示所需的圖層。
穩定的錨點,真正的尺度,陰影和遮擋是信任的基礎。
多元化:手勢+按鈕+聲音,顯式狀態。
舒適和A11y:大目標,高對比,運動少。
相機和安全區的隱私是默認的。
測量錨點和穩定性,在真實環境中進行測試,優化內容。
需要-我將根據您的場景準備AR模式(室內導航,教學霸道,示例1:1),並為您的設計系統提供微型,AR-tokens和支票單。