譯/VR陀螺

WWDC 2023 從北京時間 6 月 6 日至 10 日以在線形式舉行，在活動首日，蘋果正式宣布了其首款 MR 頭顯 Vision Pro。在接下來的主題演講中，就其“新宇宙”產品，蘋果公司帶來了一系列相關分享。

圖源：蘋果

以下為蘋果“空間輸入設計”的主題分享（VR陀螺翻譯，基于原文略有修改）：

歡迎來到“空間輸入設計”，我是 Israel，今天我和  Eugene 一起向大家介紹如何為眼睛和手設計交互，我們是蘋果設計團隊的設計師。

眼睛和手是新的空間輸入方式，它們可以讓你以全新的方式與我們的平臺上的應用程序交互。今天，我們將分享這些輸入方式的特點，以及如何充分利用它們來創(chuàng)造令人驚嘆的體驗。

首先，讓我們來看看你可以使用哪些輸入方式。通過空間輸入，你可以簡單地看著一個按鈕，然后通過放在你腿上的手指輕敲來選擇它，這種方式適合在遠距離舒適地與 UI 交互。在某些情況下，你還可以直接用手指在虛擬鍵盤上打字或與元素交互。這種方式適合更精細的任務，但要注意避免雙手舉在空中過久導致疲勞。

圖源：蘋果

除了空間輸入，你還可以使用其他熟悉的輸入方式，比如語音，鍵盤和觸控板，或者游戲控制器。這些輸入方式可以幫助你更快速或更方便地完成任務或玩游戲，我們建議你根據不同的場景選擇最合適的輸入方式。

今天，我們將重點介紹最新穎和令人興奮的空間輸入：眼睛和手。用眼睛和手進行交互有以下幾個特點：

個性化：你的眼球運動和手勢對你來說是獨一無二的，設備內外的一系列攝像頭以尊重隱私的方式捕捉你自然動作的所有細節(jié)。

舒適性：你可以把手放在身邊，因為設備可以看到你周圍的廣闊區(qū)域，你也不需要頻繁地改變眼睛的聚焦深度或視線方向。

精確性：該設備會過濾所有數據，并將其轉化為你可以在應用程序中使用的準確交互。

接下來，我們將分別學習如何使用眼睛和手來自然地與應用程序交互，讓我們從眼睛開始。

眼睛是空間體驗的主要目標機制，系統(tǒng)中的所有接口都會對你的視線做出反應。我們可以毫不費力地定位任何元素，只要看著它們，不管它們有多遠。

為了構建讓眼睛舒服且易于使用的應用程序，我們需要考慮以下幾個方面：

視野：盡量把應用程序的主要內容放在視野的中心，這是眼睛最舒服的區(qū)域，避免讓用戶過多地移動頸部或身體來查看內容。

深度：保持相同深度的互動內容，讓用戶在 UI 之間切換時感覺輕松。您可以使用細微的深度變化來傳達層次結構，但避免頻繁改變眼睛的聚焦深度。

形狀：使用圓形，如圓圈，藥丸和圓角矩形，來引導用戶的注意力到元素的中心。避免使用邊緣鋒利的形狀，因為它們會讓眼睛聚焦在外面。保持形狀平坦，避免粗大的輪廓或使人注意到邊緣的效果。

大小：確保你的元素有足夠的目標區(qū)域，讓用戶容易地瞄準它們。你的元素需要瞄準目標的最小面積是 60 點。你可以通過結合大小和間距來實現這個目標。盡可能多地使用系統(tǒng)提供的標準組件，它們已經具有合適的尺寸。

圖源：蘋果

縮放：使用動態(tài)縮放來確保你的 UI 和目標區(qū)域在空間中的任何位置都保持相同的大小。動態(tài)縮放使你的 UI 填充相同的視野，并隨著距離的變化而自動調整大小。避免使用固定比例，因為它會讓你的 UI 隨著移動而變小，導致目標區(qū)域太小。

方向：確保你的 UI 面向用戶，以便他們可以輕松地閱讀和使用。避免讓界面呈一定角度或傾斜，因為這會降低可讀性和可用性。

除了考慮這些設計要素，我們還需要讓用戶感受到他們的眼睛正在驅動交互。我們可以通過以下方式來實現這一點：

懸停效果：當用戶看著一個交互元素時，給它添加一個微妙的視覺反饋，讓它突出顯示。這樣可以增強用戶的目標感和交互性。所有系統(tǒng)提供的控件都會有懸停效果，如果你創(chuàng)建自定義元素，請使用懸停效果來使它們感覺靈敏。

隱私：懸停效果發(fā)生在應用程序進程之外，所以你只會在由手勢觸發(fā)的元素交互中獲得哪個元素被聚焦的信息。眼睛的意向是非常敏感的信息，在處理眼睛數據時，隱私是我們的首要任務。

