就在前些時(shí)候，蘋果發(fā)布了Vision Pro這款MR頭顯，而這一產(chǎn)品的出現(xiàn)，也讓我們看到了更多有關(guān)空間體驗(yàn)設(shè)計(jì)的相關(guān)可能。那么，怎么才能設(shè)計(jì)出令人滿意的空間體驗(yàn)、為眼睛和手設(shè)計(jì)創(chuàng)造出色的互動(dòng)方式？不妨來看看作者的分析。

Hi 大家好，這篇是基于Vision Pro設(shè)計(jì)原則中第二篇空間輸入設(shè)計(jì)原則。在和大家分享之前，在Vision Pro出來之前，我自己的從業(yè)經(jīng)驗(yàn)中，涉及到這個(gè)輸入的部分時(shí)，我們當(dāng)時(shí)有過很多空間交互方案的驗(yàn)證：語音、眼動(dòng)、自然手勢(shì)，敲擊、虛擬鍵盤、外設(shè)（藍(lán)牙設(shè)備的互聯(lián)）或者是前者的互相配合，但是最后礙于技術(shù)。

我看到Vision Pro的發(fā)布會(huì)時(shí)，還是很激動(dòng)的，畢竟我們團(tuán)隊(duì)想的基本上也和Vision Pro的交互取舍是高度類似的（雖然最后沒有用 ??）。

因?yàn)槭俏易约嚎吹囊曨l加上自己的理解，再結(jié)合我自己做的業(yè)務(wù)，所以擔(dān)心大家會(huì)被主觀化，這是原文的鏈接，我貼在這里，方便大家去查看：https://developer.apple.com/videos/play/wwdc2023/10073。

原文引言：

Design for spatial input

Learn how to design great interactions for eyes and hands. We’ll share the design principles for spatial input, explore best practices around input methods, and help you create spatial experiences that are comfortable, intuitive, and satisfying.

學(xué)習(xí)如何為眼睛和手設(shè)計(jì)出色的互動(dòng)。我們將分享空間輸入的設(shè)計(jì)原則，探索輸入方法的最佳實(shí)踐，并幫助您創(chuàng)造舒適、直觀和令人滿意的空間體驗(yàn)。

以下原則：

• comfortable 舒適的
• Easy to use 易于操作的（如何被眼睛容易察覺）
• responsive 實(shí)時(shí)反饋與隱私保護(hù)
• intentional 獨(dú)特的輔助選項(xiàng)

前言

設(shè)備內(nèi)放置了非常多且捕捉精度非常高的感官元器件，它們可以捕捉你所有的自然動(dòng)作的細(xì)節(jié)。他們把眼睛作為空間體驗(yàn)的主要目標(biāo)體驗(yàn)；通過眼睛的選擇，系統(tǒng)中所有的接口都對(duì)用戶的查看的位置做出反應(yīng)，他們可以毫不費(fèi)力的通過眼睛來進(jìn)行選擇。

一、comfortable 舒適的

為了構(gòu)建眼睛舒適的應(yīng)用，我們需要考慮內(nèi)容如何在設(shè)備顯示，雖然設(shè)備提供了無限的畫布，但是人眼本身存在是視覺偏好，顏色是，空間也是。人的眼睛更容易去關(guān)注中間的事物，反而邊緣的部分常見的停駐就不太舒服了。

基于此，設(shè)計(jì)適合視野內(nèi)的應(yīng)用程序，最大限度的減少頸部和身體的運(yùn)動(dòng)。盡量保持應(yīng)用程序的主要內(nèi)容在視野的中心，這是用戶最舒服的視野。

看著視野的邊緣可能會(huì)讓你的眼睛很累，所以邊緣的區(qū)域一般放置不需要實(shí)時(shí)觀察的信息，或者一些次要做動(dòng)畫，這些動(dòng)作只要滿足用戶的操作和可訪問性即可，不需要干擾應(yīng)用的主要內(nèi)容。

總是要試圖在你的應(yīng)用中，最大限度的讓眼睛和頸部舒適。將應(yīng)用的主要內(nèi)容放置在主視野區(qū)；在考慮眼睛的舒適度的同時(shí)，也要考慮深度，因?yàn)椴煌纳疃仍谀愕膽?yīng)用中也會(huì)產(chǎn)生不同的感覺。但是眼睛每次只能觀察一個(gè)深度的信息，如果眼睛頻繁的去改變自己的焦點(diǎn)，那么眼睛將會(huì)變得很疲勞———盡量將交互式的內(nèi)容保持在相同的深度（這樣它們?cè)赨I之間的切換也會(huì)非常的流暢）。

二、Easy to use 易于操作的（如何被眼睛容易察覺）

眼睛本身具備一些視覺偏好：我們的眼睛會(huì)自然的集中在形狀上，這些形狀會(huì)將我們的注意力引導(dǎo)到物體的中間，盡量使用圓潤(rùn)的交互組件：例如圓角矩形、圓形；避免使用邊緣鋒利的形狀因?yàn)楫?dāng)你使用邊緣鋒利的形狀時(shí)，形狀本身會(huì)分散眼睛的注意力，從而降低眼睛的精度。

同時(shí)也要避免圖片的平整，避免厚重輪廓或引起對(duì)辨音注意的效果。

最后確保文本以元素中的字形為中心。

界面上的尺寸是非常重要的，官方規(guī)定了60pt是最小可控單位，這也歸功于他們對(duì)于人眼的人因研究：他們發(fā)現(xiàn)這樣的尺寸對(duì)于人眼來說當(dāng)前是最容易進(jìn)行錨定和交互的。

