按鈕是混合實境中最基礎且關鍵的使用者介面元素之一。 它讓使用者能立即觸發行動。 由於混合實境中沒有實體回饋,提供足夠的視覺與聽覺回饋至關重要,以提升使用者的互動信心。
在 HoloLens 2 按鈕設計中,基於多次設計迭代、原型設計與使用者研究,我們整合了多種視覺可及性與音訊提示,幫助使用者在空白空間中感知深度與互動。
視覺可供性
近距光
焦點高亮
壓縮籠
脈衝觸發
音效提示
適當的音訊回饋能大幅提升使用者體驗。 HoloLens 2 的按鈕提供音訊回饋,以傳達以下提示:
- 接觸開始:當接觸開始時播放聲音 (接近互動)
- 接觸端:在接觸端播放聲音 (接近互動)
- 捏合開始:在捏合選擇中播放聲音 (與視線或光線的遠距離互動)
- 捏合結束:在與目光或光線互動 (播放聲音,)
語音指令
對於混合實境中的任何按鈕,支持替代互動選項非常重要。 預設情況下,我們建議所有按鍵都支援語音指令。 在 HoloLens 2 的按鈕設計中,我們會在懸停狀態提供提示,以提升可發現性。
圖片:語音指令提示
尺寸建議
為了確保所有可互動物件都能輕鬆觸碰,我們建議確保可互動物件符合與使用者距離的最小尺寸。 視覺角通常以視覺弧度來衡量。視覺角度是根據使用者眼睛與物體之間的距離來決定,且保持不變,而目標的物理大小則可能隨著使用者距離的改變而改變。 要根據距離使用者來判斷物體所需的物理尺寸,可以試試用 像這樣的視覺角度計算器。
以下是互動內容最小大小的建議。
直接手部互動的目標尺寸
| Distance (距離) | 視角 | 大小 |
|---|---|---|
| 45公分 | 不小於2° | 1.6 x 1.6 公分 |
直接手部互動的目標尺寸
按鈕的目標尺寸
在製作直接互動按鈕時,我們建議最小尺寸為 3.2 x 3.2 公分,以確保有足夠空間容納圖示,甚至可能包含部分文字。
| Distance (距離) | 大小下限 |
|---|---|
| 45公分 | 3.2 x 3.2 公分 |
按鈕的目標尺寸
手部光線或凝視互動的目標尺寸
| Distance (距離) | 視角 | 大小 |
|---|---|---|
| 2公尺 | 不小於1° | 3.5 x 3.5 公分 |
手部光線或凝視互動的目標尺寸
設計指導方針
避免使用透明背板
設計有按鈕的選單介面時,建議使用不透明背板。 不建議使用透明背板,原因如下:
- 互動困難,因為很難理解按鈕要按多深才能觸發事件
- 複雜物理環境中的可讀性問題
- 透過透明底板顯示的全息圖,搭配深度 LSR 穩定技術時,可能會顯示游泳效果問題。
詳見全 息顯示內容 設計,了解全息顯示的顏色選擇與指引。
透明 UI 背板範例
使用共用背板
對於多個按鈕,建議使用共用背板,而非單一按鈕的背板。
- 減少視覺雜訊與複雜性
- 明確分組
共享 UI 背板範例
MRTK (Mixed Reality 工具包中的按鈕)
MRTK for Unity 和 MRTK for Unreal 提供各種按鈕預製件,包括 HoloLens 2 風格的按鈕。 HoloLens 2 按鈕元件包含本頁引入的所有視覺回饋與互動細節。 透過使用它,你可以利用我們設計師、開發者和研究人員所做的多次設計迭代與使用者研究成果。
可以參考 MRTK按鈕 ,裡面有更多說明和客製化範例。