意圖：當用戶長時間關注一個元素時，這是一個向他們展示更多信息或提供更多選項的好機會。例如，按鈕可以有工具提示，在用戶查看它們時顯示出來；選項卡欄可以展開，為每個選項卡顯示一個標簽；搜索字段內的麥克風符號可以觸發(fā)“說話到搜索”功能。所有這些系統(tǒng)元素都會在用戶需要時提供額外的信息，并在用戶不關注時保持一個干凈的 UI。在創(chuàng)建應用程序時充分利用它們。

輔助技術：眼睛的意圖也為輔助技術提供了很大的機會。例如，使用“駐留控制”功能，你可以用眼睛選擇內容。在這個例子中，短時間關注一個按鈕將顯示 Dwell Control UI，并且不需要用手執(zhí)行輕敲手勢就可以選擇按鈕。

以上就是我們從設計眼睛交互中的內容，現在我們已經看到眼睛是一個神奇的目標機制，當你把它們和手結合起來時，它們會變得更加強大。

圖源：蘋果

結合眼睛的目標，手勢是整個系統(tǒng)交互的主要方式。把手指捏在一起相當于按手機屏幕。該系統(tǒng)支持其他熟悉的手勢，例如，你可以通過捏拽來滾動，以及執(zhí)行縮放和旋轉等雙手手勢。注意在這些情況下，UI 反饋是如何跟隨手勢產生運動交互的。

手勢在整個系統(tǒng)中的工作方式是相同的，并且遵循與多點觸控手勢相似的邏輯。這意味著人們可以真正專注于體驗，而不必考慮如何執(zhí)行交互。這就是為什么你在設計游戲體驗時應該依靠這些熟悉的模式，并確保以符合人們期望的方式回應手勢。

在某些情況下，你的部分交互設計可能是一種獨特的行為，不能輕易地用標準的手勢來表達。在這種情況下，你可能想要定義一個自定義的手勢。這里有一些關于如何制作成功的自定義手勢的提示：

易用性：確保手勢易于解釋和執(zhí)行，以便人們可以快速學會如何使用它。

一致性：避免手勢沖突，你的自定義手勢需要與標準系統(tǒng)設置或人們可能在對話中使用的常見手勢明顯不同。

舒適性：這必須是一個人們可以持續(xù)重復而不會緊張或疲勞的手勢，并且錯誤激活的幾率很低。

可訪問性：注意那些使用輔助技術在系統(tǒng)中進行交互的人，并考慮在這些情況下你的手勢將如何工作。

文化敏感性：手勢對不同的人也有不同的含義，所以要確保你的自定義手勢不會發(fā)送你不想要的信息。

所有這些提示都可能是一個棘手的平衡，所以總是值得考慮以 UI 功能的形式提供一個備用方案。

我們的輸入模型最令人興奮的一個方面是它允許你直接與空間中的元素交互，這種交互方式可以讓你感覺更加沉浸和自然，讓我們看看如何設計直接交互。

首先，我們需要確定哪些元素適合直接交互。通常，直接交互最適合那些需要精細控制或物理反饋的任務，比如調整滑塊或旋鈕，或者拖動物體。直接交互也可以增強游戲體驗，讓你感覺更加身臨其境和有趣。

其次，我們需要考慮元素在空間中的位置和大小。為了讓用戶能夠輕松地觸及元素，我們需要將它們放置在用戶舒適區(qū)內。舒適區(qū)是指用戶可以輕松伸展雙臂并移動雙手到達的區(qū)域。舒適區(qū)通常位于用戶身體前方和稍微向下傾斜的位置。避免將元素放置在用戶身體兩側或過高或過低的位置，因為這會導致用戶感到緊張或疲勞。

除了位置，我們還需要考慮元素的大小。為了讓用戶能夠準確地抓取或操作元素，我們需要確保它們有足夠的目標區(qū)域。我們建議你的元素至少有 60 點的大小，并且有一定的間距，以避免用戶不小心觸碰到其他元素。如果你的元素太小或太密集，你可以考慮使用放大鏡或其他方式來幫助用戶更好地選擇它們。

最后，我們需要考慮元素的形狀和外觀。為了讓用戶能夠理解元素的功能和狀態(tài)，我們需要給它們一些視覺線索。例如，我們可以使用陰影和高光來傳達元素的深度和方向，以及使用紋理和材質來傳達元素的重量和質感。我們還可以使用動畫和聲音來傳達元素的反饋和結果，比如當用戶抓取或釋放一個元素時，它會有一個縮放或彈跳的效果，以及一個相應的聲音。

以上就是我們從設計手勢交互中學到的內容?，F在你已經了解了如何使用眼睛和手來創(chuàng)造令人驚嘆的空間體驗。

總結一下，今天我們學習了：

• 如何為眼睛設計舒適且易于使用的應用程序，以及如何讓 UI 對你的眼睛做出反應。
• 如何使用手勢來執(zhí)行系統(tǒng)交互，以及如何創(chuàng)建自定義手勢。
• 如何設計直接交互，以及如何確定哪些元素適合直接交互。

感謝您收看本次會議，我們希望您能盡快嘗試這些新穎的輸入方式，并創(chuàng)造出令人難忘的空間體驗，再見！

原視頻：apple