在空間中，深度是一個(gè)無法規(guī)避的維度，但是我們要保證，在相同的視野內(nèi)，應(yīng)用程序的尺寸始終與用戶的視野保持同等大小，也就是說：固定視野下，畫面離固定視野越就會(huì)越大，反之則越?。ㄟ@樣可以保證用戶眼睛更加舒適）避免應(yīng)用程序的尺寸與深度不產(chǎn)生任何聯(lián)系。

窗口也需要始終面對(duì)著用戶的視野，這樣也可以保證用戶可操作性；綜上窗口面對(duì)深度的縮放以及朝向是眼睛準(zhǔn)確性的基礎(chǔ)。

三、responsive 實(shí)時(shí)反饋與隱私保護(hù)

讓界面可操作的部分實(shí)時(shí)與用戶的眼睛保持反饋，也是必不可少的一部分，這樣的作用是用戶可以知道自己的操作是否正確，以及操作路徑。

當(dāng)你看到并注視（懸停）一個(gè)元素時(shí)，如果它支持反饋，那么他會(huì)有視覺上的變化，如上圖；因?yàn)檠劬Φ囊苿?dòng)是非常迅速的，那么這需要設(shè)計(jì)師在設(shè)計(jì)時(shí)要去摸索可察覺性和不打擾兩者之間的平衡。

因?yàn)檫@樣的交互策略，蘋果官方也是非常注重這樣的隱私；因?yàn)椤把劬彝！边@件事是非常原始的意圖表現(xiàn)，用戶可能在日常生活中通過控制話術(shù)、表情、甚至是肢體動(dòng)作來掩蓋自己的真實(shí)意圖，但是在眼睛交互的場(chǎng)景里，掩蓋意圖這件事情，幾乎無法掩蓋；所以蘋果對(duì)這樣的交互方式也提供了很好的隱私策略。大家可以想想如果蘋果把這些接口開放，大家的意圖相當(dāng)于是外放的，這很可怕。

四、intentional 獨(dú)特的輔助選項(xiàng)

眼睛注視存在著停留，我們可以很好的利用這樣的間隙：當(dāng)用戶進(jìn)行注釋停留時(shí)，我們就可以給用戶提供更多消息，如下圖。

還可以進(jìn)行眼睛+手勢(shì)的組合形式提供更多的交互方式：點(diǎn)擊、滾動(dòng)、縮放（這里我后面會(huì)把我們當(dāng)時(shí)做的概念設(shè)計(jì)和大家分享，并講述我們當(dāng)時(shí)的思考邏輯是什么，我們的關(guān)注又是什么）。

在單獨(dú)的手勢(shì)中，你也可以定義屬于自己的特殊手勢(shì)，但是在定義之前要盡量滿足以下的標(biāo)注：手勢(shì)易于解釋和操作；避免手勢(shì)沖突（要與系統(tǒng)手勢(shì)不一樣，或者避免日常中常見的手勢(shì)）；舒適不疲勞且誤觸率低的。

上圖：用戶的視覺中心定在左側(cè)，用戶在通過眼睛懸停后，通過手勢(shì)來進(jìn)行縮放，那么系統(tǒng)只會(huì)反應(yīng)眼睛懸停的地方。

講到這里就要說一個(gè)小的分支：跨系統(tǒng)交互，用戶可以直接用手對(duì)虛擬物體進(jìn)行操作——直達(dá)交互（我這里給的命名）。

如上圖：

雖然這種直接交互會(huì)帶來用戶使用的疲勞，但是在一些特定場(chǎng)景下可以很好的解決用戶的需求。例如需要用戶仔細(xì)檢查一個(gè)模型的細(xì)節(jié)或者對(duì)模型進(jìn)行一些操作時(shí)。也或者是一些市場(chǎng)用戶有著普遍認(rèn)可和記憶的互動(dòng)交互。但是即使有了很多明顯的交互，但是觸覺反饋仍然是無法規(guī)避且需要解決的。所以蘋果使用了以下的信息反饋來進(jìn)補(bǔ)償。

上圖：UI上的高亮跟隨、微弱但是可以察覺的動(dòng)畫以及聲音反饋，這讓用戶可以感知到自己操作的有效性和準(zhǔn)確性。

以下是針對(duì)手勢(shì)交互的原則：

Use familiar gesture language

使用用戶與日常相似的交互手勢(shì)，這樣用戶可以更加關(guān)注內(nèi)容而不是手勢(shì)。

only introduce custom gestures when necessary

當(dāng)用戶在一些特殊場(chǎng)景下需要一些特殊手勢(shì)時(shí)，系統(tǒng)也可以幫助用戶完成自定義，但是要注意的是避免與系統(tǒng)的手勢(shì)互斥。

use eye direction in your interaction

整個(gè)交互系統(tǒng)中，以眼睛作為主要的交形式。

Use direct interaction when it fits your experience

當(dāng)直接互動(dòng)是你的主場(chǎng)景時(shí)，才去使用直接互動(dòng)的交互策略。

個(gè)人觀點(diǎn)

空間設(shè)計(jì)不再是拘泥于方寸之間，它要設(shè)計(jì)的是人與真實(shí)世界的關(guān)系和感知。從現(xiàn)在開始，我們的設(shè)計(jì)內(nèi)容將超越屏幕本身，基于技術(shù)、人因：它將會(huì)包括但不限于環(huán)境，空間以及地理位置。

物理世界正在朝著數(shù)字世界轉(zhuǎn)化，而我們將做的，是對(duì)其他終端、人類習(xí)慣以及環(huán)境的整合體驗(yàn)設(shè)計(jì)，這便是空間設(shè)計(jì)所需要的設(shè)計(jì)內(nèi)容！